@extends('frontend.layouts.app')
@section('content')
    {{--  @livewire('frontend.home.thanks',['create_order_new_after'=>$create_order_new_after,'create_delivery_type'=>$delivery_type_thanks])  --}}
  {{--  <!-- ['shop_list'=>$shop_list] -->  --}}
  <style>
    .center {

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
      }
  </style>
  <div>
    <div class="center">

        <h4 class="text-center">Pay INR {{ $amount }}</h4>
        <form method="post" action="{{ route('wallet-recharge') }}">
            @csrf
            <input type="hidden" class="form-control" name="wal_amount" id="wal_amount" value="{{ $amount }}">
            {{--  <br>
            <button class="btn btn-success">Pay</button>  --}}
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
            <span style=""><a href="{{ route('user_orders') }}" class="razorpay-payment-button2">Cancel</a></span>

            <script src="https://checkout.razorpay.com/v1/checkout.js"
            data-key="{{ env('RAZORPAY_KEY')}}"
            data-amount="{{ $amount * 100 }}"
            data-buttontext="Confirm"
            data-name="Shero homes"
            data-description="Razerpay"
            data-image="https://www.itsolutionstuff.com/frontTheme/images/logo.png"
            data-prefill.name="name"
            data-prefill.email="email"
            data-theme.color="#ff7529">
        </script>

        </form>

       </div>
  </div>



@endsection