@extends('frontend.layouts.member-app')

@section('content')
<div class="card card-info" style="margin-top: 5px;">
    <div class="card-header">
        <h3 class="card-title">Monthly Subscription Bill Online Payment </h3>
    </div>
    <div class="card-body"> 
        <div class="row">
            <div class="col-sm-10">
                <form id="form-paysenz" class="col-sm-12"  action="" method="post" style="margin-top: 50px; margin-bottom: 100px;">

                    <input type="hidden" name="client_id" value="">
                    <input type="hidden" name="order_id_of_merchant" value="178108247814">
                    <div class="form-group row">
                        <label class="col-sm-3 text-right">Name:</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="buyer_name" name="buyer_name" placeholder="Name" value="{{ \Session::get('logged_main_full_name') }}" readonly="">                    
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 text-right">Email</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="buyer_email" name="buyer_email" placeholder="Email" value="{{ \Session::get('logged_member_email') }}">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 text-right">Address</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="buyer_address" name="buyer_address" placeholder="Address 1" value="Dhaka">                    
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 text-right">Mobile</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="buyer_contact_number" name="buyer_contact_number" placeholder="Phone" value="{{ \Session::get('logged_member_mobile_number') }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 text-right">Payment Amount</label>
                        <div class="col-sm-9">
                            <input type="text" name="amount" class="form-control" value="{{ $payment_amount }}" readonly="">                    
                        </div>
                    </div>            

                    <input type="hidden" class="form-control" id="cus_city" name="cus_city" placeholder="City" value="Dhaka">
                    <input type="hidden" class="form-control" id="cus_state" name="cus_state" placeholder="State" value="Dhaka">
                    <input type="hidden" class="form-control" id="cus_postcode" name="cus_postcode" placeholder="Postcode" value="1216">
                    <input type="hidden" class="form-control" id="cus_country" name="cus_country" placeholder="Country" value="Bangladesh">
                    <input type="hidden" name="currency" value="BDT">
                    <input type="hidden" name="currency_of_transaction" value="BDT">
                    <input type="hidden" name="callback_success_url" value="{{ $paysenz_urls['callback_success_url'] }}">
                    <input type="hidden" name="callback_fail_url" value="{{ $paysenz_urls['callback_fail_url'] }}">
                    <input type="hidden" name="callback_cancel_url" value="{{ $paysenz_urls['callback_cancel_url'] }}">
                    <input type="hidden" name="callback_ipn_url" value="{{ $paysenz_urls['callback_ipn_url'] }}">
                    <input type="hidden" name="order_details" value="Monthly Subscription">
                    <input type="hidden" name="expected_response_type" value="JSON">
                    <input type="hidden" name="custom_1" value="REF4587">
                    <input type="hidden" name="custom_2" value="custom_2">
                    <input type="hidden" name="custom_3" value="custom_value_3">
                    <input type="hidden" name="custom_4" value="custom_value_4">
                    <div style="text-align: right;">
                        <input  type="submit" value="Submit" name="Submit" class="btn btn-info">                
                    </div>
                </form>
                
            </div>
        </div>
    
    </div>

    <div class="card-footer">
    </div>
    
</div>
@endsection

@section('footer_scripts')
<script type="text/javascript">
    $('document').ready(function () {
        $('#form-paysenz').submit(function (e) {
            e.preventDefault();
            var url = '{{ $paysenz_submit_url }}';
            var access_token = '{{ $access_token }}';
            // console.log(url);
            var formData = $("#form-paysenz").serializeArray();
            // console.log(formData);
            $.ajax({
                url: url,
                data: formData,
                success: function (response) {
                    if (response.expected_response) {
                        url = response.expected_response;
                        window.location = url;
                    } else {
                        console.log(response.errorMessage);
                        alert(response.errorMessage);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus, errorThrown);
                },
                beforeSend: function (xhr) {
                    xhr.setRequestHeader("Authorization", "Bearer " + access_token);
                },
                type: 'POST'
            });
         })
    });
</script>
@endsection