<?php if($payment == 'cod'): ?> 
                                <input type="hidden" name="method" value="Cash On Delivery">

<?php endif; ?>

<?php if($payment == 'ssl'): ?> 
                                <input type="hidden" name="method" value="SSLCommerz">

<?php endif; ?>


<?php if($payment == 'flutter'): ?> 
                                <input type="hidden" name="method" value="Flutter Wave">
<?php endif; ?>

<?php if($payment == 'paypal'): ?> 
  <input type="hidden" name="method" value="Paypal">
  <input type="hidden" name="cmd" value="_xclick">
  <input type="hidden" name="no_note" value="1">
  <input type="hidden" name="lc" value="UK">
  <input type="hidden" name="currency_code" value="<?php echo e($curr->name); ?>">
  <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynow_LG.gif:NonHostedGuest">
<?php endif; ?>


<?php if($payment == 'mercadopago'): ?>
  <input type="hidden" name="method" value="mercadopago">

  <div class="row">

  
    
    <div class="col-lg-6">
      <input class="form-control" type="text" placeholder="<?php echo e(__('Credit Card Number')); ?>" id="cardNumber" data-checkout="cardNumber" onselectstart="return false" autocomplete=off required />
    </div>

    <div class="col-lg-6">
      <input class="form-control" type="text" id="securityCode" data-checkout="securityCode" placeholder="<?php echo e(__('Security Code')); ?>" onselectstart="return false" autocomplete=off required />
    </div>

    <div class="col-lg-6">
      <input class="form-control" type="text" id="cardExpirationMonth" data-checkout="cardExpirationMonth" placeholder="<?php echo e(__('Expiration Month')); ?>" autocomplete=off required />
    </div>

    <div class="col-lg-6">
    <input class="form-control" type="text" id="cardExpirationYear" data-checkout="cardExpirationYear" placeholder="<?php echo e(__('Expiration Year')); ?>" autocomplete=off required />
    </div>

    <div class="col-lg-6">
      <input class="form-control" type="text" id="cardholderName" data-checkout="cardholderName" placeholder="<?php echo e(__('Card Holder Name')); ?>" required />
    </div>
    <div class="col-lg-6">
      <select class="form-control" id="docType" data-checkout="docType" required>
      </select>
    </div>

    <div class="col-lg-6">
      <input class="form-control" type="text" id="docNumber" data-checkout="docNumber" placeholder="<?php echo e(__('Document Number')); ?>" required />
    </div>

  </div>


    <input type="hidden" id="installments" value="1"/>
    <input type="hidden" name="amount" id="amount"/>
    <input type="hidden" name="description"/>
    <input type="hidden" name="paymentMethodId" />


    <script>
     
      Mercadopago.setPublishableKey("<?php echo e($gs->mercado_publish_key); ?>");
      
      function getBin() {
          var ccNumber = document.querySelector('input[data-checkout="cardNumber"]');
          return ccNumber.value.replace(/[ .-]/g, '').slice(0, 6);
      };
      
      function guessingPaymentMethod(event) {
          var bin = getBin();
      
          if (event.type == "keyup") {
              if (bin.length >= 6) {
                  Mercadopago.getPaymentMethod({
                      "bin": bin
                  }, setPaymentMethodInfo);
              }
          } else {
              setTimeout(function() {
                  if (bin.length >= 6) {
                      Mercadopago.getPaymentMethod({
                          "bin": bin
                      }, setPaymentMethodInfo);
                  }
              }, 100);
          }
      };
      
      Mercadopago.getIdentificationTypes();
      
      
      function setPaymentMethodInfo(status, response) {
          if (status == 200) {
              // do somethings ex: show logo of the payment method
              var form = document.querySelector('#mercadopago');
      
              if (document.querySelector("input[name=paymentMethodId]") == null) {
                  var paymentMethod = document.createElement('input');
                  paymentMethod.setAttribute('name', "paymentMethodId");
                  paymentMethod.setAttribute('type', "hidden");
                  paymentMethod.setAttribute('value', response[0].id);
      
                  form.appendChild(paymentMethod);
              } else {
                  document.querySelector("input[name=paymentMethodId]").value = response[0].id;
              }
          }
      };
      
      function addEvent(el, eventName, handler) {
          if (el.addEventListener) {
             el.addEventListener(eventName, handler);
          } else {
              el.attachEvent('on' + eventName, function(){
                handler.call(el);
              });
          }
      };
      
      addEvent(document.querySelector('input[data-checkout="cardNumber"]'), 'keyup', guessingPaymentMethod);
      addEvent(document.querySelector('input[data-checkout="cardNumber"]'), 'change', guessingPaymentMethod);
      
      doSubmit = false;
      addEvent(document.querySelector('#mercadopago'),'submit',doPay);
      function doPay(event){
          event.preventDefault();
          if(!doSubmit){
              var $form = document.querySelector('#mercadopago');
      
              Mercadopago.createToken($form, sdkResponseHandler); // The function "sdkResponseHandler" is defined below
      
              return false;
          }
      };
      function sdkResponseHandler(status, response) {
          console.log(response);
      
          if (status != 200 && status != 201) {
              alert("verify filled data");
          }else{
      
              var form = document.querySelector('#mercadopago');
      
              var card = document.createElement('input');
              card.setAttribute('name',"token");
              card.setAttribute('type',"hidden");
              card.setAttribute('value',response.id);
              form.appendChild(card);
              // doSubmit=true;
               form.submit();
          }
      };
      </script>

<?php endif; ?>



<?php if($payment == 'stripe'): ?> 
                                	<input type="hidden" name="method" value="Stripe">
                                  <div class="row" >
                                    <div class="col-lg-6">
                                      <input class="form-control card-elements" name="cardNumber" type="text" placeholder="<?php echo e($langg->lang163); ?>" autocomplete="off"  autofocus oninput="validateCard(this.value);" />
                                      <span id="errCard"></span>
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control card-elements" name="cardCVC" type="text" placeholder="<?php echo e($langg->lang164); ?>" autocomplete="off"  oninput="validateCVC(this.value);" />
                                      <span id="errCVC"></span>
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control card-elements" name="month" type="text" placeholder="<?php echo e($langg->lang165); ?>"  />
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control card-elements" name="year" type="text" placeholder="<?php echo e($langg->lang166); ?>"  />
                                    </div>
                                </div>


                                <script type="text/javascript" src="<?php echo e(asset('assets/front/js/payvalid.js')); ?>"></script>
                                <script type="text/javascript" src="<?php echo e(asset('assets/front/js/paymin.js')); ?>"></script>
                                <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
                                <script type="text/javascript" src="<?php echo e(asset('assets/front/js/payform.js')); ?>"></script>


                                <script type="text/javascript">
                                  var cnstatus = false;
                                  var dateStatus = false;
                                  var cvcStatus = false;
                              
                                  function validateCard(cn) {
                                    cnstatus = Stripe.card.validateCardNumber(cn);
                                    if (!cnstatus) {
                                      $("#errCard").html('<?php echo e($langg->lang781); ?>');
                                    } else {
                                      $("#errCard").html('');
                                    }

                              
                              
                                  }
                              
                                  function validateCVC(cvc) {
                                    cvcStatus = Stripe.card.validateCVC(cvc);
                                    if (!cvcStatus) {
                                      $("#errCVC").html('<?php echo e($langg->lang782); ?>');
                                    } else {
                                      $("#errCVC").html('');
                                    }
            
                                  }
                              
                                </script>


<?php endif; ?>


<?php if($payment == 'instamojo'): ?> 
                                	<input type="hidden" name="method" value="Instamojo">

<?php endif; ?>


<?php if($payment == 'paystack'): ?> 
                              
        <input type="hidden" name="ref_id" id="ref_id" value="">
        <input type="hidden" name="sub" id="sub" value="0">
		    <input type="hidden" name="method" value="Paystack">

<?php endif; ?>


<?php if($payment == 'voguepay'): ?> 
                              
        <input type="hidden" name="ref_id" id="ref_id" value="">
        <input type="hidden" name="sub" id="sub" value="0">
		    <input type="hidden" name="method" value="Voguepay">

<?php endif; ?>


<?php if($payment == 'razorpay'): ?> 

                                  <input type="hidden" name="method" value="Razorpay">

<?php endif; ?>

<?php if($payment == 'molly'): ?> 
                                  <input type="hidden" name="method" value="Molly">

<?php endif; ?>


<?php if($payment == 'authorize'): ?> 
                                  <input type="hidden" name="method" value="Authorize.Net">


                                  <div class="row" >
                                    <div class="col-lg-6">
                                      <input class="form-control" name="cardNumber" type="text" placeholder="<?php echo e($langg->lang163); ?>" autocomplete="off"/>
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control" name="cardCode" type="text" placeholder="<?php echo e(__('CVV')); ?>" autocomplete="off"/>
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control" name="month" type="text" placeholder="<?php echo e($langg->lang165); ?>"  />
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control" name="year" type="text" placeholder="<?php echo e($langg->lang808); ?>"  />
                                    </div>
                                </div>

<?php endif; ?>
<?php if($payment == 'twocheckout'): ?> 



                                <input type="hidden" name="method" value="2Checkout">

                                <input id="token" name="token" type="hidden" value="">

                                <div class="row" >
                                  <div class="col-lg-6">
                                    <input class="form-control" id="ccNo" name="cardNumber" type="text" placeholder="<?php echo e($langg->lang163); ?>" autocomplete="off" />
                                  </div>
                                  <div class="col-lg-6">
                                    <input class="form-control" id="cvv" name="cardCVC" type="text" placeholder="<?php echo e($langg->lang164); ?>" autocomplete="off" />
                                  </div>
                                  <div class="col-lg-6">
                                    <input class="form-control" id="expMonth" name="month" type="text" placeholder="<?php echo e($langg->lang165); ?>"  />
                                  </div>
                                  <div class="col-lg-6">
                                    <input class="form-control" id="expYear" name="year" type="text" placeholder="<?php echo e($langg->lang808); ?>"  />
                                  </div>
                              </div>
                          

                              <script type="application/javascript">
  $(function ($) {
    "use strict";

                                  // Called when token created successfully.
                                  var successCallback = function(data) {
                                   
                                      var myForm = document.getElementById('twocheckout');
                              
                                      // Set the token as the value for the token input
                                      myForm.token.value = data.response.token.token;
                                      console.log(data.response.token.token);
                              
                                      // IMPORTANT: Here we call `submit()` on the form element directly instead of using jQuery to prevent and infinite token request loop.
                                      myForm.submit();
                                  };
                              
                                  // Called when token creation fails.
                                  var errorCallback = function(data) {
                                      if (data.errorCode === 200) {tokenRequest();} else {alert(data.errorMsg);}
                                  };
                              
                                  var tokenRequest = function() {
                                      // Setup token request arguments
                                      var args = {
                                          sellerId: "<?php echo e($gs->twocheckout_seller_id); ?>",
                                          publishableKey: "<?php echo e($gs->twocheckout_public_key); ?>",
                                          ccNo: $("#ccNo").val(),
                                          cvv: $("#cvv").val(),
                                          expMonth: $("#expMonth").val(),
                                          expYear: $("#expYear").val()
                                      };
                              
                                      // Make the token request
                                      TCO.requestToken(successCallback, errorCallback, args);
                                      
                                  };
                                   
                                      
                                  $(function() {
                                      // Pull in the public encryption key for our environment
                                      <?php if($gs->twocheckout_sandbox_check == 1): ?>
                                      TCO.loadPubKey('sandbox');
                                      <?php else: ?> 
                                      TCO.loadPubKey('production');
                                      <?php endif; ?>
                              
                                      $(".checkoutform").submit(function(e) {
                                          // Call our token request function
                                          tokenRequest();
                              
                                          // Prevent form from submitting
                                          return false;
                                      });
                                  });


                                });

                              </script>
                                
<?php endif; ?>

<?php if($payment == 'mercadopago'): ?> 
                                  <input type="hidden" name="method" value="Mercadopago">

<?php endif; ?>



<?php if($payment == 'other'): ?> 

                                <input type="hidden" name="method" value="<?php echo e($gateway->title); ?>">

                                  <div class="row" >

<div class="col-lg-12 pb-2">
	
	<?php echo $gateway->details; ?>


</div>


<div class="col-lg-6">
	<label><?php echo e($langg->lang167); ?> *</label>
	<input class="form-control" name="txn_id4" type="text" placeholder="<?php echo e($langg->lang167); ?>"  />
</div>


  </div>
<?php endif; ?><?php /**PATH /home/elitedesign/ecommerce5.elitedesign.com.bd/project/resources/views/load/payment.blade.php ENDPATH**/ ?>