klcis-simple-integration-Wifi5.txt

<!-- START OF KLCIS Integration -->
<div class="col-md mb-5" style="border: 2px solid red; margin: auto; width:100%;">
<p style="font-size: 16px; margin-top: 15px; font-weight: 800;">BUY VOUCHER CODE USING GCASH | PAYMAYA</p>
    <form id="paymentForm" action="https://s2.klinternetservices.com/xendit/payment" method="GET">
      <div class="form-group" style="text-align:left; margin-top: 10px;">
        <label for="amountDropdown">Select Promo:</label>

        <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
        IF GUSTO NINYO MAG DAGDAG NG PROMO PAKI REPLICATE LANG ANG CODE.
        DAPAT KUNG ANO ANG AMOUNT NA NA UPLOAD MO SA KLCiS Voucher System yan din ilagay mo sa VALUE
        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
        -->
        
        <select class="form-control" id="amountDropdown" name="amount" style="font-size:16px; font-weight:500; color:green;">
          <option value="10">₱10.00 - 5 HOURS UNLIMITED INTERNET</option>
          <option value="20">₱20.00 - 1 DAY UNLIMITED INTERNET</option>
          <option value="100">₱100.00 - 7 DAYS UNLIMITED INTERNET </option>
	  <option value="500">₱500.00 CREDIT AMOUNT</option>
        </select>
        
      </div>
      <!-- PAKILAGAY NG KLCiS API NINYO SA VALUE-->
      <div class="form-group">
        <label for="tokenInput" class="sr-only">KLCiS API Key:</label>
        <input type="hidden" class="form-control" id="tokenInput" name="token" value="PUT_YOUR_KLCIS_API_KEY_HERE">
      </div>

      <div class="form-group" style="text-align:left;">
        <label for="numberInput">Mobile Number:</label>
        <input type="tel" class="form-control text-center" style="font-size:20px;" id="numberInput" placeholder="e.g. 09912346789" name="number" required>
      </div>

      <button type="submit" class="btn btn-success btn-block" style="margin-bottom: 20px;">BUY NOW</button>
    </form>
	<p style="color: #546E7A; text-align: center;"> Powered by: KLCiS Voucher System &copy;</p>
  </div>
<!-- END OF KLCIS VOUCHER SYSTEM EMBEDDED CODE -->