@extends("agentportal.layouts.layout")

@section("title", trans('message_lang.LBL_USER_TRANSFER_TXNS'))

@section("page_style")
<link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
<style type="text/css">
    .show-table.table.table-sm.table-borderless td { text-align: left; }
    .show-table.table td:first-child { width:35%; }
</style>
@endsection

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ $smtxnDetails->reference_no??'' }}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                <a href="{{ route('agentportal.user-transfer-transactions-list') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                <!--end::Button-->
                            </div>
                        </div>
                        <!--begin::Form-->
                        <div class="card-body">
                            <div class="">
                                <div class="row">
                                    <div class="col-md-9">
                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ __('message_lang.LBL_CUSTOMER_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_CUSTOMER_NAME') }}:</td>
                                                <td><a href="{{ route('agentportal.user_profile', base64_encode($smtxnDetails->sender_id))}}" target="_blank">{{ $smtxnDetails->sender_name??'' }}</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $smtxnDetails->sender_phone_code.' '.$smtxnDetails->sender_phone_number??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_EMAIL') }}:</td>
                                                <td>{{ $smtxnDetails->sender_email??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $smtxnDetails->getSender->country->country_name??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_ADDRESS') }}:</td>
                                                <td>{{ $smtxnDetails->sender_address??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_STATE') }}:</td>
                                                <td>{{ $smtxnDetails->sender_province_code??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_ZIPCODE') }}:</td>
                                                <td>{{ $smtxnDetails->sender_postal_code??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_CITY') }}:</td>
                                                <td>{{ $smtxnDetails->sender_city??'' }}</td>
                                            </tr>
                                        </table>


                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ __('message_lang.LBL_MY_TXNS_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_TXN_REF_NO') }}:</td>
                                                <th>{{ $smtxnDetails->reference_no??'' }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_TXN_DATE') }}:</td>
                                                <td>{{ $smtxnDetails->created_at??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_DEPOSIT_COMPANY') }}:</td>
                                                <td>{{ $smtxnDetails->deposit_company??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_ACCOUNT_NO') }}:</td>
                                                <td>{{ $smtxnDetails->user_deposit_account??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_CURRENCY') }}:</td>
                                                <td>{{ $smtxnDetails->sending_currency }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_TOTAL_AMOUNT') }}:</td>
                                                <th>{{ number_format($smtxnDetails->net_amount, 2)." (".$smtxnDetails->sending_currency.")" }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_SENDER_PAYMENT_STATUS') }}:</td>
                                                <td>
                                                    @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'])
                                                        <span class="badge badge-success">
                                                            {{ config('constants.send_money_txn_payment_receiving_status.PAID') }}
                                                        </span>
                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['payment_in_progress'])
                                                        <span class="badge badge-warning">
                                                            {{ config('constants.send_money_txn_payment_receiving_status.PAYMENT_IN_PROGRESS') }}
                                                        </span>
                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['payment_failed'])
                                                        <span class="badge badge-danger">
                                                            {{ config('constants.send_money_txn_payment_receiving_status.PAYMENT_FAILED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->payment_method_type == config('constants.PAYMENT_METHOD_TYPE.GIN_MOMO') && $smtxnDetails->is_payment_receive == $paymentReceivingStatus['not_paid'])
                                                        <span class="badge badge-secondary">
                                                            {{ config('constants.send_money_txn_payment_receiving_status.NOT_PAID') }}
                                                        </span>
                                                    @endif

                                                    @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['refunded'])
                                                        <span class="badge badge-info">
                                                            {{ config('constants.send_money_txn_payment_receiving_status.REFUNDED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['cancelled'])
                                                        <span class="badge badge-danger">
                                                            {{ config('constants.send_money_txn_payment_receiving_status.CANCELLED') }}
                                                        </span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr class="">
                                                <td>{{ __('message_lang.LBL_TXN_STATUS') }}:</td>
                                                <th>
                                                    @if($smtxnDetails->status == $smtxnStatus['pending'])
                                                        <span class="badge badge-secondary">
                                                            {{ config('constants.send_money_txn_status.PENDING') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['in_progress'])
                                                        <span class="badge badge-secondary">
                                                            {{ config('constants.send_money_txn_status.INPROGRESS') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['paid'])
                                                        <span class="badge badge-success">
                                                            {{ config('constants.send_money_txn_status.PAID') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['rejected'])
                                                        <span class="badge badge-danger">
                                                            {{ config('constants.send_money_txn_status.REJECTED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['cancelled'])
                                                        <span class="badge badge-danger">
                                                            {{ config('constants.send_money_txn_status.CANCELLED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['transmitted'])
                                                        <span class="badge badge-primary">
                                                            {{ config('constants.send_money_txn_status.TRANSMITTED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['failed'])
                                                        <span class="badge badge-danger">
                                                            {{ config('constants.send_money_txn_status.FAILED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['created'])
                                                        <span class="badge badge-secondary">
                                                            {{ config('constants.send_money_txn_status.CREATED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['on_hold'])
                                                        <span class="badge badge-warning">
                                                            {{ config('constants.send_money_txn_status.ON_HOLD') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['expired'])
                                                        <span class="badge badge-danger">
                                                            {{ config('constants.send_money_txn_status.EXPIRED') }}
                                                        </span>
                                                    @endif
                                                </th>
                                            </tr>
                                            @if(isset($smtxnDetails->remarks) && $smtxnDetails->remarks != '')
                                                <tr>
                                                    <td>{{ __('message_lang.LBL_REASON') }}:</td>
                                                    <td>
                                                        {{ $smtxnDetails->remarks ? $smtxnDetails->remarks :'-' }}
                                                    </td>
                                                </tr>
                                            @elseif ($txnStatusReason)
                                                <tr>
                                                    <td>{{ __('message_lang.LBL_REASON') }}:</td>
                                                    <td>
                                                        {{ $txnStatusReason?:'-' }}
                                                    </td>
                                                </tr>
                                            @endif

                                            <tr>
                                                <td colspan="2">&nbsp;</td>
                                            </tr>

                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end::Form-->
                    </div>
                    <!--end::Card-->
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

@section("page_vendors")
    <script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
@endsection

@section("page_script")

<script type="text/javascript">
    var note_list_table_one;
    $(document).ready(function() {

        if ($('#note-list').length > 0)
        {
            note_list_table_one = $('#note-list').DataTable(
            {
                processing: true,
                serverSide: true,
                "responsive": true,
                'aaSorting': [ 4, 'DESC'],
                "ajax":
                {
                    "url": "{!! route('csr-send-money-transactions-get-note') !!}",
                    "type": "POST",
                    "dataType": "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{csrf_token()}}"
                    },
                    "data": function(data) {

                        //append to data
                        data.id = "{{ $smtxnDetails->id }}";
                    },
                },
                "columnDefs": [
                    {
                        "targets": [0], //first column / numbering column
                        "orderable": false, //set not orderable
                    },
                    {
                        'targets': [ 0 ], /* column index  */
                        "searchable": false,
                    },
                    {
                        'targets': [ 4], /* column index  */
                        "visible": false,
                    }
                ],
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'added_by',
                        name: 'added_by'
                    },
                    {
                        data: 'note',
                        name: 'note'
                    },
                    {
                        data: 'date_time',
                        name: 'date_time'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    }
                ]
            });
        }

        $(document).on("click", "#updateBenefDetails", function() {
            $('#beneficaryUpdateModal').modal('show');
        });

    });

</script>

<script type="text/javascript">

    $(".show-note-button").on("click", function() {
        $(this).hide();
        $(".show-note-div").show();
        $(".hide-note-button").show();
    });

    $(".hide-note-button").on("click", function() {
        $(this).hide();
        $(".show-note-div").hide();
        $(".show-note-button").show();
    });


    $(".add-note-button").on("click", function() {
        $(this).hide();
        $(".note-div").show();
    });

    $(".cancel-note-button").on("click", function() {
        $(".add-note-button").show();
        $(".note-div").hide();
    });

    $("button").on("click", function(obj){
        var form_id = $(this).closest("form").attr('id');

        if(form_id == "frm_crud_status_smtxn") {
            var status = $(this).attr("dataValue");
            $("#"+form_id).find("input[name=status]").val(status);
        }

        if(form_id == "frm_crud_payment_receive_smtxn") {
            customFormValidation(form_id);
        }

        if(form_id == "frm_crud_note_smtxn") {
            customNoteFormValidation(form_id);
        }
    })

    function customNoteFormValidation(form_id) {
        $("#frm_crud_note_smtxn").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                // render error placement for each input type
                if(element.hasClass('select2') && element.next('.select2-container').length) {
                    error.insertAfter(element.next('.select2-container'));
                } else if (element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                }
                else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
                    error.insertAfter(element.parent().parent());
                }
                else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                    error.appendTo(element.parent().parent());
                }
                else {
                    error.insertAfter(element);
                }
                // for other inputs, just perform default behavior
            },
            ignore: "",
            rules:
            {
                note: {
                    required: true
                },
            },
            messages:
            {
                note: {
                    required: '{{ __('message_lang.PLEASE_ENTER_NOTE') }}'
                },
            },
            invalidHandler: function (event, validator)
            {
                //display error alert on form submit
                // debugger;
                //successHandler1.hide();
                //errorHandler1.show();
            },
            highlight: function (element)
            {
                $(element).closest('.help-block').removeClass('valid');
                // display OK icon
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                // add the Bootstrap error class to the control group
            },
            unhighlight: function (element)
            {
                // revert the change done by hightlight
                $(element).closest('.form-group').removeClass('has-error');
                // set error class to the control group
            },
            success: function (label, element)
            {
                label.addClass('help-block valid');
                // mark the current input as valid and display OK icon
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (frmadd)
            {
                successHandler1.show();
                errorHandler1.hide();
            }
        });
    }

    function customFormValidation(form_id) {
        $("#frm_crud_payment_receive_smtxn").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                // render error placement for each input type
                if(element.hasClass('select2') && element.next('.select2-container').length) {
                    error.insertAfter(element.next('.select2-container'));
                } else if (element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                }
                else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
                    error.insertAfter(element.parent().parent());
                }
                else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                    error.appendTo(element.parent().parent());
                }
                else {
                    error.insertAfter(element);
                }
                // for other inputs, just perform default behavior
            },
            ignore: "",
            rules:
            {
                is_payment_receive: {
                    required: true
                },
                payment_receive_note: {
                    required: true,
                },
            },
            messages:
            {
                is_payment_receive: {
                    required: '{{ __('message_lang.PLEASE_SELECT_PAYMENT_RECEIVING_STATUS') }}'
                },
                payment_receive_note: {
                    required: '{{ __('message_lang.PLEASE_ENTER_PAYMENT_RECEIVING_NOTE') }}',
                },
            },
            invalidHandler: function (event, validator)
            {
                //display error alert on form submit
                // debugger;
                //successHandler1.hide();
                //errorHandler1.show();
            },
            highlight: function (element)
            {
                $(element).closest('.help-block').removeClass('valid');
                // display OK icon
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                // add the Bootstrap error class to the control group
            },
            unhighlight: function (element)
            {
                // revert the change done by hightlight
                $(element).closest('.form-group').removeClass('has-error');
                // set error class to the control group
            },
            success: function (label, element)
            {
                label.addClass('help-block valid');
                // mark the current input as valid and display OK icon
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (frmadd)
            {
                successHandler1.show();
                errorHandler1.hide();
            }
        });
    }


</script>
@endsection