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

@section('content')
<div class="row">
    <div class="col-sm-6">
        <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="{{ $client_id }}">
            <input type="hidden" name="order_id_of_merchant" value="TRO-{{ $registration->id }}">
            <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="{{ $registration->golfer_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="{{ $registration->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">Mobile</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="buyer_contact_number" name="buyer_contact_number" placeholder="Phone" value="{{ $registration->golfer_mobile }}">                    
                </div>
            </div>
            <div class="form-group row">
                <label class="col-sm-3">Reg. Fee</label>
                <div class="col-sm-9">
                    <input type="text" name="amount" class="form-control" value="{{ $registration->reg_bill }}" 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="Tournament Registration">
            <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>
@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