Файловый менеджер - Редактировать - /home/clickysoft/public_html/calvary-p2.clickysoft.net/resources/views/front/annual-due/checkout.blade.php
Назад
@extends('front.layouts.master') @section('title', 'Annual Due 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 = array(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('annual.due.checkout.data') }}" 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> </div> <div class="cart-buttons"> <a href="{{route('annual.due')}}">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="cart-right"> <h3>Summary</h3> <div class="summary-item-div"> <h6>{{ucfirst($userCart['child']['full_name'])}}</h6> <div class="summary-items"> <span>Community Service/Field Trip Shirt & <br> ${{$userCart['community_service']}} Class Fund</span> <span>+${{$userCart['community_service']}}</span> </div> @if(isset($userCart['child']['grade_title']) && $userCart['child']['grade_title'] === "8th") <div class="summary-items"> <span>Contribute For Graduation Parties</span> <span>+${{number_format($userCart['annual_graduation_contribution'], 2)}}</span> </div> @endif </div> @if(isset($userCart['annual_due']) && !empty($userCart['annual_due'])) <div class="summary-item-div summary-item-div-flex"> <h6>Annual Dues</h6> <h6>${{number_format($userCart['annual_due'], 2)}}</h6> </div> @endif @if(isset($userCart['school_directory_price']) && !empty($userCart['school_directory_price'])) <div class="summary-item-div summary-item-div-flex"> <h6>School Directories</h6> <h6>${{number_format($userCart['school_directory_price'], 2)}}</h6> </div> @endif <div class="summary-item-div-total final_amount_parent_div"> <h5>Total:</h5> <span id="final_amount">${{number_format($userCart['final_price'], 2)}}</span> </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); } </script> @endpush
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка