@extends("layouts.app")

@section("title", "View Send Money Transaction")

@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="row justify-content-center">
    <div class="col-md-12" style="padding-top: 60px;">
        <div class="page page-md comman-page-height-main user-listing">
            <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
                <!--begin::Entry-->
                <div class="d-flex flex-column-fluid">
                    <!--begin::Container-->
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card card-custom gutter-b">
                                    <div class="card-header">
                                        <div class="card-title">
                                            <h3 class="card-label">
                                                {{ __('message_lang.LBL_AGENT_REPAYMENT_TXN') }}
                                            </h3>
                                        </div>
                                        <div style="float: right; padding:10px;">
                                            <a href="{{ route('csr-agent-repayment-transactions-index') }}"class="btn btn-light btn-lg ">{{ __('message_lang.BTN_BACK') }}</a>
                                        </div>
                                    </div>
                                    <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_SENDER_DETAILS') }}:</th>
                                                        </tr>
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_SENDER_NAME') }}:</td>
                                                            <td>
                                                                <span>{{ $smtxnDetails->sender_name??'' }}</span>
                                                            </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_COUNTRY') }}:</td>
                                                            <td>{{ $smtxnDetails->getSendingCountry->country_name??'' }}</td>
                                                        </tr>
                                                    </table>

                                                    <table class="show-table table table-sm table-borderless">
                                                        <tr>
                                                            <th colspan="2">{{ __('message_lang.LBL_BNF_DETAILS') }}:</th>
                                                        </tr>
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_BENEFICIARY_NAME') }}:</td>
                                                            <td>
                                                                <span>{{ $smtxnDetails->receiver_name??'' }}</span>
                                                            </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_COUNTRY') }}:</td>
                                                            <td>{{ $smtxnDetails->getSendingCountry->country_name??'' }}</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_TYPE') }}:</td>
                                                            <th>{{ $repaymentTypes[$smtxnDetails->repayment_type] ?? '' }}</th>
                                                        </tr>
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_TXN_DATE') }}:</td>
                                                            <td>{{ format_date_tz($smtxnDetails->created_at??'') }}</td>
                                                        </tr>
                                                        @if(isset($smtxnDetails->mobile_wallet_operator_name))
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_DEPOSIT_COMPANY') }}:</td>
                                                            <td>{{ $smtxnDetails->mobile_wallet_operator_name }}</td>
                                                        </tr>
                                                        @endif
                                                        @if(isset($smtxnDetails->mobile_wallet_number))
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_MOBILE_WALLET_NUMBER') }}:</td>
                                                            <td>{{ $smtxnDetails->mobile_wallet_number }}</td>
                                                        </tr>
                                                        @endif
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_AMOUNT') }}:</td>
                                                            <th>{{ number_format($smtxnDetails->sending_amount, 2)." (".$smtxnDetails->sending_currency.")" }}</th>
                                                        </tr>
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_FEES') }}:</td>
                                                            <th>{{ number_format($smtxnDetails->sending_fees, 2)." (".$smtxnDetails->sending_currency.")" }}</th>
                                                        </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['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
            
                                                                @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'])
            
                                                                    @if(in_array($smtxnDetails->status, [$smtxnStatus['rejected']]))
                                                                        <a href="{{ route('admin-send-money-transactions-resend', [ 'smtxn_id' => base64_encode($smtxnDetails->id)]) }}" class="btn btn-primary btn-sm mr-2" >{{ __('message_lang.BTN_RE_SEND') }}</a>
                                                                    @endif
            
                                                                    @if(in_array($smtxnDetails->status, [$smtxnStatus['on_hold']]))
                                                                        <a href="{{ route('admin-send-money-transactions-resend', [ 'smtxn_id' => base64_encode($smtxnDetails->id)]) }}" class="btn btn-primary btn-sm mr-2" >{{ __('message_lang.BTN_RELEASE') }}</a>
                                                                    @endif
            
                                                                @endif
                                                            </th>
                                                        </tr>
                                                        @if ($smtxnDetails->status == $smtxnStatus['cancelled'])
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_CANCELLED_AT') }}:</td>
                                                            <td>{{ $smtxnDetails->txn_cancelled_date ?? '' }}</td>
                                                        </tr>
                                                        @endif
                                                        @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'])
                                                            <tr>
                                                                <td></td>
                                                                <th>
                                                                    <form method="post" name="frm_crud_status_smtxn" id="frm_crud_status_smtxn" action="{{ route('admin-send-money-transactions-update') }} ">
                                                                        @csrf
                                                                        <input type="hidden" name="id" value="{{ $smtxnDetails->id }}">
                                                                        <input type="hidden" name="type" value="TXN_STATUS">
                                                                        <input type="hidden" name="status" value="">
            
                                                                        @if(in_array($smtxnDetails->status, [$smtxnStatus['created']]))
                                                                            <button type="submit" class="btn btn-danger btn-sm mr-2" dataValue="{{ $smtxnStatus['cancelled'] }}">{{ __('message_lang.BUTTON_CANCEL') }}</button>
                                                                        @endif
            
                                                                        @if(in_array($smtxnDetails->status, [$smtxnStatus['created'], $smtxnStatus['transmitted']]))
                                                                            <button type="submit" class="btn btn-warning btn-sm" dataValue="{{ $smtxnStatus['transmitted'] }}">{{ __('message_lang.BTN_TRANSMIT') }}</button>
                                                                        @endif
            
                                                                        @if(in_array($smtxnDetails->status, [$smtxnStatus['in_progress'], $smtxnStatus['transmitted']]))
                                                                            <button type="submit" class="btn btn-primary btn-sm" dataValue="{{ $smtxnDetails->status }}">{{ __('message_lang.BTN_CHECK_STATUS') }}</button>
                                                                        @endif
                                                                    </form>
                                                                </th>
                                                            </tr>
                                                        @endif
            
                                                        @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>
            
                                                        <tr>
                                                            <td>{{ __('message_lang.LBL_ADD_NOTE') }}:</td>
                                                            <td>
                                                                <div class="">
                                                                    <a class="add-note-button btn btn-info btn-sm mr-2">{{ __('message_lang.BUTTON_ADD_NOTE') }}</a>
            
                                                                    @if($txnNoteCount > 0)
                                                                        <a class="show-note-button btn btn-danger btn-sm mr-2">{{ __('message_lang.BUTTON_SHOW_NOTE') }}</a>
            
                                                                        <a class="hide-note-button btn btn-warning btn-sm mr-2" style="display: none;">{{ __('message_lang.BUTTON_HIDE_NOTE') }}</a>
                                                                    @endif
                                                                </div>
                                                                <div class="note-div" style="display: none;">
                                                                    <form method="post" name="frm_crud_note_smtxn" id="frm_crud_note_smtxn" action=" {{ route('admin-send-money-transactions-add-note') }}">
                                                                        @csrf
                                                                        <input type="hidden" name="id" value="{{ $smtxnDetails->id }}">
            
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="form-group">
                                                                                    <textarea class="form-control @error('note') is-invalid @enderror" name="note" id="note" rows="5" autocomplete=""></textarea>
                                                                                    @error('note')
                                                                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                                                                            <strong>{{ $message }}</strong>
                                                                                        </span>
                                                                                    @enderror
                                                                                </div>
                                                                            </div>
                                                                        </div>
            
                                                                        <div class="row">
                                                                            <div class="col-md-8">
                                                                                <div class="form-group">
                                                                                    <button type="submit" class="btn btn-primary btn-sm">{{ __('message_lang.BUTTON_SUBMIT') }}</button>
            
                                                                                    <a class="cancel-note-button btn btn-dark btn-sm mr-2" >{{ __('message_lang.BUTTON_CANCEL') }}</a>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-4">
                                                                            </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </div>
                                            </div>

                                            <div class="show-note-div" style="display: none;">
                                                <div class="row">
                                                    <div class="col-md-12">&nbsp;</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12"><b>{{ __('message_lang.LBL_NOTES') }}</b></div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <table id="note-list" class="table table-bordered grid-table" style="width: 100%">
                                                            <thead>
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{ __('message_lang.LBL_ADDED_BY') }}</th>
                                                                    <th style="width: 50%">{{ __('message_lang.LBL_NOTE') }}</th>
                                                                    <th style="width: 15%">{{ __('message_lang.LBL_DATE') }}</th>
                                                                    <th>{{ __('message_lang.LBL_ID') }}</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- insert modal --}}
                                            @include('beneficiary_update_details')

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

@section("page_vendors")
<script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/jquery.validate.js') }}"></script>
<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