Default page

Edit File: e049fe2b8bce14eda86b6b091f3f7587c274b024.php

<?php $__env->startSection('styles'); ?>
  <link rel="stylesheet" href="<?php echo e(asset('assets/front/css/checkout.css')); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('pagename'); ?>
  - <?php echo e(__('Checkout')); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('meta-description', !empty($seo) ? $seo->checkout_meta_description : ''); ?>
<?php $__env->startSection('meta-keywords', !empty($seo) ? $seo->checkout_meta_keywords : ''); ?>

<?php $__env->startSection('breadcrumb-title'); ?>
  <?php echo e(__('Checkout')); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('breadcrumb-link'); ?>
  <?php echo e(__('Checkout')); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>

<div class="checkout-area ptb-90">
    <div class="container">
      <form
        onsubmit="document.getElementById('confirmBtn').innerHTML='Processing..';document.getElementById('confirmBtn').disabled=true;"
        action="<?php echo e(route('front.membership.checkout')); ?>" method="POST" enctype="multipart/form-data" id="my-checkout-form">
        <div class="row">
          <div class="col-lg-8">
            <div class="billing-form form-block mb-30 pb-0">
              <div class="title">
                <h4><?php echo e(__('Billing Details')); ?></h4>
              </div>

<?php echo csrf_field(); ?>
              <div class="row">
                <input type="hidden" name="username" value="<?php echo e($username); ?>">
                <input type="hidden" name="password" value="<?php echo e($password); ?>">
                <input type="hidden" name="package_type" value="<?php echo e($status); ?>">
                <input type="hidden" name="email" value="<?php echo e($email); ?>">
                <input type="hidden" name="package_id" value="<?php echo e($id); ?>">
                <input type="hidden" name="trial_days" id="trial_days" value="<?php echo e($package->trial_days); ?>">
                <input type="hidden" name="start_date" value="<?php echo e(\Carbon\Carbon::today()->format('d-m-Y')); ?>">
                <?php if($status === 'trial'): ?>
                  <input type="hidden" name="expire_date"
                    value="<?php echo e(\Carbon\Carbon::today()->addDay($package->trial_days)->format('d-m-Y')); ?>">
                <?php else: ?>
                  <?php if($package->term === 'monthly'): ?>
                    <input type="hidden" name="expire_date"
                      value="<?php echo e(\Carbon\Carbon::today()->addMonth()->format('d-m-Y')); ?>">
                  <?php elseif($package->term === 'lifetime'): ?>
                    <input type="hidden" name="expire_date" value="<?php echo e(\Carbon\Carbon::maxValue()->format('d-m-Y')); ?>">
                  <?php else: ?>
                    <input type="hidden" name="expire_date"
                      value="<?php echo e(\Carbon\Carbon::today()->addYear()->format('d-m-Y')); ?>">
                  <?php endif; ?>
                <?php endif; ?>
                <div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="first_name"><?php echo e(__('First Name')); ?>*</label>
                    <input id="first_name" type="text" class="form-control" name="first_name"
                      placeholder="<?php echo e(__('First Name')); ?>" value="<?php echo e(old('first_name')); ?>" required>
                    <?php if($errors->has('first_name')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('first_name')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="last_name"><?php echo e(__('Last Name')); ?>*</label>
                    <input id="last_name" type="text" class="form-control" name="last_name"
                      placeholder="<?php echo e(__('Last Name')); ?>" value="<?php echo e(old('last_name')); ?>" required>
                    <?php if($errors->has('last_name')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('last_name')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="phone"><?php echo e(__('Phone Number')); ?>*</label>
                    <input id="phone" type="text" class="form-control" name="phone"
                      placeholder="<?php echo e(__('Phone Number')); ?>" value="<?php echo e(old('phone')); ?>" required>
                    <?php if($errors->has('phone')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('phone')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="email"><?php echo e(__('Email Address')); ?>*</label>
                    <input id="email" type="email" class="form-control" name="email" value="<?php echo e($email); ?>"
                      disabled>
                    <?php if($errors->has('email')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('email')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="company_name"><?php echo e(__('Company Name')); ?>*</label>
                    <input id="company_name" type="text" class="form-control" name="company_name"
                      placeholder="<?php echo e(__('Company Name')); ?>" value="<?php echo e(old('company_name')); ?>" required>
                    <?php if($errors->has('company_name')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('company_name')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>

<div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="address"><?php echo e(__('Street Address')); ?></label>
                    <input id="address" type="text" class="form-control" name="address"
                      placeholder="<?php echo e(__('Street Address')); ?>" value="<?php echo e(old('address')); ?>">
                    <?php if($errors->has('address')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('address')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>

<div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="city"><?php echo e(__('City')); ?></label>
                    <input id="city" type="text" class="form-control" name="city"
                      placeholder="<?php echo e(__('City')); ?>" value="<?php echo e(old('city')); ?>">
                    <?php if($errors->has('city')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('city')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>

<div class="col-lg-6">
                  <div class="form-group mb-3">
                    <label for="district"><?php echo e(__('State')); ?></label>
                    <input id="district" type="text" class="form-control" name="district"
                      placeholder="<?php echo e(__('State')); ?>" value="<?php echo e(old('district')); ?>">
                    <?php if($errors->has('district')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('district')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="form-group mb-5">
                    <label for="country"><?php echo e(__('Country')); ?>*</label>
                    <input id="country" type="text" class="form-control" name="country"
                      placeholder="<?php echo e(__('Country')); ?>" value="<?php echo e(old('country')); ?>" required>
                    <?php if($errors->has('country')): ?>
                      <span class="error">
                        <strong><?php echo e($errors->first('country')); ?></strong>
                      </span>
                    <?php endif; ?>
                  </div>
                </div>
              </div>

</div>
          </div>
          <div class="col-lg-4">
            <div class="order-summery form-block mb-30">
              <div class="title">
                <h4><?php echo e(__('Package Summary')); ?></h4>
              </div>
              <div class="order-list-info" id="couponReload">
                <input type="hidden" name="price"
                  value="<?php echo e($status == 'trial' ? 0 : $package->price - $cAmount); ?>">

<div class="summery-list">
                  <ul class="summery-list">
                    <li><?php echo e(__('Package')); ?> <span><?php echo e(__($package->title)); ?>

(<?php echo e(__(ucfirst($package->term))); ?>)</span></li>
                    <li><?php echo e(__('Start Date')); ?>

<span><?php echo e(\Carbon\Carbon::today()->format('d-m-Y')); ?></span>
                    </li>
                    <?php if($status === 'trial'): ?>
                      <li>
                        <?php echo e(__('Expiry Date')); ?>

<span>
                          <?php echo e(\Carbon\Carbon::today()->addDay($package->trial_days)->format('d-m-Y')); ?>

</span>
                      </li>
                    <?php else: ?>
                      <li>
                        <?php echo e(__('Expiry Date')); ?>

<span>
                          <?php if($package->term === 'monthly'): ?>
                            <?php echo e(\Carbon\Carbon::today()->addMonth()->format('d-m-Y')); ?>

<?php elseif($package->term === 'lifetime'): ?>
                            <?php echo e(__('Lifetime')); ?>

<?php else: ?>
                            <?php echo e(\Carbon\Carbon::today()->addYear()->format('d-m-Y')); ?>

<?php endif; ?>
                        </span>
                      </li>
                    <?php endif; ?>
                    <?php if(session()->has('coupon')): ?>
                      <li>
                        <span><?php echo e(__('Package Price')); ?></span>
                        <span class="price">
                          <?php if($status === 'trial'): ?>
                            <?php echo e(__('Free')); ?>

(<?php echo e($package->trial_days . ' ' . __('days')); ?>)
                          <?php elseif($package->price == 0): ?>
                            <?php echo e(__('Free')); ?>

<?php else: ?>
                            <?php echo e(format_price($package->price)); ?>

<?php endif; ?>
                        </span>
                      </li>
                      <li>
                        <span><?php echo e(__('Discount')); ?></span>
                        <span class="price text-success">
                          - <?php echo e(format_price($cAmount)); ?>

</span>
                      </li>
                    <?php endif; ?>

</ul>
                </div>
                <div class="order-price">
                  <ul class="summery-list">
                    <li><?php echo e(__('Total')); ?><span class="price">
                        <?php if($status === 'trial'): ?>
                          <?php echo e(__('Free')); ?> (<?php echo e($package->trial_days . ' ' . __('days')); ?>)
                        <?php elseif($package->price == 0): ?>
                          <?php echo e(__('Free')); ?>

<?php else: ?>
                          <?php echo e(format_price($package->price - $cAmount)); ?>

<?php endif; ?>
                      </span></li>
                  </ul>
                </div>

<?php if($package->price > 0 && $status != 'trial'): ?>
                  <?php if(!session()->has('coupon')): ?>
                    <div class="row mt-4">
                      <div class="col-12">
                        <div class="input-group mb-3">
                          <input type="text" class="form-control" name="coupon"
                            placeholder="<?php echo e(__('Enter Coupon Code Here')); ?>">
                          <div class="input-group-append ">
                            <span class="input-group-text coupon-apply h-100 text-white bg-primary border-primary"
                              id="basic-addon2"><?php echo e(__('Apply')); ?></span>
                          </div>
                        </div>
                      </div>
                    </div>
                  <?php else: ?>
                    <div class="alert alert-success mt-2">
                      <?php echo e(__('Coupon already applied')); ?>

</div>
                  <?php endif; ?>
                <?php endif; ?>

</div>

<div class="order-payment form-block mb-30">
              <?php if($package->price - $cAmount == 0 || $status == 'trial'): ?>
              <?php else: ?>
                <div class="title">

</div>
                <div class="form-group mb-2">
                  <select name="payment_method" id="payment-gateway" class=" select">
                    <option value="" selected disabled><?php echo e(__('Choose an option')); ?></option>
                    <?php $__currentLoopData = $payment_methods; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $payment_method): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <option value="<?php echo e($payment_method->name); ?>"
                        <?php echo e(old('payment_method') == $payment_method->name ? 'selected' : ''); ?>>
                        <?php echo e($payment_method->name); ?>

</option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  </select>
                  <?php if($errors->has('payment_method')): ?>
                    <span class="method-error">
                      <strong><?php echo e($errors->first('payment_method')); ?></strong>
                    </span>
                  <?php endif; ?>
                </div>
              <?php endif; ?>

<div class="iyzico-element <?php echo e(old('payment_method') == 'Iyzico' ? '' : 'd-none'); ?>">
                <input type="text" name="identity_number" class="form-control mb-2" placeholder="Identity Number">
                <?php $__errorArgs = ['identity_number'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                  <p class="text-danger text-left"><?php echo e($message); ?></p>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>

<input type="text" name="zip_code" class="form-control" placeholder="Zip Code">
                <?php $__errorArgs = ['zip_code'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                  <p class="text-danger text-left"><?php echo e($message); ?></p>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
              </div>

<div class="row gateway-details py-3" id="tab-stripe" style="display: none;">

<div class="row gateway-details py-3" id="tab-anet" style="display: none;">
                <div class="col-12">
                  <div class="form-group mb-2">
                    <input class="form-control" type="text" id="anetCardNumber" placeholder="Card Number"
                      disabled />
                  </div>
                </div>
                <div class="col-12 mb-2">
                  <div class="form-group">
                    <input class="form-control" type="text" id="anetExpMonth" placeholder="Expire Month"
                      disabled />
                  </div>
                </div>
                <div class="col-12 mb-2">
                  <div class="form-group">
                    <input class="form-control" type="text" id="anetExpYear" placeholder="Expire Year" disabled />
                  </div>
                </div>
                <div class="col-12">
                  <div class="form-group">
                    <input class="form-control" type="text" id="anetCardCode" placeholder="Card Code" disabled />
                  </div>
                </div>
                <input type="hidden" name="opaqueDataValue" id="opaqueDataValue" disabled />
                <input type="hidden" name="opaqueDataDescriptor" id="opaqueDataDescriptor" disabled />
                <ul id="anetErrors" style="display: none;"></ul>
              </div>

<div>
                <div id="instructions"></div>
                <input type="hidden" name="is_receipt" value="0" id="is_receipt">
                <?php if($errors->has('receipt')): ?>
                  <span class="error">
                    <strong><?php echo e($errors->first('receipt')); ?></strong>
                  </span>
                <?php endif; ?>
              </div>

</button>
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
  <script>
    "use strict";
    let receiptTxt = "<?php echo e(__('Receipt')); ?>";
    $(document).ready(function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });

function applyCoupon() {
        let fd = new FormData();
        let coupon = $("input[name='coupon']").val();
        fd.append('coupon', coupon);
        fd.append('package_id', <?php echo e($package->id); ?>);

$.ajax({
          url: "<?php echo e(route('front.membership.coupon')); ?>",
          type: 'POST',
          data: fd,
          contentType: false,
          processData: false,
          success: function(data) {
            if (data == 'success') {
              $("#couponReload").load(location.href + " #couponReload");
              toastr['success']("Coupon applied successfully!");
            } else {
              toastr['warning'](data);
            }
          }
        })
      }

$("input[name='coupon']").on('keypress', function(e) {
        if (e.which === 13) {
          e.preventDefault();

applyCoupon();
        }
      });

$(".coupon-apply").on('click', function() {
        applyCoupon();
      });
      $(document).ready(function() {
        $('#stripe-element').addClass('d-none');
      })

$("#payment-gateway").on('change', function() {
        let offline = <?php echo json_encode($offline) ?>;
        let data = [];
        offline.map(({
          id,
          name
        }) => {
          data.push(name);
        });
        let paymentMethod = $("#payment-gateway").val();
        $("input[name='payment_method']").val(paymentMethod);

$(".gateway-details").hide();
        $(".gateway-details input").attr('disabled', true);

if (paymentMethod == 'Stripe') {
          $('#stripe-element').removeClass('d-none');
          $("#tab-stripe").show();
          $("#tab-stripe input").removeAttr('disabled');
          $('.iyzico-element').addClass('d-none');
        } else if (paymentMethod == 'Iyzico') {
          $('.iyzico-element').removeClass('d-none');
          $('#stripe-element').addClass('d-none');
        } else {
          $('#stripe-element').addClass('d-none');
          $('.iyzico-element').addClass('d-none');
        }

if (paymentMethod == 'Authorize.net') {
          $("#tab-anet").show();
          $("#tab-anet input").removeAttr('disabled');
        }

if (data.indexOf(paymentMethod) != -1) {
          let formData = new FormData();
          formData.append('name', paymentMethod);
          $.ajax({
            url: '<?php echo e(route('front.payment.instructions')); ?>',
            headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            contentType: false,
            processData: false,
            cache: false,
            data: formData,
            success: function(data) {
              let instruction = $("#instructions");
              let instructions =
                `<div class="gateway-desc">${data.instructions}</div>`;
              if (data.description != null) {
                var description =
                  `<div class="gateway-desc"><p>${data.description}</p></div>`;
              } else {
                var description = `<div></div>`;
              }
              let receipt = `<div class="form-element mb-2">
                                              <label>${receiptTxt}<span>*</span></label><br>
                                              <input type="file" name="receipt" value="" class="file-input" required>
                                              <p class="mb-0 text-warning">** Receipt image must be .jpg / .jpeg / .png</p>
                                           </div>`;
              if (data.is_receipt == 1) {
                $("#is_receipt").val(1);
                let finalInstruction = instructions + description + receipt;
                instruction.html(finalInstruction);
              } else {
                $("#is_receipt").val(0);
                let finalInstruction = instructions + description;
                instruction.html(finalInstruction);
              }
              $('#instructions').fadeIn();
            },
            error: function(data) {}
          })
        } else {
          $('#instructions').fadeOut();
        }
      });
    });
  </script>

<?php
    $anet = App\Models\PaymentGateway::find(20);
    $anerInfo = $anet->convertAutoData();
    $anetTest = $anerInfo['sandbox_check'];

if ($anetTest == 1) {
        $anetSrc = 'https://jstest.authorize.net/v1/Accept.js';
    } else {
        $anetSrc = 'https://js.authorize.net/v1/Accept.js';
    }
  ?>
  <script type="text/javascript" src="<?php echo e($anetSrc); ?>" charset="utf-8"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#my-checkout-form").on('submit', function(e) {
        e.preventDefault();
        let val = $("#payment-gateway").val();
        if (val == 'Authorize.net') {
          sendPaymentDataToAnet();
        } else if (val == 'Stripe') {
          stripe.createToken(cardElement).then(function(result) {
            if (result.error) {
              // Display errors to the customer
              var errorElement = document.getElementById('stripe-errors');
              errorElement.textContent = result.error.message;

} else {
              // Send the token to your server
              stripeTokenHandler(result.token);
            }
          });
        } else {
          $(this).unbind('submit').submit();
        }
      });
    });

function sendPaymentDataToAnet() {
      // Set up authorisation to access the gateway.
      var authData = {};
      authData.clientKey = "<?php echo e($anerInfo['public_key']); ?>";
      authData.apiLoginID = "<?php echo e($anerInfo['login_id']); ?>";

var cardData = {};
      cardData.cardNumber = document.getElementById("anetCardNumber").value;
      cardData.month = document.getElementById("anetExpMonth").value;
      cardData.year = document.getElementById("anetExpYear").value;
      cardData.cardCode = document.getElementById("anetCardCode").value;

// Now send the card data to the gateway for tokenisation.
      // The responseHandler function will handle the response.
      var secureData = {};
      secureData.authData = authData;
      secureData.cardData = cardData;
      Accept.dispatchData(secureData, responseHandler);
    }

function responseHandler(response) {
      if (response.messages.resultCode === "Error") {
        var i = 0;
        let errorLists = ``;
        while (i < response.messages.message.length) {
          errorLists += `<li class="text-danger">${response.messages.message[i].text}</li>`;

i = i + 1;
        }
        $("#anetErrors").show();
        $("#anetErrors").html(errorLists);
      } else {
        paymentFormUpdate(response.opaqueData);
      }
    }

function paymentFormUpdate(opaqueData) {
      document.getElementById("opaqueDataDescriptor").value = opaqueData.dataDescriptor;
      document.getElementById("opaqueDataValue").value = opaqueData.dataValue;
      document.getElementById("my-checkout-form").submit();
    }
  </script>
  
  <?php if($stripe_key): ?>
    <script src="https://js.stripe.com/v3/"></script>

// Set your Stripe public key
      var stripe = Stripe(stripe_key);

// Create a Stripe Element for the card field
      var elements = stripe.elements();
      var cardElement = elements.create('card', {
        style: {
          base: {
            iconColor: '#454545',
            color: '#454545',
            fontWeight: '500',
            lineHeight: '50px',
            fontSmoothing: 'antialiased',
            backgroundColor: '#f2f2f2',
            ':-webkit-autofill': {
              color: '#454545',
            },
            '::placeholder': {
              color: '#454545',
            },
          }
        },
      });

// Add an instance of the card Element into the `card-element` div
      cardElement.mount('#stripe-element');

// Handle form submission
      var form = document.getElementById('my-checkout-form');

// Send the token to your server
      function stripeTokenHandler(token) {
        // Add the token to the form data before submitting to the server
        var form = document.getElementById('my-checkout-form');
        var hiddenInput = document.createElement('input');
        hiddenInput.setAttribute('type', 'hidden');
        hiddenInput.setAttribute('name', 'stripeToken');
        hiddenInput.setAttribute('value', token.id);
        form.appendChild(hiddenInput);

// Submit the form to your server
        form.submit();
      }

//stripe init start end
    </script>
  <?php endif; ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('front.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/webstoremaker/public_html/resources/views/front/checkout.blade.php ENDPATH**/ ?>