<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="{{ static_asset('assets/css/vendors.css') }}">
    <link rel="stylesheet" href="{{ static_asset('assets/css/aiz-core.css') }}">
    <link rel="stylesheet" href="{{ static_asset('assets/css/custom-style.css') }}">
</head>
<body>

<section class="py-4 mb-4 bg-light">
    <div class="container text-center">
        <form action="{!!route('api.razorpay.payment')!!}" method="POST" id='rozer-pay' style="display: none;">
            <!-- Note that the amount is in paise = 50 INR -->
            <!--amount need to be in paisa-->
            <script src="https://checkout.razorpay.com/v1/checkout.js"
                    data-key="{{ env('RAZOR_KEY') }}"
                    data-amount={{$amount * 100}}
                    data-order_id="{{ $res->id }}"
                    data-callback_url="{{ route('api.razorpay.success') }}"
                    data-buttontext=""
                    data-name="{{ env('APP_NAME') }}"
                    data-description="Wallet Payment"
                    data-image="{{ uploaded_asset(get_setting('header_logo')) }}"
                    data-prefill.name="{{ $user->name}}"
                    data-prefill.email="{{ $user->email}}"
                    data-theme.color="#ff7529">
            </script>
            <input type="hidden" name="_token" value="{!!csrf_token()!!}">
        </form>
    </div>
</section>

<!-- SCRIPTS -->
<script src="{{ static_asset('assets/js/vendors.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#rozer-pay').submit()
    });
</script>
</body>
</html>
