Файловый менеджер - Редактировать - /home/clickysoft/public_html/calvary-p2.clickysoft.net/resources/views/front/event/checkout.blade.php
Назад
@extends('front.layouts.master') @section('title', 'Event Checkout') @push('front-styles') <style> .abc { width: 100%; padding: 14px 20px; font-size: 15px; font-family: "Roboto-Regular"; color: #000; border: 1px solid #707070; outline: 0; } </style> @endpush @section('content') @php $months = [ 1 => 'Jan', 2 => 'Feb', 3 => 'Mar', 4 => 'Apr', 5 => 'May', 6 => 'Jun', 7 => 'Jul', 8 => 'Aug', 9 => 'Sep', 10 => 'Oct', 11 => 'Nov', 12 => 'Dec', ]; @endphp <section class="checkout-sec"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="checkout-txt-heading"> <h4>Checkout</h4> </div> </div> </div> <div class="row "> <div class="col-md-12 col-lg-7 col-xl-8 col-sm-12 col-12"> <div class="checkout-tabs-main"> <form id="checkout-form" action="{{ route('front.event.checkout.data', $event->id) }}" method="POST"> @csrf @include('partials.alert') <div class="tb-cont-main"> <div class="info-pr-mn"> <div class="pr-head"> <h3>Payment Method:</h3> <h5>Personal Info:</h5> </div> <div class="row"> <div class="col-md-6 col-sm-12 col-12"> <div class="pr-info-fields"> <input type="text" value="{{ auth()->user()->full_name }}" placeholder="Full Name" disabled> </div> </div> <div class="col-md-6 col-sm-12 col-12"> <div class="pr-info-fields"> <input type="email" value="{{ auth()->user()->email }}" placeholder="Email Address" disabled> </div> </div> </div> </div> <div class="pr-head"> <h5>Card Detail:</h5> </div> <div class="row"> <div class="col-md-6 col-sm-12 col-12"> <div class="pr-info-fields"> <input type="text" class="credit-card" id="credit-card" placeholder="Card Number" name="card_number" value="{{ old('card_number') }}" maxlength="20"> </div> </div> <div class="col-md-2 col-sm-12 col-12"> <div class="pr-info-fields"> <select id="expiration-month" name="expiration_month" class="abc"> @foreach ($months as $k => $v) <option value="{{ $k }}" {{ old('expiration_month') == $k ? 'selected' : '' }}> {{ $v }}</option> @endforeach </select> </div> </div> <div class="col-md-2 col-sm-12 col-12"> <div class="pr-info-fields"> <select id="expiration-year" name="expiration_year" class="abc"> @for ($i = date('Y'); $i <= date('Y') + 15; $i++) <option value="{{ $i }}">{{ $i }}</option> @endfor </select> </div> </div> <div class="col-md-2 col-sm-12 col-12"> <div class="pr-info-fields"> <input type="number" class="abc" id="cvv" name="cvv" value="" placeholder="CVV" maxlength="4"> </div> </div> </div> @if (!empty($coupon)) <div class="row mt-3"> <div class="col-md-6 col-sm-12 col-12"> <div class="pr-info-fields"> <input type="text" placeholder="Coupon" id="coupon_input" name="coupon" value="{{ old('coupon') }}"> </div> </div> <div class="col-md-6 col-sm-12 col-12"> <div class="pr-info-fields mt-2"> <button type="button" class="view-table-cta" onclick="validateCoupon()">Apply Coupon</button> </div> </div> </div> @endif </div> <div class="cart-buttons"> <a href="{{ route('front.event.detail', $event->id) }}">Back</a> <a href="javascript:void(0)" class="is-green" onclick="checkOut()">Submit Payment</a> </div> </form> </div> </div> <div class="col-md-12 col-lg-12 col-xl-4 col-sm-12 col-12"> <div class="summary-card"> <div class="summary-head"> <h4>Summary</h4> </div> <div class="summary-listing"> <div class="row"> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details ad-quantity"> @if (!empty($userEventCart['adult_count'])) <p>Adult <span>x{{ $userEventCart['adult_count'] }}</span></p> @endif @if (!empty($userEventCart['child_count'])) <p>Child <span>x{{ $userEventCart['child_count'] }}</span></p> @endif </div> </div> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details txt-end"> @if (!empty($userEventCart['adult_count'])) <p>${{ $userEventCart['adult_total_price'] }}</p> @endif @if (!empty($userEventCart['child_count'])) <p>${{ $userEventCart['child_total_price'] }}</p> @endif </div> </div> </div> @if ( !empty(old('coupon')) && isset($userEventCart['old_coupon_discount']) && !empty($userEventCart['old_coupon_discount']) && isset($userEventCart['old_coupon_discount_price']) && !empty($userEventCart['old_coupon_discount_price'])) <div class="total-sm"> <div class="row"> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details"> <p>Discount</p> </div> </div> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details txt-end"> <p id="discount_amount">${{ $userEventCart['old_coupon_discount'] }}</p> </div> </div> </div> </div> <div class="total-lg final_amount_parent_div"> <div class="row"> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details"> <p class="ft-blue">Total</p> </div> </div> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details txt-end"> <p id="final_amount"> ${{ number_format($userEventCart['old_coupon_discount_price'], 2) }} </p> </div> </div> </div> </div> @else <div class="total-lg final_amount_parent_div"> <div class="row"> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details"> <p class="ft-blue">Total</p> </div> </div> <div class="col-md-6 col-sm-6 col-6"> <div class="ad-details txt-end"> <p id="final_amount"> ${{ number_format($userEventCart['final_price'], 2) }}</p> </div> </div> </div> </div> @endif </div> </div> </div> </div> </div> </section> @endsection @push('front-scripts') <script src="{{ asset('assets/front/js/global.js') }}"></script> <script src="{{ asset('assets/admin/js/axios.min.js') }}"></script> <script src="{{ asset('assets/admin/js/sweetalert.min.js') }}"></script> <script src="https://cdn.jsdelivr.net/npm/cleave.js@1.6.0/dist/cleave.min.js"></script> <script src="{{ asset('assets/admin/js/sweetalert.min.js') }}"></script> <script> $(document).ready(function() { var cleave = new Cleave('.credit-card', { creditCard: true, creditCardStrictMode: true, onCreditCardTypeChanged: function(type) { console.log(type) } }); }); function checkOut() { let month = $("#expiration-month").val(); let year = $("#expiration-year").val(); let cardNumber = $("#credit-card").val(); let cvv = $("#cvv").val(); const expiryValidation = ccExpiry(month, year); const cardNumberValidation = cardValidation(cardNumber); const cvvNumberValidation = cvvValidation(cvv); if (expiryValidation && cardNumberValidation && cvv) { $("#checkout-form").submit(); } else { if (!cardNumberValidation) { swal({ title: "Invalid card number.", icon: "error", dangerMode: true, closeOnClickOutside: false }); } else if (!expiryValidation) { swal({ title: "Invalid card expiry.", icon: "error", dangerMode: true, closeOnClickOutside: false }); } else if (!cvvNumberValidation) { swal({ title: "Invalid cvv.", icon: "error", dangerMode: true, closeOnClickOutside: false }); } } } function ccExpiry(ccMonth, ccYear) { var minMonth = new Date().getMonth() + 1; var minYear = new Date().getFullYear(); var formMonth = ccMonth; var formYear = ccYear; var month = parseInt(formMonth); var year = parseInt(formYear); if ((year > minYear) || ((year === minYear) && (month >= minMonth))) { return true; } else { return false; } } function cardValidation(value) { return !(value === "" || value === undefined); } function cvvValidation(value) { return !(value === "" || value === undefined); } function validateCoupon() { showLoader(); axios.post('{{ route('front.event.validate.coupon') }}', { coupon: $("#coupon_input").val() }).then(function(response) { hideLoader(); let discountAmount = response.data.discount_amount; let finalPrice = response.data.final_price; if ($("#discount_amount").length) { $("#discount_amount").text("$" + discountAmount); } else { let html = `<div class="summary-item-div summary-item-div-flex"> <h6>Discount</h6> <h6 id="discount_amount">$${discountAmount}</h6> </div>`; $(".final_amount_parent_div").before(html) } $("#final_amount").text("$" + finalPrice); }).catch(function(error) { hideLoader(); swal({ title: error.response.data.msg, icon: "error", dangerMode: true, closeOnClickOutside: false }); }); } </script> @endpush
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка