@extends('payment-views.layouts.master')

@push('script')
    <link rel="stylesheet" href="{{ dynamicAsset('public/assets/admin/paystack/css/paystack.css')}}">

@endpush

@section('content')
    <h1 class="text-center">{{translate('Please do not refresh this page')}}...</h1>

    <form method="POST" action="{!! route('paystack.payment',['token'=>$data->id]) !!}" accept-charset="UTF-8"
          class="form-horizontal"
          role="form">
        @csrf
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <input type="hidden" name="email"
                       value="{{$payer->email!=null?$payer->email:'required@email.com'}}">
                <input type="hidden" name="orderID" value="{{$data->attribute_id}}">
                <input type="hidden" name="amount"
                       value="{{$data->payment_amount*100}}">
                <input type="hidden" name="quantity" value="1">
                <input type="hidden" name="currency"
                       value="{{$data->currency_code}}">
                <input type="hidden" name="metadata"
                       value="{{ json_encode($array = ['orderID' => $data->attribute_id,'cancel_action'=> route('paystack.cancel', ['payments_id' => $data->id])]) }}">
                <input type="hidden" name="reference"
                       value="{{ $reference }}">

                <button class="btn btn-block d--none" id="pay-button" type="submit"></button>
            </div>

        </div>
    </form>

    @push('script_2')
        <script src="{{ dynamicAsset('public/assets/admin/paystack/js/paystack.js')}}"></script>
    @endpush

@endsection