@extends('frontend.layouts.app')

@section('content')
<div class="content" style="height: 250px;">
    <div class="rowdisplay">       
        <img src="{{asset('/public/uploads/logo/loader.gif')}}" style="    margin-top: 40px;
                                                                           position: absolute;
                                                                           margin-left: 574px;
                                                                        width: 255px;
                                                                        ">
        <h3 style="color: red; padding-left: 540px;">Do not refresh this page...</h3>
    </div>
    <form action="{!!route('payment.rozer')!!}" 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="{{($order->grand_total) * 100}}"
                data-order_id = {{$orderId}}
                data-buttontext=""
                data-name="{{ env('APP_NAME') }}"
                data-description="Order Payment"
                data-image="{{ my_asset(\App\GeneralSetting::first()->logo) }}"
                data-prefill.name= {{ Session::get('shipping_info')['name'] }}
                data-prefill.email= {{ Session::get('shipping_info')['email'] }}
                data-theme.color="#ff7529">
        </script>
        <input type="hidden" name="_token" value="{!!csrf_token()!!}">
    </form>
</div>
@endsection

@section('script')

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