Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/calvary-p2.clickysoft.net/resources/views/front/lunch-program/checkout.blade.php

Назад
@extends('front.layouts.master') @section('title', 'Lunch Program Checkout') @push('front-styles') <style> .abc { width: 100%; padding: 14px 13px; font-size: 15px; font-family: "Roboto-Regular", serif; 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-12 col-xl-8 col-sm-12 col-12"> <div class="checkout-tabs-main"> <form id="checkout-form" action="{{ route('lunch.checkout.data', $siblingName) }}" 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='flex-rw'> <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-6 col-lg-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-6 col-lg-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-6 col-lg-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> </div> <div> <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="{{ $userCart['order']['coupon_code'] ?? '' }}"> </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 ap-cop" onclick="validateCoupon()">Apply Coupon</button> </div> </div> </div> </div> </div> <div class="cart-buttons hidmob"> <a href="{{ route('lunch.cart.summary', $siblingName) }}">Back</a> <a href="javascript:void(0)" class="is-green" onclick="checkOut()"> Make a Payment</a> </div> </form> </div> </div> <div class="col-md-12 col-lg-12 col-xl-4 col-sm-12 col-12"> <div class="cart-right"> <h3>Summary</h3> @foreach ($userCart['siblings'] as $sibling) <div class="summary-item-div"> <h6>{{ ucfirst($sibling['full_name']) }}</h6> @foreach ($sibling['items'] as $item) <div class="summary-items"> <span>{{ $item['id'] }}<br>{{ $item['itemName'] }}</span> <span>+${{ $item['price'] }}</span> </div> @endforeach @if ($userCart['hot_lunch_half'] == 'first_half') <div class="summary-items"> <span>Community Service/Field Trip Shirt & <br> ${{ $sibling['community_service'] }} Class Fund</span> <span>+${{ $sibling['community_service'] }}</span> </div> @if (isset($sibling['grade_title']) && $sibling['grade_title'] === '8th') <div class="summary-items"> <span>Contribute For Graduation Parties</span> <span>+${{ number_format($sibling['annual_graduation_contribution'], 2) }}</span> </div> @endif @endif </div> @endforeach @if ($userCart['hot_lunch_half'] == 'first_half') @if (isset($userCart['order']['annual_due'])) <div class="summary-item-div summary-item-div-flex"> <h6>Annual Dues</h6> <h6>${{ number_format($userCart['order']['annual_due'], 2) }}</h6> </div> @endif @if (isset($userCart['order']['school_directory_price'])) <div class="summary-item-div summary-item-div-flex"> <h6>School Directories</h6> <h6>${{ number_format($userCart['order']['school_directory_price'], 2) }}</h6> </div> @endif @endif @if (isset($userCart['order']['late_fee'])) <div class="summary-item-div summary-item-div-flex"> <h6>Late Fee</h6> <h6>${{ number_format($userCart['order']['late_fee'], 2) }}</h6> </div> @endif @if (isset($userCart['order']['discount_amount'])) <div class="summary-item-div summary-item-div-flex"> <h6>Discount</h6> <h6 id="discount_amount">${{ $userCart['order']['discount_amount'] }}</h6> </div> <div class="summary-item-div-total final_amount_parent_div"> <h5>Total Price:</h5> <span id="final_amount">${{ number_format($userCart['order']['final_price'], 2) }}</span> </div> @else <div class="summary-item-div-total final_amount_parent_div"> <h5>Total Price:</h5> <span id="final_amount">${{ number_format($userCart['order']['total_price'], 2) }}</span> </div> @endif </div> </div> <div class="cart-buttons hidshow"> <a href="{{ route('lunch.cart.summary', $siblingName) }}">Back</a> <a href="javascript:void(0)" class="is-green" onclick="checkOut()"> Make a Payment</a> </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() { 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) { const minMonth = new Date().getMonth() + 1; const minYear = new Date().getFullYear(); const formMonth = ccMonth; const formYear = ccYear; const month = parseInt(formMonth); const year = parseInt(formYear); return (year > minYear) \|\| ((year === minYear) && (month >= minMonth)); } function cardValidation(value) { return !(value === "" \|\| value === undefined); } function cvvValidation(value) { return !(value === "" \|\| value === undefined); } function validateCoupon() { let couponInput = $("#coupon_input") let discountAmountDiv = $("#discount_amount") if (couponInput.val() === '') { return false } showLoader(); axios.post('{{ route('lunch.validate.coupon') }}', { coupon: couponInput.val() }).then(function(response) { hideLoader(); let discountAmount = response.data.discount_amount; let finalPrice = response.data.final_price; if (discountAmountDiv.length) { discountAmountDiv.text("$" + discountAmount); } else { $(".final_amount_parent_div").before(`<div class="summary-item-div summary-item-div-flex"> <h6>Discount</h6> <h6 id="discount_amount">$${discountAmount}</h6> </div>`) } $("#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 | Настройка