@extends('layouts.app')
@section('title','Payment')
@section('content')<div class="nc-card nc-narrow"><h1>Pay for your order</h1><p>{{ $order->order_id }}</p><p class="nc-price">₹{{ number_format($order->total,2) }}</p>
@if(in_array(strtolower($order->status),['pending','failed']))
@if(!$payment)<form method="post" action="{{ route('payment.begin') }}">@csrf<input type="hidden" name="order_id" value="{{ $order->order_id }}"><button>Continue to {{ ucfirst($order->payment_gateway) }}</button></form>
@else<button type="button" id="pay-now">Pay with Razorpay</button><form method="post" action="{{ route('payment.payment_handler') }}" id="payment-response">@csrf<input type="hidden" name="order_id" value="{{ $order->order_id }}"><input type="hidden" name="razorpay_payment_id"><input type="hidden" name="razorpay_signature"></form>
@push('scripts')<script src="https://checkout.razorpay.com/v1/checkout.js"></script><script>
@php($checkoutOptions = ['key'=>$payment['key'],'amount'=>$payment['amount'],'currency'=>'INR','order_id'=>$payment['gateway_order_id'],'name'=>'Naminicare','prefill'=>['name'=>$order->name,'email'=>$order->email,'contact'=>$order->mobile]])
const options = {{ Illuminate\Support\Js::from($checkoutOptions) }};
options.handler = function(result){ const form=document.getElementById('payment-response');form.elements.razorpay_payment_id.value=result.razorpay_payment_id;form.elements.razorpay_signature.value=result.razorpay_signature;form.submit(); };
document.getElementById('pay-now').addEventListener('click',()=>new Razorpay(options).open());
</script>@endpush @endif
@else<p>Order status: {{ $order->status }}</p>@endif
<a href="{{ route('customer.order',['order_id'=>$order->order_id]) }}">View order</a></div>@endsection