@extends("agentportal.layouts.layout")

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

@section("page_style")
<link rel="stylesheet" type="text/css" href="{{ url('css/sweetalert2.min.css') }}">
<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%; }
    .refund-btn {max-width: 200px;}
    .swal2-popup .swal2-icon { margin: 2rem auto 0 !important}
</style>
@endsection

<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>

@section("content")
<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">
                                    {{ trans('message_lang.LBL_EXTERNAL_SEND_MONEY_TXNS') }}
                                </h3>
                            </div>
                            <div class="card-toolbar">
                                <a href="{{ url()->previous() }}"class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="mb-10">
                                <div class="row">
                                    <div class="col-md-9">
                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ trans('message_lang.LBL_SENDER_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDER_NAME') }}:</td>
                                                <td>
                                                    {{ $smtxnDetails->sender_first_name }} {{ $smtxnDetails->sender_last_name }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $smtxnDetails->sender_phone_no ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_EMAIL') }}:</td>
                                                <td>{{ $smtxnDetails->sender_email ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $smtxnDetails->getSendingCountry ? $smtxnDetails->getSendingCountry->country_name : '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS') }}:</td>
                                                <td>{{ $smtxnDetails->sender_address ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('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">{{ trans('message_lang.LBL_BNF_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_BENEFICIARY_NAME') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_first_name }} {{ $smtxnDetails->receiver_middle_name }} {{ $smtxnDetails->receiver_last_name }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_phone_no ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_EMAIL') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_email ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS_ONE') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_address1 ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS_TWO') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_address2 ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $smtxnDetails->getReceivingCountry ? $smtxnDetails->getReceivingCountry->country_name : '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CITY') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_city ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ZIPCODE') }}:</td>
                                                <td>{{ $smtxnDetails->receiver_zipcode ?? '-' }}</td>
                                            </tr>
                                        </table>

                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ trans('message_lang.LBL_RECEIVING_OPTION_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_RECEIVING_OPTION') }}:</td>
                                                <td>{{ $smtxnDetails->receiving_option_code ?? '-' }}</td>
                                            </tr>

                                            @if($smtxnDetails->receiving_option_code == "MW")
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_MOBILE_WALLET_NUMBER') }}:</td>
                                                    <td>{{ $smtxnDetails->beneficiary_account_number ?? '-' }}</td>
                                                </tr>
                                            @elseif($smtxnDetails->receiving_option_code == "CP")
                                            @elseif($smtxnDetails->receiving_option_code == "BD")
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_BANK_NAME') }}:</td>
                                                    <td>{{ $smtxnDetails->bank_name ?? '-' }}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_BANK_CODE') }}:</td>
                                                    <td>{{ $smtxnDetails->bank_code ?? '-' }}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_BANK_ACC_NUMBER') }}:</td>
                                                    <td>{{ $smtxnDetails->beneficiary_account_number ?? '-' }}</td>
                                                </tr>
                                            @endif

                                        </table>

                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ trans('message_lang.LBL_MY_TXNS_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TXN_REF_NO') }}:</td>
                                                <th>{{  $smtxnDetails->reference_no }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TXN_DATE') }}:</td>
                                                <td>{{ format_date_tz($smtxnDetails->created_at) ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_BNB_PARTNER_NAME') }}:</td>
                                                <td>{{ $smtxnDetails->getApiPartner ? $smtxnDetails->getApiPartner->name : '-'  }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $smtxnDetails->getSendingCountry ? $smtxnDetails->getSendingCountry->country_name : ' '  }} - {{ $smtxnDetails->getReceivingCountry ? $smtxnDetails->getReceivingCountry->country_name : ' ' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CURRENCY') }}:</td>
                                                <td>{{ $smtxnDetails->sending_currency . ' - ' . $smtxnDetails->receiving_currency ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_AMOUNT') }}:</td>
                                                <td>{{ number_format($smtxnDetails->sending_amount, 2) . ' (' . $smtxnDetails->sending_currency . ') - ' . number_format($smtxnDetails->receiving_amount, 2) .' (' . $smtxnDetails->receiving_currency . ')' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_EXCHANGE_RATE') }}:</td>
                                                <td>{{ $smtxnDetails->exchange_rate ? number_format($smtxnDetails->exchange_rate, 6, '.', ',') : '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDING_FEES') }}:</td>
                                                <td>{{ number_format($smtxnDetails->sending_fees, 2) . ' (' . $smtxnDetails->sending_currency . ')' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TOTAL_AMOUNT') }}:</td>
                                                <td>{{ number_format(($smtxnDetails->sending_amount + $smtxnDetails->sending_fees), 2) . ' (' . $smtxnDetails->sending_currency . ')' }}</td>
                                            </tr>
                                            <tr class="">
                                                <td>{{ trans('message_lang.LBL_TXN_STATUS') }}:</td>
                                                <td>
                                                    @if($smtxnDetails->status == $smtxnStatus['PENDING'])
                                                        <span class="badge badge-secondary">
                                                            {{ trans('message_lang.STATUS_OPTION_PENDING') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['IN_PROGRESS'])
                                                        <span class="badge badge-secondary">
                                                            {{ trans('message_lang.STATUS_OPTION_INPROGRESS') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['PAID'])
                                                        <span class="badge badge-success">
                                                            {{ trans('message_lang.STATUS_OPTION_PAID') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['CANCELLED'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_CANCELLED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['FAILED'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_FAILED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['CS_PROCESSING'])
                                                        <span class="badge badge-warning">
                                                            {{ trans('message_lang.STATUS_OPTION_CS_PROCESSING') }}
                                                        </span>
                                                    @endif
                                                    @if(in_array($smtxnDetails->status, [$smtxnStatus['PENDING'], $smtxnStatus['IN_PROGRESS']]))
                                                        <button type="button" id="checkTxnStatus" class="btn btn-primary btn-sm">{!! trans('message_lang.BTN_CHECK_STATUS') !!}</button>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PARTNER_TXN_STATUS') }}:</td>
                                                <td>
                                                    @if($smtxnDetails->partner_txn_status == $smtxnStatus['PENDING'])
                                                        <span class="badge badge-secondary">
                                                            {{ trans('message_lang.STATUS_OPTION_PENDING') }}
                                                        </span>
                                                    @elseif($smtxnDetails->partner_txn_status == $smtxnStatus['IN_PROGRESS'])
                                                        <span class="badge badge-secondary">
                                                            {{ trans('message_lang.STATUS_OPTION_INPROGRESS') }}
                                                        </span>
                                                    @elseif($smtxnDetails->partner_txn_status == $smtxnStatus['PAID'])
                                                        <span class="badge badge-success">
                                                            {{ trans('message_lang.STATUS_OPTION_PAID') }}
                                                        </span>
                                                    @elseif($smtxnDetails->partner_txn_status == $smtxnStatus['CANCELLED'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_CANCELLED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->partner_txn_status == $smtxnStatus['FAILED'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_FAILED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->partner_txn_status == $smtxnStatus['CS_PROCESSING'])
                                                        <span class="badge badge-warning">
                                                            {{ trans('message_lang.STATUS_OPTION_CS_PROCESSING') }}
                                                        </span>
                                                    @endif
                                                </td>
                                            </tr>
                                            @if($smtxnDetails->reject_reason)
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_REASON') }}:</td>
                                                    <td>
                                                        {{ $smtxnDetails->reject_reason ?? '-' }}
                                                    </td>
                                                </tr>
                                            @endif

                                            @if ($smtxnDetails->reinitiated_by && $smtxnDetails->getReinitiatedBy)
                                            <tr>
                                                <td>{{ __('message_lang.LBL_REINITIATED_BY') }}:</td>
                                                <td>{{ $smtxnDetails->getReinitiatedBy->first_name ?? '' }} {{ $smtxnDetails->getReinitiatedBy->last_name ?? '' }}</td>
                                            </tr>
                                            @endif
                                            @if ($smtxnDetails->reinitiated_at)
                                            <tr>
                                                <td>{{ __('message_lang.LBL_REINITIATED_AT') }}:</td>
                                                <td>{{ $smtxnDetails->reinitiated_at ?? '' }}</td>
                                            </tr>
                                            @endif
                                            @if ($smtxnDetails->cancelled_by && $smtxnDetails->getCancelledBy)
                                            <tr>
                                                <td>{{ __('message_lang.LBL_CANCELLED_BY') }}:</td>
                                                <td>{{ $smtxnDetails->getCancelledBy->first_name ?? '' }} {{ $smtxnDetails->getCancelledBy->last_name ?? '' }}</td>
                                            </tr>
                                            @endif
                                            @if ($smtxnDetails->cancelled_at)
                                            <tr>
                                                <td>{{ __('message_lang.LBL_CANCELLED_AT') }}:</td>
                                                <td>{{ format_date_tz($smtxnDetails->cancelled_at) ?? '' }}</td>
                                            </tr>
                                            @endif
                                            @if ($smtxnDetails->cancellation_reason)
                                            <tr>
                                                <td>{{ __('message_lang.LBL_REASON') }}:</td>
                                                <td>
                                                    @if(isset($smtxnDetails->cancellation_reason) && $smtxnDetails->cancellation_reason != "")
                                                        @if(isset($allReasons) && isset($allReasons[$smtxnDetails->cancellation_reason]))
                                                            {{ $allReasons[$smtxnDetails->cancellation_reason] }}
                                                        @else
                                                            {{ str_replace("_", " ", $smtxnDetails->cancellation_reason) }}
                                                        @endif
                                                    @else
                                                        {{ $smtxnDetails->cancellation_reason ?? "-" }}
                                                    @endif
                                                </td>
                                            </tr>
                                            @endif
                                        </table>
                                        @if($smtxnDetails->status == $smtxnStatus['FAILED'] && $smtxnDetails->partner_txn_status == $smtxnStatus['CS_PROCESSING'] && isset($partnerData) && $partnerData->allowed_reinitiate_txns == 1)
                                            <button type="button" id="reinitiatedTxn" class="btn btn-info">{!! trans('message_lang.BTN_REINITIATED_TXN') !!}</button>
                                            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#cancelTxnReasonModal">{!! trans('message_lang.LBL_CANCEL_TXNS') !!}</button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <hr>

                            <div class="row m-3">
                                <!-- customer service message info -->
                                <div class="col-12 col-lg-6 shadow-xs">
                                    <!-- info header -->
                                    <div class="p-2" style="border-bottom: 1px solid whitesmoke">
                                        <div style="display: flex; justify-content: space-between; align-items: center;">
                                            <h4>{{ trans('message_lang.LBL_CUST_SERVICE_MSGS') }}</h4>
                                            <button class="btn btn-primary" id="SendCSMsgBtn">Send Message</button>
                                        </div>
                                    </div>
                                    <!-- end info header -->
                                    <!-- info body -->
                                    <div class="p-2 table-responsive" style="overflow: auto">
                                        <table class="table table-bordered table-sm">
                                            <thead>
                                                <tr>
                                                    <th>{{ trans('message_lang.LBL_DATE') }}</th>
                                                    <th>{{ trans('message_lang.LBL_MESSAGE') }}</th>
                                                    <th>{{ trans('message_lang.LBL_MESSAGE_ENTERED_BY') }}</th>
                                                    <th>{{ trans('message_lang.LBL_DESCRIPTION') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody id="txn_cs_msgs" style="font-size: 13px">
                                            @forelse ($txnMsgs as $msg)
                                                    <tr>
                                                        <td>{{ $msg->created_at }}</td>
                                                        <td>{{ $msg->message }}</td>
                                                        <td>{{ $msg->created_by }}</td>
                                                        <td>{{ $msg->description }}</td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="4" style="text-align: center;">No messages sent</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- end info body -->
                                </div>
                                <!-- customer service message info -->

                                <!-- customer service message from Ria info -->
                                <div class="col-12 col-lg-6 shadow-xs">
                                    <!-- info header -->
                                    <div class="p-2" style="border-bottom: 1px solid whitesmoke">
                                        <h4>{{ trans('message_lang.LBL_MSG_RECEIVED_FROM').$partnerData->partner_id }}</h4>
                                    </div>
                                    <!-- end info header -->
                                    <!-- info body -->
                                    <div class="p-2 table-responsive" style="overflow: auto">
                                        <table class="table table-bordered table-sm">
                                            <thead>
                                                <tr>
                                                    <th>{{ trans('message_lang.LBL_DATE') }}</th>
                                                    <th>{{ trans('message_lang.LBL_MESSAGE') }}</th>
                                                    <th>{{ trans('message_lang.LBL_MESSAGE_CATEGORY') }}</th>
                                                    <th>{{ trans('message_lang.LBL_MESSAGE_ENTERED_BY') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody id="txn_cs_msg_from_ria_data" style="font-size: 13px;">
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- end info body -->
                                </div>
                                <!-- customer service message from Ria info -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>

<div class="modal fade" id="cancelTxnReasonModal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <div class="modal-header">
                <h4 class="modal-title">{{ trans("message_lang.LBL_CANCEL_REASON_MODAL") }}</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">

                <!-- transaction cancellation form -->
                <div class="p-2">
                    <form id="cancelReasonForm">
                        <div class="form-row mb-2">
                            <div class="col-12">
                                <label for="cancelReason">{{ trans("message_lang.LBL_REASON") }} <span class="text-danger">*</span></label>
                                <select class="form-control mb-10" name="cancelReason" id="cancelReason" >
                                    <option value="">{{ __('message_lang.LBL_SELECT_CANCEL_REASON') }}</option>
                                    @if(isset($allReasons))
                                        @foreach ($allReasons as $key => $value)
                                            <option value="{{ $key }}">{{ $value }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary btn-sm" id="cancelYesBtn">
                                    {{ trans("message_lang.BTN_SUBMIT") }}
                                    <span id="cancelYesLoader"></span>
                                </button>
                                <button type="reset" class="btn btn-sm btn-dark" data-dismiss="modal">{{ trans("message_lang.BUTTON_CANCEL") }}</button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

        </div>
    </div>
</div>

<div class="modal fade" id="CSMsgModal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <div class="modal-header">
                <h4 class="modal-title">{{ trans("message_lang.LBL_ENTER_MESSAGE") }}</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <!-- CS MSG form -->
                <div class="p-2">
                    <form id="CSMsgForm">
                        <div class="form-row mb-2">
                            <div class="col-12">
                                <label for="CSMsg">{{ trans("message_lang.LBL_MESSAGE") }} <span class="text-danger">*</span></label>
                                <textarea name="CSMsg" id="CSMsg" cols="30" rows="4" class="form-control" placeholder="{{ trans("message_lang.LBL_ENTER_MESSAGE") }}..." required></textarea>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary btn-sm" id="CSMsgBtn">
                                    {{ trans("message_lang.BTN_SUBMIT") }}
                                    <span id="CSMsgLoader"></span>
                                </button>
                                <button type="reset" class="btn btn-sm btn-dark" data-dismiss="modal">{{ trans("message_lang.BUTTON_CANCEL") }}</button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

        </div>
    </div>
</div>
@endsection

@section("page_vendors")
<script src="{{ url('js/sweetalert2.min.js') }}"></script>
@endsection

@section("page_script")

<script type="text/javascript">
    jQuery(document).ready(function(){
        const txnRef = "{{$smtxnDetails->reference_no ?? ''}}";
        const destCountryCode = "{{ $destCountryCode }}"
        const partnerId = "{{ ($partnerData != null) ? $partnerData->partner_id : '' }}"

        // process the cancellation if the cancel button was clicked
        $("#cancelReasonForm").submit((e) => {
            e.preventDefault();
            if($("#cancelReason").val() == "") {
                alert("{{ __('message_lang.LBL_SELECT_CANCEL_REASON') }}");
                return false;
            }

            $("#loading").show();
            $("#cancelYesBtn").prop("disabled", true);
            $("#cancelYesLoader").addClass("spinner-border spinner-border-sm");

            // prepare the cancel data for  cancellation request
            let data = {
                reason: $("#cancelReason").val(),
                _token: "{{ csrf_token() }}"
            }

            let url = "{{ route('agentportal.external-send-money-transactions.cancel',base64_encode($smtxnDetails->id)) }}";
            submitRequest(url, data).then(response => {
                if(response){
                    if(response.status){
                        $("#loading").hide();
                        toastr.success(response.message);
                        window.setTimeout(function(){location.reload()},2000)
                    } else {
                        $("#loading").hide();
                        toastr.error(response.message);
                        window.setTimeout(function(){location.reload()},2000)
                    }
                } else {
                    $("#loading").hide();
                    toastr.error("something went wrong");
                    window.setTimeout(function(){location.reload()},2000)
                }
            });
        });

        $("#reinitiatedTxn").on("click",function(e){
            Swal.fire({
            icon: "info",
            title: "Confirmation",
            confirmButtonText: "{{trans("message_lang.YES_I_CONFIRM")}}",
            showCancelButton: true,
            html: "<span>Are you sure you want to reinitiate transaction?</span>",
            }).then((result) => {
                if (result.isConfirmed) {
                    e.preventDefault();
                    $("#loading").show();
                    $("#reinitiatedTxn").prop("disabled", true);

                    // prepare the cancel data for  cancellation request
                    let data = {
                        _token: "{{ csrf_token() }}"
                    }

                    let url = "{{ route('agentportal.external-send-money-transactions.reinitiate',base64_encode($smtxnDetails->id)) }}";
                    submitRequest(url, data).then(response => {
                        if(response){
                            if(response.status){
                                $("#loading").hide();
                                toastr.success(response.message);
                                window.setTimeout(function(){location.reload()},2000)
                            } else {
                                $("#loading").hide();
                                toastr.error(response.message);
                                window.setTimeout(function(){location.reload()},2000)
                            }
                        } else {
                            $("#loading").hide();
                            toastr.error("something went wrong");
                            window.setTimeout(function(){location.reload()},2000)
                        }
                    });
                }
            });
        });

        $("#checkTxnStatus").on("click",function(e){
            Swal.fire({
            icon: "info",
            title: "Confirmation",
            confirmButtonText: "{{trans("message_lang.YES_I_CONFIRM")}}",
            showCancelButton: true,
            html: "<span>Are you sure you want to check status for this transaction?</span>",
            }).then((result) => {
                if (result.isConfirmed) {
                    e.preventDefault();
                    $("#loading").show();
                    $("#reinitiatedTxn").prop("disabled", true);

                    // prepare the cancel data for  cancellation request
                    let data = {
                        _token: "{{ csrf_token() }}"
                    }

                    let url = "{{ route('agentportal.external-send-money-transactions.check-txn-status',base64_encode($smtxnDetails->id)) }}";
                    submitRequest(url, data).then(response => {
                        if(response){
                            if(response.status){
                                $("#loading").hide();
                                toastr.success(response.message);
                                window.setTimeout(function(){location.reload()},2000)
                            } else {
                                $("#loading").hide();
                                toastr.error(response.message);
                                window.setTimeout(function(){location.reload()},2000)
                            }
                        } else {
                            $("#loading").hide();
                            toastr.error("something went wrong");
                            window.setTimeout(function(){location.reload()},2000)
                        }
                    });
                }
            });
        });

        $("#SendCSMsgBtn").click(() => {
            SendCSMsg(txnRef);
        });

        if("{{$partnerData}}" != "undefined" && "{{$partnerData->enable_cs_messaging}}" == true) {
            var url = "{{url('agentportal/partner-module/get-cs-msgs')}}";

            $.ajax({
                url: url,
                type: "POST",
                data: { "pickup_code" : txnRef, "country_code" : destCountryCode, "partnerId" : partnerId,  "_token": "{{csrf_token()}}" },
                success: function (response) {
                    $("#txn_cs_msg_from_ria_data").html(response.data);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log(textStatus, errorThrown);
                }
            });
        }
    });

    async function submitRequest(url, data){
        return $.ajax({
            type: "post",
            url: url,
            data: data,
            dataType: "json",
            success: function(response){
                return response;
            }
        });
    }

    async function SendCSMsg(pickupCode){
        // reset the modal
        const modalCnt = $("#CSMsgModal").html();
        $("#CSMsgModal").on("hide.bs.modal", function(){
            $(this).empty();
            $(this).html(modalCnt);
        });

        // display the reason modal
        $("#CSMsgModal").modal();

        // process the cancellation if the cancel button was clicked
        $("#CSMsgForm").submit((e) => {
            e.preventDefault();

            $("#CSMsgBtn").prop("disabled", true);
            $("#CSMsgLoader").addClass("spinner-border spinner-border-sm");

            // prepare the cancel data for  cancellation request
            let data = {
                pickup_code: pickupCode,
                message: $("#CSMsg").val(),
                _token: "{{ csrf_token() }}"
            }

            let url = "{{ url('/agentportal/partner-module/sendCSMessage') }}";
            submitRequest(url, data).then(response => {
                if(response){
                    if(response.status == true){
                        alert("Customer Service Message Sent Successfully.");
                        window.location.reload();
                    } else {
                        alert(response.message);
                        window.location.reload();
                    }
                } else {
                    alert("something went wrong.");
                    window.location.reload();
                }
            })
        })

    }

</script>
@endsection