| Server IP : 66.29.137.217 / Your IP : 3.15.189.95 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/cbt.gltechlimited.com/resources/views/store/checkout/ |
Upload File : |
@extends('store.layout')
@section('title', __('Review & Checkout'))
@section('content')
<main class="bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h1 class="text-2xl font-extrabold py-8">{{ __('Review & Checkout') }}</h1>
<div class="flex flex-col gap-4 mb-4 -mt-4">
@include('components.alert-success')
@include('components.alert-danger')
</div>
<div class="max-w-2xl pb-24 mx-auto lg:max-w-none">
<div class="lg:grid lg:grid-cols-2 lg:gap-x-12">
<div>
@include('store.checkout.partials._customer_billing_info')
</div>
<!-- Order summary -->
<div class="rounded bg-white shadow-md border border-gray-100 mt-10 pb-4 lg:mt-0">
<div class="p-4 lg:p-6">
@include('store.checkout.partials._order_summary')
<div class="mt-4">
<div class="flex flex-col mt-6">
<button id="rzp-button" type="submit" class="mt-4 w-full bg-primary border border-transparent rounded-sm shadow-sm py-2 px-4 text-base font-medium text-white hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-50 focus:ring-current">
{{ __('Pay Now') }}
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
@endsection
@push('scripts')
{{--This api can't be hosted on localhost--}}
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var options = {
"key": "{{ $razorpay_key }}",
"amount": "{{ $order_total }}",
"currency": "{{ $order_currency }}",
"order_id": "{{ $order_id }}",
"callback_url": "{{ route('razorpay_callback') }}",
"prefill": {
"name": "{{ $billing_information['full_name'] }}",
"email": "{{ $billing_information['email'] }}",
"phone": "{{ $billing_information['phone'] }}",
},
};
var rzp = new Razorpay(options);
document.getElementById('rzp-button').onclick = function(e){
rzp.open();
e.preventDefault();
}
</script>
@endpush