<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Pay with {{ $output['currency']->name }}</title>
</head>
<body>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var options = {
"key": "{{ $output['key'] }}", // Enter the Key ID generated from the Dashboard
"amount": "{{ get_amount($output['amount']->total_amount, null, 2) * 100 }}", // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
"currency": "{{ $output['currency']->currency_code }}",
"name": "{{ $basic_settings->site_name }}", //your business name
"description": "Payment With " + "{{ $output['currency']->name }}",
"image": "{{ get_logo() }}",
"order_id": "{{ $output['order_id'] }}", //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
"callback_url": "{!! $output['callback_url'] !!}",
"prefill": { //We recommend using the prefill parameter to auto-fill customer's contact information especially their phone number
"name": "{{ $output['user']->fullname }}", //your customer's name
"email": "{{ $output['user']->email }}",
"contact": "{{ $output['user']->full_mobile }}" //Provide the customer's phone number for better conversion rates
},
"theme": {
"color": "{{ $basic_settings->base_color }}"
},
"modal": {
"ondismiss": function() {
// redirect to cancel URL
let cancelURL = "{!! $output['cancel_url'] !!}";
window.location.href = cancelURL;
}
}
};
var rzp1 = new Razorpay(options);
window.addEventListener("load", () => {
rzp1.open();
});
</script>
</body>
</html>
The base URL for API requests is: