fork download 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Search for Voter Details online. Get complete information on voter card details using Voter ID and State.">
  6. <meta name="keywords" content="Voter Search find, Voter Details serch, Voter ID details, Voter Card Serial Number, Election Details">
  7. <meta name="author" content="wbpvcprint.com">
  8. <link rel="icon" href="https://w...content-available-to-author-only...t.com/wp-content/uploads/2023/12/200-px.svg" type="svg/image/png">
  9. <title>Find Voter Card Number Details With wbpvcprint.com</title>
  10.     <link href="https://f...content-available-to-author-only...s.com/css2?family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
  11.     <link rel="stylesheet" href="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  12.     <style>
  13.         body {
  14.             font-family: 'Poppins', sans-serif;
  15.             background-color: white;
  16.             min-height: 100vh;
  17.             display: flex;
  18.             justify-content: center;
  19.             align-items: center;
  20.             margin: 0;
  21.         }
  22.  
  23.         .container {
  24.             background-color: white;
  25.             border-radius: 12px;
  26.             padding: 10px;
  27.             width: 100%;
  28.             max-width: autopx;
  29.             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  30.         }
  31.  
  32.         .heading {
  33.             text-align: center;
  34.             font-size: 36px;
  35.             color: #333;
  36.             margin-bottom: 30px;
  37.             font-weight: 500;
  38.         }
  39.  
  40.         .form-control, .form-select {
  41.             border-radius: 8px;
  42.             border: 1px solid #ddd;
  43.             box-shadow: none;
  44.             padding: 12px 20px;
  45.             font-size: 14px;
  46.         }
  47.  
  48.         .form-control:focus, .form-select:focus {
  49.             border-color: #bcdf4e;
  50.             box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  51.         }
  52.  
  53.         .btn-primary {
  54.             background-color: #bcdf4e;
  55.             border-color: #bcdf4e;
  56.             width: 100%;
  57.             padding: 12px;
  58.             border-radius: 8px;
  59.             font-size: 16px;
  60.             font-weight: 500;
  61.         }
  62.  
  63.         .btn-primary:hover {
  64.             background-color: #254ec9;
  65.             border-color: #254ec9;
  66.         }
  67.  
  68.         .btn-back {
  69.             margin-top: 10px;
  70.             font-size: 14px;
  71.             background-color: #6c757d;
  72.             color: white;
  73.             border-radius: 5px;
  74.             padding: 8px 16px;
  75.             width: 100%;
  76.         }
  77.  
  78.         .btn-back:hover {
  79.             background-color: #5a6268;
  80.         }
  81.  
  82.         #preview-container {
  83.             display: none;
  84.             margin-top: 30px;
  85.             background-color: #f9f9f9;
  86.             border-radius: 12px;
  87.             padding: 20px;
  88.             border: 1px solid #ddd;
  89.             box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  90.         }
  91.  
  92.         #preview-container iframe {
  93.             border-radius: 8px;
  94.  
  95.         }
  96.  
  97.         footer {
  98.             margin-top: 40px;
  99.             text-align: center;
  100.             color: #6c757d;
  101.             font-size: 14px;
  102.         }
  103.  
  104.         footer a {
  105.             text-decoration: none;
  106.             color: #4e73df;
  107.         }
  108.  
  109.         footer a:hover {
  110.             text-decoration: underline;
  111.         }
  112.     </style>
  113. </head>
  114. <body>
  115. <div class="row g-4" style="height: auto !important;">
  116.     <div class="col-md-6">
  117.        <div class="card border">
  118.           <div class="card-header border-bottom">
  119.              <h5 class="card-header-title title-">Make Driving Licence Slip (Cards)</h5>
  120.              <p class="mb-0 small"> Please enter the details in the input field(s) to generate the Driving Licence slip(s). </p>
  121.           </div>
  122.           <form method="POST">
  123.              <div class="card-body">
  124.                 <div class="mb-3 ">
  125.                    <label class="form-label">Criteria <span class="text-danger">*</span> </label>
  126.                    <select class="form-select" name="relation" required="">
  127.                       <option value="DL No" selected="">DL No</option>
  128.                    </select>
  129.                 </div>
  130.                 <div class="mb-3"><label class="form-label">Driving Licence Number <span class="text-danger">*</span> </label><input type="text" name="dl" class="form-control" placeholder="Driving Licence Number" required=""></div>
  131.                 <div class="mb-3"><label class="form-label">Date of Birth <span class="text-danger">*</span> </label><input type="text" name="dob" class="form-control" placeholder="DD-MM-YYY" required=""></div>
  132.              </div>
  133.              <div class="card-footer border-top">
  134.                 <div class="text-center mt-3"><button class="btn btn-primary fs-5" type="submit" value="Submit"><span class="spinner-border spinner-border-sm me-2" aria-hidden="true" style="display: none;"></span><span role="status">Submit</span></button></div>
  135.              </div>
  136.           </form>
  137.        </div>
  138.     </div>
  139.     <div class="col">
  140.        <div class="card border">
  141.           <div class="card-header border-bottom">
  142.              <h5 class="card-header-title">HTML Page Preview</h5>
  143.              <p class="mb-0 small"> Easily print this page with print button. </p>
  144.           </div>
  145.           <div class="card-body ratio ratio-16x9 bg-white"><iframe src=""></iframe></div>
  146.           <div class="card-footer border-top">
  147.              <div class="text-center mt-3"><button class="btn btn-primary fs-5 iframe-download-btn" type="button"><span role="status">Print</span></button></div>
  148.           </div>
  149.        </div>
  150.     </div>
  151.     <div class="col-12">
  152.        <ins class="">
  153.  
  154.        </iframe></div>
  155.        </ins>
  156.     </div>
  157.  </div>
  158.  
  159.   <script>
  160.         function goHome() {
  161.             window.location.href = '/'; // Replace with your home page URL
  162.         }
  163.  
  164.         const form = document.getElementById('voterForm');
  165.         const previewContainer = document.getElementById('preview-container');
  166.         const downloadBtn = document.getElementById('download-btn');
  167.  
  168.         form.addEventListener('submit', function (e) => {
  169.             e.preventDefault();
  170.  
  171.             const formData = new FormData(form);
  172.  
  173.             previewContainer.style.display = 'block';
  174.             previewContainer.innerHTML = `<div class="text-center">Voter Card Number Searching.....</div>`;
  175.             downloadBtn.classList.add('d-none');
  176.  
  177.             try {
  178.                 const response = await fetch('https://a...content-available-to-author-only...d.store/free/free_vc', {
  179.                     method: 'POST',
  180.                     headers: {
  181.                         'Authorization': 'Bearer 6f3a5224-132e-4a51-8475-79c0a70e5575', // Replace with your API Key
  182.                     },
  183.                     body: formData
  184.                 });
  185.  
  186.                 if (!response.ok) {
  187.                     throw new Error(` 🛑No Data Fount Error ${response.status} 📧 Contact Email-wbpvcprint@gmail.com`);
  188.                 }
  189.  
  190.                 const result = await response.json();
  191.  
  192.                 if (result.cards && result.cards[0]) {
  193.                     const cardUrl = `https://i...content-available-to-author-only...n.in/${result.cards[0].html}`;
  194.  
  195.                     previewContainer.innerHTML = `
  196.                         <iframe src="${cardUrl}" width="100%" height="1000px" style="border:none;"></iframe>
  197.                     `;
  198.                     downloadBtn.classList.remove('d-none');
  199.  
  200.                     downloadBtn.onclick = () => {
  201.                         const printWindow = window.open('', '_blank');
  202.                         printWindow.document.write('<html><head><title>Card Preview</title></head><body>');
  203.                         printWindow.document.write(`<iframe src="${cardUrl}" width="100%" height="100%" style="border:none;"></iframe>`);
  204.                         printWindow.document.write('</body></html>');
  205.                         printWindow.document.close();
  206.                         printWindow.focus();
  207.                         printWindow.onload = () => {
  208.                             printWindow.print();
  209.                         };
  210.                     };
  211.                 } else {
  212.                     previewContainer.innerHTML = `<div class="alert alert-warning">No card data returned.</div>`;
  213.                 }
  214.             } catch (error) {
  215.                 console.error(error);
  216.                 previewContainer.innerHTML = `<div class="alert alert-danger">Error: ${error.message}</div>`;
  217.             }
  218.         });
  219.     </script>
  220.  
  221. </body>
  222. </html>
Success #stdin #stdout 0.02s 25672KB
comments (?)
stdin 
Standard input is empty
stdout 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Search for Voter Details online. Get complete information on voter card details using Voter ID and State.">
<meta name="keywords" content="Voter Search find, Voter Details serch, Voter ID details, Voter Card Serial Number, Election Details">
<meta name="author" content="wbpvcprint.com">
<link rel="icon" href="https://w...content-available-to-author-only...t.com/wp-content/uploads/2023/12/200-px.svg" type="svg/image/png">
<title>Find Voter Card Number Details With wbpvcprint.com</title>
    <link href="https://f...content-available-to-author-only...s.com/css2?family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <style>
        body {
            font-family: 'Poppins', sans-serif;
            background-color: white;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
        }

        .container {
            background-color: white;
            border-radius: 12px;
            padding: 10px;
            width: 100%;
            max-width: autopx;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .heading {
            text-align: center;
            font-size: 36px;
            color: #333;
            margin-bottom: 30px;
            font-weight: 500;
        }

        .form-control, .form-select {
            border-radius: 8px;
            border: 1px solid #ddd;
            box-shadow: none;
            padding: 12px 20px;
            font-size: 14px;
        }

        .form-control:focus, .form-select:focus {
            border-color: #bcdf4e;
            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
        }

        .btn-primary {
            background-color: #bcdf4e;
            border-color: #bcdf4e;
            width: 100%;
            padding: 12px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
        }

        .btn-primary:hover {
            background-color: #254ec9;
            border-color: #254ec9;
        }

        .btn-back {
            margin-top: 10px;
            font-size: 14px;
            background-color: #6c757d;
            color: white;
            border-radius: 5px;
            padding: 8px 16px;
            width: 100%;
        }

        .btn-back:hover {
            background-color: #5a6268;
        }

        #preview-container {
            display: none;
            margin-top: 30px;
            background-color: #f9f9f9;
            border-radius: 12px;
            padding: 20px;
            border: 1px solid #ddd;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        }

        #preview-container iframe {
            border-radius: 8px;
        
        }

        footer {
            margin-top: 40px;
            text-align: center;
            color: #6c757d;
            font-size: 14px;
        }

        footer a {
            text-decoration: none;
            color: #4e73df;
        }

        footer a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div class="row g-4" style="height: auto !important;">
    <div class="col-md-6">
       <div class="card border">
          <div class="card-header border-bottom">
             <h5 class="card-header-title title-">Make Driving Licence Slip (Cards)</h5>
             <p class="mb-0 small"> Please enter the details in the input field(s) to generate the Driving Licence slip(s). </p>
          </div>
          <form method="POST">
             <div class="card-body">
                <div class="mb-3 ">
                   <label class="form-label">Criteria <span class="text-danger">*</span> </label>
                   <select class="form-select" name="relation" required="">
                      <option value="DL No" selected="">DL No</option>
                   </select>
                </div>
                <div class="mb-3"><label class="form-label">Driving Licence Number <span class="text-danger">*</span> </label><input type="text" name="dl" class="form-control" placeholder="Driving Licence Number" required=""></div>
                <div class="mb-3"><label class="form-label">Date of Birth <span class="text-danger">*</span> </label><input type="text" name="dob" class="form-control" placeholder="DD-MM-YYY" required=""></div>
             </div>
             <div class="card-footer border-top">
                <div class="text-center mt-3"><button class="btn btn-primary fs-5" type="submit" value="Submit"><span class="spinner-border spinner-border-sm me-2" aria-hidden="true" style="display: none;"></span><span role="status">Submit</span></button></div>
             </div>
          </form>
       </div>
    </div>
    <div class="col">
       <div class="card border">
          <div class="card-header border-bottom">
             <h5 class="card-header-title">HTML Page Preview</h5>
             <p class="mb-0 small"> Easily print this page with print button. </p>
          </div>
          <div class="card-body ratio ratio-16x9 bg-white"><iframe src=""></iframe></div>
          <div class="card-footer border-top">
             <div class="text-center mt-3"><button class="btn btn-primary fs-5 iframe-download-btn" type="button"><span role="status">Print</span></button></div>
          </div>
       </div>
    </div>
    <div class="col-12">
       <ins class="">
        
       </iframe></div>
       </ins>
    </div>
 </div>
 
  <script>
        function goHome() {
            window.location.href = '/'; // Replace with your home page URL
        }

        const form = document.getElementById('voterForm');
        const previewContainer = document.getElementById('preview-container');
        const downloadBtn = document.getElementById('download-btn');

        form.addEventListener('submit', function (e) => {
            e.preventDefault();

            const formData = new FormData(form);

            previewContainer.style.display = 'block';
            previewContainer.innerHTML = `<div class="text-center">Voter Card Number Searching.....</div>`;
            downloadBtn.classList.add('d-none');

            try {
                const response = await fetch('https://a...content-available-to-author-only...d.store/free/free_vc', {
                    method: 'POST',
                    headers: {
                        'Authorization': 'Bearer 6f3a5224-132e-4a51-8475-79c0a70e5575', // Replace with your API Key
                    },
                    body: formData
                });

                if (!response.ok) {
                    throw new Error(` 🛑No Data Fount Error ${response.status} 📧 Contact Email-wbpvcprint@gmail.com`);
                }

                const result = await response.json();

                if (result.cards && result.cards[0]) {
                    const cardUrl = `https://i...content-available-to-author-only...n.in/${result.cards[0].html}`;

                    previewContainer.innerHTML = `
                        <iframe src="${cardUrl}" width="100%" height="1000px" style="border:none;"></iframe>
                    `;
                    downloadBtn.classList.remove('d-none');

                    downloadBtn.onclick = () => {
                        const printWindow = window.open('', '_blank');
                        printWindow.document.write('<html><head><title>Card Preview</title></head><body>');
                        printWindow.document.write(`<iframe src="${cardUrl}" width="100%" height="100%" style="border:none;"></iframe>`);
                        printWindow.document.write('</body></html>');
                        printWindow.document.close();
                        printWindow.focus();
                        printWindow.onload = () => {
                            printWindow.print();
                        };
                    };
                } else {
                    previewContainer.innerHTML = `<div class="alert alert-warning">No card data returned.</div>`;
                }
            } catch (error) {
                console.error(error);
                previewContainer.innerHTML = `<div class="alert alert-danger">Error: ${error.message}</div>`;
            }
        });
    </script>

</body>
</html>
https://ideone.com/tLF9sg
language:
PHP (php 7.3.5)
created:
11 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!