| DIR: /var/www/devs.lapieza.net/resources/views/frontend/ |
| Current File : /var/www/devs.lapieza.net/resources/views/frontend/payment_select.blade.php |
@extends('frontend.layouts.app')
@section('content')
<!-- Steps -->
@include('components.delivery.steps', ['step' => 4])
<!-- Payment Info -->
<section class="mb-4">
<div class="container text-left">
<div class="row">
<div class="col-lg-8">
<form action="{{ route('checkout.payment') }}" class="form-default" role="form" method="POST"
id="checkout-form">
@csrf
<input type="hidden" name="owner_id" value="{{ $carts[0]['owner_id'] }}">
<div class="card rounded-15px border shadow-none">
<!-- Additional Info -->
<div class="card-header p-4 border-bottom-0">
<h3 class="fs-16 fw-700 text-dark mb-0">
Alguna información adicional?
</h3>
</div>
<div class="form-group px-4">
<textarea name="additional_info" rows="5" class="form-control rounded-15px"
placeholder="Escribe aqui la información..."></textarea>
</div>
<div class="card-header p-4 border-bottom-0">
<h3 class="fs-16 fw-700 text-dark mb-0">
{{ translate('Select a payment option') }}
</h3>
</div>
<!-- Payment Options -->
<div class="card-body text-center px-4 pt-0">
<div class="row gutters-10">
<!-- Paypal -->
@if (get_setting('paypal_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="paypal" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/paypal.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Paypal') }}</span>
</span>
</span>
</label>
</div>
@endif
<!--Stripe -->
@if (get_setting('stripe_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="stripe" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/stripe.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Stripe') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- Mercadopago -->
@if (get_setting('mercadopago_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="mercadopago" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/mercadopago.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Mercadopago') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- sslcommerz -->
@if (get_setting('sslcommerz_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="sslcommerz" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/sslcommerz.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('sslcommerz') }}</span>
</span>
</span>
</label>
</div>
@endif
{{-- Pago Azul --}}
{{-- @if (get_setting('pago_azul_payment') == 1)--}}
@if (get_setting('pago_azul_state') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="pago_azul" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
{{--<img src="{{ static_asset('assets/img/cards/paypal.png') }}"
class="img-fit mb-2">--}}
<img src="{{ static_asset('assets/img/cards/azul.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ __('Pagar con Azul') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- instamojo -->
@if (get_setting('instamojo_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="instamojo" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/instamojo.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Instamojo') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- razorpay -->
@if (get_setting('razorpay') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="razorpay" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/rozarpay.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Razorpay') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- paystack -->
@if (get_setting('paystack') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="paystack" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/paystack.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Paystack') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- voguepay -->
@if (get_setting('voguepay') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="voguepay" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/vogue.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('VoguePay') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- payhere -->
@if (get_setting('payhere') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="payhere" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/payhere.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('payhere') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- ngenius -->
@if (get_setting('ngenius') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="ngenius" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/ngenius.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('ngenius') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- iyzico -->
@if (get_setting('iyzico') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="iyzico" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/iyzico.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Iyzico') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- nagad -->
@if (get_setting('nagad') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="nagad" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/nagad.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Nagad') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- bkash -->
@if (get_setting('bkash') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="bkash" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/bkash.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Bkash') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- aamarpay -->
@if (get_setting('aamarpay') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="aamarpay" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/aamarpay.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Aamarpay') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- authorizenet -->
@if (get_setting('authorizenet') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="authorizenet" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/authorizenet.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Authorize Net') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- payku -->
@if (get_setting('payku') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="payku" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/payku.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Payku') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- African Payment Getaway -->
@if (addon_is_activated('african_pg'))
<!-- flutterwave -->
@if (get_setting('flutterwave') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="flutterwave" class="online_payment"
type="radio" name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img
src="{{ static_asset('assets/img/cards/flutterwave.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('flutterwave') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- payfast -->
@if (get_setting('payfast') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="payfast" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/payfast.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('payfast') }}</span>
</span>
</span>
</label>
</div>
@endif
@endif
<!--paytm -->
@if (addon_is_activated('paytm') && get_setting('paytm_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="paytm" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/paytm.jpg') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Paytm') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- toyyibpay -->
@if (addon_is_activated('paytm') && get_setting('toyyibpay_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="toyyibpay" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/toyyibpay.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('ToyyibPay') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- myfatoorah -->
@if (addon_is_activated('paytm') && get_setting('myfatoorah') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="myfatoorah" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/myfatoorah.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('MyFatoorah') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- khalti -->
@if (addon_is_activated('paytm') && get_setting('khalti_payment') == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="Khalti" class="online_payment" type="radio"
name="payment_option" checked>
<span class="d-block aiz-megabox-elem p-3">
<img src="{{ static_asset('assets/img/cards/khalti.png') }}"
class="img-fluid mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Khalti') }}</span>
</span>
</span>
</label>
</div>
@endif
<!-- Cash Payment -->
@if (get_setting('cash_payment') == 1)
@php
$digital = 0;
$cod_on = 1;
foreach ($carts as $cartItem) {
$product = get_single_product($cartItem['product_id']);
if ($product['digital'] == 1) {
$digital = 1;
}
if ($product['cash_on_delivery'] == 0) {
$cod_on = 0;
}
}
@endphp
@if ($digital != 1 && $cod_on == 1)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="cash_on_delivery" class="online_payment"
type="radio" name="payment_option" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ static_asset('assets/img/cards/cod.png') }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ translate('Cash on Delivery') }}</span>
</span>
</span>
</label>
</div>
@endif
@endif
@if (Auth::check())
<!-- Offline Payment -->
@if (addon_is_activated('offline_payment'))
@foreach (get_all_manual_payment_methods() as $method)
<div class="col-6 col-xl-3 col-md-4">
<label class="aiz-megabox d-block mb-3">
<input value="{{ $method->heading }}" type="radio"
name="payment_option" class="offline_payment_option"
onchange="toggleManualPaymentData({{ $method->id }})"
data-id="{{ $method->id }}" checked>
<span class="d-block aiz-megabox-elem rounded-15px p-3">
<img src="{{ uploaded_asset($method->photo) }}"
class="img-fit mb-2">
<span class="d-block text-center">
<span
class="d-block fw-600 fs-15">{{ $method->heading }}</span>
</span>
</span>
</label>
</div>
@endforeach
@foreach (get_all_manual_payment_methods() as $method)
<div id="manual_payment_info_{{ $method->id }}" class="d-none">
@php echo $method->description @endphp
@if ($method->bank_info != null)
<ul>
@foreach (json_decode($method->bank_info) as $key => $info)
<li>{{ translate('Bank Name') }} -
{{ $info->bank_name }},
{{ translate('Account Name') }} -
{{ $info->account_name }},
{{ translate('Account Number') }} -
{{ $info->account_number }},
{{ translate('Routing Number') }} -
{{ $info->routing_number }}</li>
@endforeach
</ul>
@endif
</div>
@endforeach
@endif
@endif
</div>
<!-- Offline Payment Fields -->
@if (addon_is_activated('offline_payment'))
<div class="d-none mb-3 rounded border bg-white p-3 text-left">
<div id="manual_payment_description">
</div>
<br>
<div class="row">
<div class="col-md-3">
<label>{{ translate('Transaction ID') }} <span
class="text-danger">*</span></label>
</div>
<div class="col-md-9">
<input type="text" class="form-control mb-3" name="trx_id"
id="trx_id" placeholder="{{ translate('Transaction ID') }}"
required>
</div>
</div>
<div class="form-group row">
<label class="col-md-3 col-form-label">{{ translate('Photo') }}</label>
<div class="col-md-9">
<div class="input-group" data-toggle="aizuploader" data-type="image">
<div class="input-group-prepend">
<div
class="input-group-text bg-soft-secondary font-weight-medium">
{{ translate('Browse') }}</div>
</div>
<div
class="form-control file-amount">{{ translate('Choose image') }}
</div>
<input type="hidden" name="photo" id="photoInput"
class="selected-files" required>
</div>
<div class="file-preview box sm">
</div>
</div>
</div>
</div>
@endif
<!-- Wallet Payment -->
@if (Auth::check() && get_setting('wallet_system') == 1)
<div class="py-4 px-4 text-center bg-soft-warning mt-4 rounded-15px">
<div class="fs-14 mb-3">
<span class="opacity-80">{{ translate('Or, Your wallet balance :') }}</span>
<span class="fw-700">{{ single_price(Auth::user()->balance) }}</span>
</div>
@if (Auth::user()->balance < $total)
<button type="button" class="btn btn-secondary rounded-25px" disabled>
{{ translate('Insufficient balance') }}
</button>
@else
<button type="button" onclick="use_wallet()"
class="btn btn-primary fs-14 fw-700 px-5 rounded-25px">
{{ translate('Pay with wallet') }}
</button>
@endif
</div>
@endif
</div>
<!-- Agree Box -->
<div class="pt-3 px-4 fs-14">
<div class="pt-3 px-4 fs-14">
<label class="aiz-checkbox">
<input type="checkbox" required id="agree_checkbox">
<span class="aiz-square-check"></span>
<span>{{ translate('I agree to the') }}</span>
</label>
<a href="https://soporte.lapieza.do/?q=terminos" target="_blank"
class="fw-700">{{ translate('terms and conditions') }}</a>,
<a href="https://soporte.lapieza.do/?q=devoluciones" target="_blank"
class="fw-700">{{ translate('return policy') }}</a> &
<a href="https://soporte.lapieza.do/?q=politicas-privacidad" target="_blank"
class="fw-700">{{ translate('privacy policy') }}</a>
</div>
</div>
<div class="row align-items-center pt-3 px-4 mb-4">
<!-- Return to shop -->
<div class="col-6">
<a href="{{ route('checkout.store_shipping_infostore') }}"
class="btn btn-link fs-14 fw-700 px-0">
<i class="las la-arrow-left fs-16"></i>
{{ translate('Regresar a metodos de envio') }}
</a>
</div>
<div class="col-6 text-right">
{{-- <button type="button" onclick="submitOrder(this)"
class="btn btn-primary fs-14 fw-700 rounded-0 px-4">{{ translate('Complete Order') }}</button> --}}
{{-- COmplete Order Con Animacion --}}
<main class="botoncito">
<button class="btn-order" id="submitCheckout" type="button">
<div class="car">
<svg class="svgImagen" version="1.1" id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 808 375.1"
style="enable-background:new 0 0 808 375.1;" xml:space="preserve">
<path class="st0"
d="M326.6,324c0,28.2-22.9,51.1-51.1,51.1s-51.1-22.9-51.1-51.1s22.9-51.1,51.1-51.1S326.6,295.7,326.6,324"/>
<path class="st0" d="M633,321.3c0,28.2-22.9,51.1-51.1,51.1s-51.1-22.9-51.1-51.1s22.9-51.1,51.1-51.1
C610.1,270.2,633,293.1,633,321.3"/>
<rect x="156.2" y="287.8" class="st1" width="145.6" height="36.1"/>
<rect x="156.2" class="st2" width="145.6" height="287.8"/>
<path class="st3"
d="M300.3,210.6c-23.8-35.1-47.5-70.2-71.3-105.3S181.5,35.1,157.7,0h142.6V210.6z"/>
<path class="st4"
d="M732.4,96.2H626.6v191.6h173.2v-86.3l-20.2-69.8C773.6,110.7,754.3,96.2,732.4,96.2"/>
<path class="st5"
d="M774.6,200.7l-18-62.2c-3.1-10.7-13.1-18.2-24.2-18.2h-81.7v80.4L774.6,200.7L774.6,200.7z"/>
<polygon class="st6" points="774.6,200.7 650.7,200.7 650.7,120.2 "/>
<path class="st7"
d="M774.6,200.7l-18-62.2c-3.1-10.7-13.1-18.2-24.2-18.2h-81.7L774.6,200.7z"/>
<g>
<path class="st8"
d="M327.9,0h266.7c17.7,0,32,14.3,32,32v255.8H295.9V32C295.9,14.3,310.2,0,327.9,0"/>
<path class="st8"
d="M327.9,0h266.7c17.7,0,32,14.3,32,32v255.8H295.9V32C295.9,14.3,310.2,0,327.9,0"/>
</g>
<g class="box">
<path class="st9" d="M90.2,197H17.8C8,197,0,189.3,0,179.7v-70.5c0-9.6,8-17.3,17.8-17.3h72.4c9.9,0,17.8,7.7,17.8,17.3v70.5
C108,189.3,100,197,90.2,197z"/>
<rect y="139.8" class="st10" width="108" height="9.2"/>
</g>
<rect x="296" y="0.1" class="st11" width="330.6" height="288.6"/>
<path class="st1" d="M808,287.8V324H296v-36.2h53.4c12.5-22.4,36.5-37.5,64-37.5c27.4,0,51.4,15.1,64,37.5h171.9
c12.5-22.4,36.4-37.5,63.9-37.5s51.4,15.1,64,37.5H808z"/>
<path class="st0" d="M764.3,323.7c0,28.2-22.9,51.1-51.1,51.1s-51.1-22.9-51.1-51.1s22.9-51.1,51.1-51.1
C741.5,272.6,764.3,295.5,764.3,323.7"/>
<path class="st12"
d="M733.8,323.7c0,11.3-9.2,20.5-20.5,20.5s-20.5-9.2-20.5-20.5s9.2-20.5,20.5-20.5S733.8,312.4,733.8,323.7"/>
<path class="st0"
d="M464.5,323.7c0,28.2-22.9,51.1-51.1,51.1s-51.1-22.9-51.1-51.1s22.9-51.1,51.1-51.1S464.5,295.5,464.5,323.7"/>
<path class="st12"
d="M433.9,323.7c0,11.3-9.2,20.5-20.5,20.5s-20.5-9.2-20.5-20.5s9.2-20.5,20.5-20.5S433.9,312.4,433.9,323.7"/>
</svg>
<div class="light"></div>
</div>
<span class="default">Completar Orden</span>
<span class="complited">
Orden Completa
<svg class="svgImagen" viewbox="0 0 12 10">
<polyline points="1.5 6 4.5 9 10.5 1"></polyline>
</svg>
</span>
</button>
</main>
</div>
{{-- SCRIPT Boton Complete Order --}}
</div>
</div>
</form>
</div>
<!-- Cart Summary -->
<div class="col-lg-4 mt-lg-0 mt-4 rounded-15px" id="cart_summary">
@include('frontend.partials.cart_summary')
</div>
</div>
</div>
</section>
@endsection
@section('script')
{{--<script type="text/javascript">
$(document).ready(function() {
$(".online_payment").click(function() {
$('#manual_payment_description').parent().addClass('d-none');
});
toggleManualPaymentData($('input[name=payment_option]:checked').data('id'));
});
var minimum_order_amount_check = {{ get_setting('minimum_order_amount_check') == 1 ? 1 : 0 }};
var minimum_order_amount =
{{ get_setting('minimum_order_amount_check') == 1 ? get_setting('minimum_order_amount') : 0 }};
function use_wallet() {
$('input[name=payment_option]').val('wallet');
if ($('#agree_checkbox').is(":checked")) {
;
if (minimum_order_amount_check && $('#sub_total').val() < minimum_order_amount) {
AIZ.plugins.notify('danger',
'{{ translate('You order amount is less then the minimum order amount') }}');
} else {
$('#checkout-form').submit();
}
} else {
AIZ.plugins.notify('danger', '{{ translate('You need to agree with our policies') }}');
}
}
function submitOrder(el) {
$(el).prop('disabled', true);
if ($('#agree_checkbox').is(":checked")) {
if (minimum_order_amount_check && $('#sub_total').val() < minimum_order_amount) {
AIZ.plugins.notify('danger',
'{{ translate('You order amount is less then the minimum order amount') }}');
} else {
var offline_payment_active = '{{ addon_is_activated('offline_payment') }}';
if (offline_payment_active == '1' && $('.offline_payment_option').is(":checked") && $('#trx_id').val() == '') {
AIZ.plugins.notify('danger', '{{ translate('You need to put Transaction id') }}');
$(el).prop('disabled', false);
} else { const timeline = anime.timeline({
easing: 'easeInSine'
})
timeline.add({
targets: '.btn-order .default',
opacity: [1, 0],
duration: 200
})
timeline.add({
targets: '.btn-order',
height: ['50px', '6px'],
duration: 400
})
timeline.add({
targets: '.car',
opacity: [0, 1]
}, '-=600')
timeline.add({
targets: '.box',
translateX: [0, '210px'],
duration: 300
})
timeline.add({
targets: '.box',
translateY: [0, '90px'],
duration: 300
})
timeline.add({
targets: '.light',
opacity: [0, 1],
duration: 200
})
timeline.add({
targets: '.car',
translateX: [0, '130px'],
duration: 800,
easing: 'easeInQuart'
})
timeline.add({
targets: '.car',
opacity: [1, 0]
}, '-=600')
timeline.add({
targets: '.btn-order',
height: ['6px', '50px'],
duration: 400
})
timeline.add({
targets: '.btn-order .complited',
opacity: [0, 1],
duration: 200
})
timeline.add({
targets: '.complited svg',
strokeDashoffset: ['16px', 0],
duration: 300
}, $('#checkout-form').submit()
)
//end codigo aqui
}
}
} else {
AIZ.plugins.notify('danger', '{{ translate('You need to agree with our policies') }}');
$(el).prop('disabled', false);
}
}
function toggleManualPaymentData(id) {
if (typeof id != 'undefined') {
$('#manual_payment_description').parent().removeClass('d-none');
$('#manual_payment_description').html($('#manual_payment_info_' + id).html());
}
}
$(document).on("click", "#coupon-apply", function() {
var data = new FormData($('#apply-coupon-form')[0]);
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
method: "POST",
url: "{{ route('checkout.apply_coupon_code') }}",
data: data,
cache: false,
contentType: false,
processData: false,
success: function(data, textStatus, jqXHR) {
AIZ.plugins.notify(data.response_message.response, data.response_message.message);
$("#cart_summary").html(data.html);
}
})
});
$(document).on("click", "#coupon-remove", function() {
var data = new FormData($('#remove-coupon-form')[0]);
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
method: "POST",
url: "{{ route('checkout.remove_coupon_code') }}",
data: data,
cache: false,
contentType: false,
processData: false,
success: function(data, textStatus, jqXHR) {
$("#cart_summary").html(data);
}
})
})
</script>--}}
<script src="/public/assets/js/anime.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".online_payment").click(function () {
$('#manual_payment_description').parent().addClass('d-none');
});
toggleManualPaymentData($('input[name=payment_option]:checked').data('id'));
});
var minimum_order_amount_check = {{ get_setting('minimum_order_amount_check') == 1 ? 1 : 0 }};
var minimum_order_amount =
{{ get_setting('minimum_order_amount_check') == 1 ? get_setting('minimum_order_amount') : 0 }};
function use_wallet() {
$('input[name=payment_option]').val('wallet');
if ($('#agree_checkbox').is(":checked")) {
if (minimum_order_amount_check && $('#sub_total').val() < minimum_order_amount) {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '{{ translate('You order amount is less then the minimum order amount') }}',
timer: 6000
})
} else {
$('#checkout-form').submit();
}
} else {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '{{ translate('You need to agree with our policies') }}',
timer: 6000
})
}
}
$(document).on("click", "#submitCheckout", function (event) {
event.preventDefault();
const $button = $(this);
$button.prop('disabled', true);
const resetButton = () => {
$button.prop('disabled', false);
anime({
targets: '.btn-order',
height: ['6px', '50px'], // Regresa a su estado original
duration: 400,
easing: 'easeOutSine'
});
anime({
targets: '.btn-order .default',
opacity: [0, 1],
duration: 200
});
};
if (!$('#agree_checkbox').is(":checked")) {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '{{ translate('You need to agree with our policies') }}',
timer: 6000
}).then(() => {
$button.prop('disabled', false);
});
return;
}
if (minimum_order_amount_check && $('#sub_total').val() < minimum_order_amount) {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '{{ translate('Your order amount is less than the minimum order amount') }}',
timer: 6000
}).then(() => {
$button.prop('disabled', false);
});
return;
}
var offline_payment_active = '{{ addon_is_activated('offline_payment') }}';
if (offline_payment_active == '1' && $('.offline_payment_option').is(":checked")) {
if ($('#trx_id').val() === '') {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '{{ translate('You need to put Transaction ID') }}',
timer: 6000
}).then(() => {
$button.prop('disabled', false);
});
return;
}
if ($('#photoInput').val() === '') {
Swal.fire({
type: 'error',
title: 'Oops...',
text: 'Debes agregar la imagen de la Transacción',
timer: 6000
}).then(() => {
$button.prop('disabled', false);
});
return;
}
}
// Animación antes de enviar los datos
const timeline = anime.timeline({easing: 'easeInSine'});
timeline.add({
targets: '.btn-order .default',
opacity: [1, 0],
duration: 200
})
.add({
targets: '.btn-order',
height: ['50px', '6px'],
duration: 400
})
.add({
targets: '.car',
opacity: [0, 1]
}, '-=600')
.add({
targets: '.box',
translateX: [0, '210px'],
duration: 300
})
.add({
targets: '.box',
translateY: [0, '90px'],
duration: 300
})
.add({
targets: '.light',
opacity: [0, 1],
duration: 200
})
.add({
targets: '.car',
translateX: [0, '130px'],
duration: 800,
easing: 'easeInQuart'
})
.add({
targets: '.car',
opacity: [1, 0]
}, '-=600')
.add({
complete: function () {
if ($('input[name="payment_option"][value="pago_azul"]').is(':checked')) {
var formData = new FormData(document.getElementById('checkout-form'));
$.ajax({
method: "POST",
url: "{{ route('checkout.payment') }}",
data: formData,
contentType: false,
processData: false,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
"X-Requested-With": "XMLHttpRequest",
},
success: function (data) {
if (data.state === false) {
Swal.fire({
type: 'error',
title: 'Oops...',
text: data.message,
confirmButtonText: 'Aceptar',
timer: 6000
}).then(() => resetButton());
$button.prop('disabled', false);
} else if (data) {
$('body').append(data);
} else {
$('#checkout-form').off('submit').submit();
}
},
error: function () {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '{{ translate('There was an error processing your request. Please try again.') }}'
}).then(() => resetButton());
$button.prop('disabled', false);
$('.btn-order').prop('disabled', false);
}
});
} else {
$('#checkout-form').off('submit').submit();
}
}
});
});
function submitOfflinePayment(el) {
}
function toggleManualPaymentData(id) {
if (typeof id != 'undefined') {
$('#manual_payment_description').parent().removeClass('d-none');
$('#manual_payment_description').html($('#manual_payment_info_' + id).html());
}
}
$(document).on("click", "#coupon-apply", function () {
var data = new FormData($('#apply-coupon-form')[0]);
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
method: "POST",
url: "{{ route('checkout.apply_coupon_code') }}",
data: data,
cache: false,
contentType: false,
processData: false,
success: function (data, textStatus, jqXHR) {
AIZ.plugins.notify(data.response_message.response, data.response_message.message);
$("#cart_summary").html(data.html);
}
})
});
$(document).on("click", "#coupon-remove", function () {
var data = new FormData($('#remove-coupon-form')[0]);
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
method: "POST",
url: "{{ route('checkout.remove_coupon_code') }}",
data: data,
cache: false,
contentType: false,
processData: false,
success: function (data, textStatus, jqXHR) {
$("#cart_summary").html(data);
}
})
})
</script>
{{-- <script>
$(document).ready(function () {
function submitOrder(event, el) {
event.preventDefault();
$(el).prop('disabled', true); // Desactiva el botón para evitar múltiples envíos
if (!$('#agree_checkbox').is(":checked")) {
Swal.fire({
icon: 'error',
title: 'Oops...',
text: '{{ translate('You need to agree with our policies') }}',
timer: 6000
}).then(() => {
$(el).prop('disabled', false);
});
return;
}
if (minimum_order_amount_check && $('#sub_total').val() < minimum_order_amount) {
Swal.fire({
icon: 'error',
title: 'Oops...',
text: '{{ translate('Your order amount is less than the minimum order amount') }}',
timer: 6000
}).then(() => {
$(el).prop('disabled', false);
});
return;
}
var offline_payment_active = '{{ addon_is_activated('offline_payment') }}';
if (offline_payment_active == '1' && $('.offline_payment_option').is(":checked")) {
if ($('#trx_id').val() === '') {
Swal.fire({
icon: 'error',
title: 'Oops...',
text: '{{ translate('You need to put Transaction ID') }}',
timer: 6000
}).then(() => {
$(el).prop('disabled', false);
});
return;
}
if ($('#photoInput').val() === '') {
Swal.fire({
icon: 'error',
title: 'Oops...',
text: 'Debes agregar la imagen de la Transacción',
timer: 6000
}).then(() => {
$(el).prop('disabled', false);
});
return;
}
}
// Animación antes de enviar los datos
const timeline = anime.timeline({ easing: 'easeInSine' });
timeline.add({
targets: '.btn-order .default',
opacity: [1, 0],
duration: 200
})
.add({
targets: '.btn-order',
height: ['50px', '6px'],
duration: 400
})
.add({
targets: '.car',
opacity: [0, 1]
}, '-=600')
.add({
targets: '.box',
translateX: [0, '210px'],
duration: 300
})
.add({
targets: '.box',
translateY: [0, '90px'],
duration: 300
})
.add({
targets: '.light',
opacity: [0, 1],
duration: 200
})
.add({
targets: '.car',
translateX: [0, '130px'],
duration: 800,
easing: 'easeInQuart'
})
.add({
targets: '.car',
opacity: [1, 0]
}, '-=600')
.add({
complete: function () {
console.log('Enviando formulario...');
if ($('input[name="payment_option"][value="pago_azul"]').is(':checked')) {
var formData = new FormData(document.getElementById('checkout-form'));
$.ajax({
method: "POST",
url: "{{ route('checkout.payment') }}",
data: formData,
contentType: false,
processData: false,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
"X-Requested-With": "XMLHttpRequest",
},
success: function (data) {
if (data) {
$('body').append(data);
} else {
$('#checkout-form').off('submit').submit();
}
},
error: function () {
Swal.fire({
icon: 'error',
title: 'Oops...',
text: '{{ translate('There was an error processing your request. Please try again.') }}'
});
$(el).prop('disabled', false);
}
});
} else {
$('#checkout-form').off('submit').submit();
}
}
});
}
$('#order-submit-button').on('click', function (event) {
submitOrder(event, this);
});
});
</script>--}}
@endsection
|