@extends("agentportal.layouts.layout")

@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%; }
    .refund-btn {max-width: 200px;}
</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_SEND_MONEY_TXN') }}
                                </h3>
                            </div>
                            <div class="card-toolbar">
                                <a href="{{"javascript:frames['send-money-receipt'].print();"}}" class="btn btn-info btn-lg"><iframe name="send-money-receipt" src="{{url('agentportal/send-money/receipt/'.base64_encode($smtxnDetails->id))}}" style="display:none;"></iframe><i class="fas fa-print"></i>{{trans('message_lang.BTN_RECEIPT')}}</a>
                                &nbsp;&nbsp;
                                @hasanyrole('administrator')
                                    @if(in_array($smtxnDetails->status, [ $smtxnStatus['failed'], $smtxnStatus['rejected'], $smtxnStatus['created'], $smtxnStatus['on_hold'] ]) && !in_array($smtxnDetails->is_payment_receive, [$paymentReceivingStatus['payment_failed'], $paymentReceivingStatus['refunded']]) && in_array($smtxnDetails->receiving_option_code,["MW","BD"]))
                                        <button class="btn btn-info btn-lg mr-2" data-toggle="modal" data-target="#beneficaryUpdateModal">{{ __('message_lang.BTN_UPDATE') }}</button>
                                    @endif
                                @endhasanyrole
                                @hasanyrole('administrator|operation|customer service')
                                    @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'] && in_array($smtxnDetails->status, [$smtxnStatus['expired']]))
                                        <button class="btn btn-info btn-lg mr-2" data-toggle="modal" data-target="#balance_refund">{{ __('message_lang.LBL_BALANCE_REFUND') }}</button>
                                    @endif
                                @endhasanyrole
                                @hasanyrole('main teller|supervisor|teller')
                                    <a href="{{ route('agentportal.send-money.create') }}"class="btn btn-primary btn-lg">{{ trans('message_lang.BTN_SEND_MONEY') }}</a>
                                @endhasanyrole
                                &nbsp;
                                @if (request()->has('return'))
                                    <a href="{{ url('agentportal/' . request()->return ?? 'payments') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                @elseif(request()->has('CU'))
                                    <a href="{{ url()->previous() }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                @else
                                    <a href="{{ url()->previous() }}"class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                @endif
                            </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">{{ trans('message_lang.LBL_SENDER_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDER_NAME') }}:</td>
                                                <td>
                                                    @hasanyrole('administrator|operation|customer service|marketing')
                                                        <a href="{{ route('agentportal.csr-user-profile', base64_encode($smtxnDetails->sender_id))}}" target="_blank">{{ $smtxnDetails->sender_name?? '-' }}</a>
                                                    @else
                                                        {{ $smtxnDetails->sender_name?? '-' }}
                                                    @endhasanyrole
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $smtxnDetails->sender_phone_code . ' ' . $smtxnDetails->sender_phone_number ?? '-' }}</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->get_sender->country->country_name ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS') }}:</td>
                                                <td>{{ $smtxnDetails->sender_address ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_STATE') }}:</td>
                                                <td>{{ $smtxnDetails->sender_province_code ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ZIPCODE') }}:</td>
                                                <td>{{ $smtxnDetails->sender_postal_code ?? '-' }}</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>
                                                @hasanyrole('main teller|location back office|supervisor|teller|back office')
                                                <td>{{ $smtxnDetails->receiver_name ?? '-' }}</td>
                                                @else
                                                    @if($smtxnDetails->status == $smtxnStatus['transmitted'] && $smtxnDetails->receiving_option_code == "CP" && $isInLocal)
                                                        <td> <a style="color: #3699FF; cursor: pointer;" id="updateBenefDetails"> {{ $smtxnDetails->receiver_name??'' }} </a> </td>
                                                    @else
                                                        <td>{{ $smtxnDetails->receiver_name??'' }}</td>
                                                    @endif
                                                @endhasanyrole
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $smtxnDetails->recipient_phone_no ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS_ONE') }}:</td>
                                                <td>{{ $smtxnDetails->recipient_address_line1 ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS_TWO') }}:</td>
                                                <td>{{ $smtxnDetails->recipient_address_line2 ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $smtxnDetails->get_receiving_country->country_name ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CITY') }}:</td>
                                                <td>{{ $smtxnDetails->recipient_city ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ZIPCODE') }}:</td>
                                                <td>{{ $smtxnDetails->recipient_zipcode ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_EMAIL') }}:</td>
                                                <td>{{ $smtxnDetails->recipient_email ?? '-' }}</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_OPERATOR_NAME') }}:</td>
                                                    <td>{{ $smtxnDetails->mobile_wallet_operator_name ?? '-' }}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_MOBILE_WALLET_NUMBER') }}:</td>
                                                    <td>{{ $smtxnDetails->mobile_wallet_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_ACC_NUMBER') }}:</td>
                                                    <td>{{ $smtxnDetails->bank_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>
                                                @php
                                                    $enable_countries = app('App\Http\Controllers\SysConfController')->getConfig("ENABLE_MASK_CODE_COUNTRIES");
                                                    $agentCountryCode = Auth::guard('agentportal')->user()->agentLocation->agentCountry->isoname ?? '';
                                                @endphp
                                                @if(Auth::guard('agentportal')->user()->hasAnyRole('location administrator','main teller', 'supervisor', 'teller', 'location back office') && $smtxnDetails->reference_no && $smtxnDetails->receiving_option_code == config("constants.CP") &&  !in_array($smtxnDetails->status,[$smtxnStatus['paid'],$smtxnStatus['cancelled']]) && !empty($enable_countries) && in_array($agentCountryCode,explode(",",$enable_countries)) )
                                                    {{  mask_code($smtxnDetails->reference_no) }}
                                                    @if ($smtxnDetails->resend_sms_count >= config("constants.RESEND_CODE_SMS_LIMIT"))
                                                        <a href="javascript:;" class="btn btn-primary btn-sm mr-2 disabled" >{{ trans('message_lang.BTN_RESEND') }}</a>
                                                    @else
                                                        <a href="{{ route('agentportal.send-money.resend-code', [ 'id' => base64_encode($smtxnDetails->id)]) }}" class="btn btn-primary btn-sm mr-2 resend-code" >{{ trans('message_lang.BTN_RESEND') }}</a>
                                                    @endif
                                                @else
                                                    {{  $smtxnDetails->reference_no }}
                                                @endif
                                                </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_COUNTRY') }}:</td>
                                                <td>{{ $smtxnDetails->get_sending_country->country_name . ' - ' . $smtxnDetails->get_receiving_country->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>
                                            @if($smtxnDetails->settlement_rate && $smtxnDetails->settlement_amount && $smtxnDetails->settlement_currency)
                                                <tr>
                                                    <td>{{ __('message_lang.LBL_SETTLEMENT_RATE') }}:</td>
                                                    <td>{{ number_format($smtxnDetails->settlement_rate, 2) }}</td>
                                                </tr>
                                                <tr>
                                                    <td>{{ __('message_lang.LBL_SETTLEMENT_AMOUNT') }}:</td>
                                                    <td>{{ number_format($smtxnDetails->settlement_amount, 2)." (".$smtxnDetails->settlement_currency.")" }}</td>
                                                </tr>
                                            @endif
                                            @if(in_array($smtxnDetails->get_sending_country->country_code,[config('constants.SN_COUNTRY_CODE'),config('constants.CI_COUNTRY_CODE')]) && isset($tax_data->tax_parts->TAF))
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_FEES_INCLUDING_TAX') }}:</td>
                                                    <td>{{ number_format(($smtxnDetails->sending_fees + $tax_data->tax_parts->TAF), 2) . ' (' . $smtxnDetails->sending_currency . ')' }}</td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_SENDING_FEES') }}:</td>
                                                    <td>{{ number_format($smtxnDetails->sending_fees, 2) . ' (' . $smtxnDetails->sending_currency . ')' }}</td>
                                                </tr>
                                            @endif
                                            @if(in_array($smtxnDetails->get_sending_country->country_code,[config('constants.SN_COUNTRY_CODE'),config('constants.CI_COUNTRY_CODE')]))
                                                @if(isset($tax_data->tax_parts->TTHU))
                                                    <tr>
                                                        <td>{{ __('message_lang.LBL_TTHU') }}:</td>
                                                        <td>{{ number_format($tax_data->tax_parts->TTHU, 2) ." (".$smtxnDetails->sending_currency.")" }}</td>
                                                    </tr>
                                                @endif
                                            @elseif(isset($smtxnDetails->sending_tax) && $smtxnDetails->sending_tax != 0)
                                                <tr>
                                                    <td>{{ __('message_lang.LBL_TAX') }}:</td>
                                                    <td>{{ number_format($smtxnDetails->sending_tax, 2) ." (".$smtxnDetails->sending_currency.")" }}</td>
                                                </tr>
                                            @endif
                                            @if(isset($smtxnDetails->coupon_code) && $smtxnDetails->coupon_code)
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUPON_CODE') }}:</td>
                                                <td class="text-warning font-weight-bold">{{ $smtxnDetails->coupon_code ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ __('message_lang.LBL_DISCOUNT') }}:</td>
                                                <td>{{ number_format($smtxnDetails->discount, 2)." (".$smtxnDetails->sending_currency.")" }}</td>
                                            </tr>
                                            @endif
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TOTAL_AMOUNT') }}:</td>
                                                <th>{{ number_format($smtxnDetails->net_amount, 2) . ' (' . $smtxnDetails->sending_currency . ')' }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PAYMENT_METHOD_TYPE') }}:</td>
                                                <th>
                                                    {{ $smtxnDetails->get_payment_method_config->code }}
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PAYMENT_METHOD_WALLET_NUMBER') }}:</td>
                                                <td>
                                                    {{ $smtxnDetails->payment_method_wallet_number ?? '-' }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDER_PAYMENT_STATUS') }}:</td>
                                                <td>
                                                    @if(in_array($smtxnDetails->get_payment_method_config->code, [ config('constants.PAYMENT_METHOD_TYPE.GIN_MANUAL'), config('constants.PAYMENT_METHOD_TYPE.CAN_ETRANSFER'), config('constants.PAYMENT_METHOD_TYPE.CAN_ETRANSFER_REQUEST'), config('constants.PAYMENT_METHOD_TYPE.CAN_ETRANSFER_IN_APP'), config('constants.PAYMENT_METHOD_TYPE.VENMO') ])  && in_array($smtxnDetails->is_payment_receive, [$paymentReceivingStatus['not_paid'], $paymentReceivingStatus['payment_in_progress'], $paymentReceivingStatus['payment_failed']]))
                                                        @hasanyrole('administrator')
                                                        <form method="post" name="frm_crud_payment_receive_smtxn" id="frm_crud_payment_receive_smtxn" action="{{ route('agentportal.send-money.statusUpdate') }} ">
                                                            @csrf
                                                            <input type="hidden" name="id" value="{{ $smtxnDetails->id }}">
                                                            <input type="hidden" name="type" value="PAYMENT_RECEIVE_STATUS">
                                                            <div class="row">
                                                                <div class="col-md-8">
                                                                    <div class="form-group">
                                                                        <select class="form-control form-control-sm @error('is_payment_receive') is-invalid @enderror custom-field" name="is_payment_receive" id="is_payment_receive" autocomplete="">
                                                                            <option value="" @if(old('is_payment_receive') == "") selected @endif>{{ trans('message_lang.LBL_SELECT_STATUS') }}</option>
                                                                            <option value="{{ $paymentReceivingStatus['not_paid'] }}" {{ old('is_payment_receive', @$smtxnDetails->is_payment_receive) == $paymentReceivingStatus['not_paid'] ? 'selected' : '' }}>{{ trans('message_lang.STATUS_OPTION_NOT_PAID') }}</option>

                                                                            <option value="{{ $paymentReceivingStatus['paid'] }}" {{ old('is_payment_receive', @$smtxnDetails->is_payment_receive) == $paymentReceivingStatus['paid'] ? 'selected' : '' }}>{{ trans('message_lang.STATUS_OPTION_PAID') }}</option>

                                                                            <option value="{{ $paymentReceivingStatus['payment_failed'] }}" {{ old('is_payment_receive', @$smtxnDetails->is_payment_receive) == $paymentReceivingStatus['payment_failed'] ? 'selected' : '' }}>{{ trans('message_lang.STATUS_OPTION_PAYMENT_FAILED') }}</option>

                                                                            <option value="{{ $paymentReceivingStatus['payment_in_progress'] }}" {{ old('is_payment_receive', @$smtxnDetails->is_payment_receive) == $paymentReceivingStatus['payment_in_progress'] ? 'selected' : '' }}>{{ trans('message_lang.STATUS_OPTION_PAYMENT_IN_PROGRESS') }}</option>

                                                                            <option value="{{ $paymentReceivingStatus['cancelled'] }}" {{ old('is_payment_receive', @$smtxnDetails->is_payment_receive) == $paymentReceivingStatus['cancelled'] ? 'selected' : '' }}>{{ trans('message_lang.STATUS_OPTION_CANCELLED') }}</option>
                                                                        </select>
                                                                        @error('is_payment_receive')
                                                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                                                <strong>{{ $message }}</strong>
                                                                            </span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                </div>
                                                            </div>

                                                            <div class="row">
                                                                <div class="col-md-8">
                                                                    <div class="form-group">
                                                                        <textarea class="form-control @error('payment_receive_note') is-invalid @enderror custom-field" name="payment_receive_note" id="payment_receive_note" rows="5" autocomplete=""></textarea>
                                                                        @error('payment_receive_note')
                                                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                                                <strong>{{ $message }}</strong>
                                                                            </span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                </div>
                                                            </div>

                                                            <div class="row">
                                                                <div class="col-md-8">
                                                                    <div class="form-group">
                                                                        <button type="submit" id="button_block" class="btn btn-primary btn-sm">{{ trans('message_lang.BTN_UPDATE') }}</button>
                                                                        @if(in_array($smtxnDetails->get_payment_method_config->code, [ config('constants.PAYMENT_METHOD_TYPE.CAN_ETRANSFER_REQUEST'), config('constants.PAYMENT_METHOD_TYPE.CAN_ETRANSFER_IN_APP') ]))
                                                                            <a href="{{ route('agentportal.send-money.recheck', [ 'id' => base64_encode($smtxnDetails->id)]) }}"><button id="button_check_status_1" class="btn btn-primary btn-sm mr-2" >{{ trans('message_lang.BTN_CHECK_STATUS') }}</button></a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                </div>
                                                            </div>
                                                        </form>
                                                        @endhasanyrole
                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'])
                                                        <span class="badge badge-success">
                                                            {{ trans('message_lang.STATUS_OPTION_PAID') }}
                                                        </span>
                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['payment_in_progress'])
                                                        <span class="badge badge-warning">
                                                            {{ trans('message_lang.STATUS_OPTION_PAYMENT_IN_PROGRESS') }}
                                                        </span>
                                                        <a href="{{ route('agentportal.send-money.recheck', [ 'id' => base64_encode($smtxnDetails->id)]) }}"><button id="button_check_status_2" class="btn btn-primary btn-sm mr-2" >{{ trans('message_lang.BTN_CHECK_STATUS') }}</button></a>

                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['payment_failed'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_PAYMENT_FAILED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->get_payment_method_config->code == config('constants.PAYMENT_METHOD_TYPE.GIN_MOMO') && $smtxnDetails->is_payment_receive == $paymentReceivingStatus['not_paid'])
                                                        <span class="badge badge-secondary">
                                                            {{ trans('message_lang.STATUS_OPTION_NOT_PAID') }}
                                                        </span>
                                                    @endif

                                                    @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['refunded'])
                                                        <span class="badge badge-info">
                                                            {{ trans('message_lang.STATUS_OPTION_REFUNDED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->is_payment_receive == $paymentReceivingStatus['cancelled'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_CANCELLED') }}
                                                        </span>
                                                    @endif
                                                    @if($smtxnDetails->refund_type == 'balance')
                                                    <span class="badge badge-warning">
                                                            Balance
                                                    </span>
                                                    @endif
                                                </td>
                                            </tr>
                                            @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['refunded'])
                                            <tr>
                                                <td>{{ trans('message_lang.STATUS_OPTION_REFUNDED_BY') }}</td>
                                                <td>{{ $smtxnDetails->refund_by->username ?? '-' }}</td>
                                            </tr>
                                            @endif

                                            @if(in_array($smtxnDetails->get_payment_method_config->code, [ config('constants.PAYMENT_METHOD_TYPE.GIN_MANUAL'), config('constants.PAYMENT_METHOD_TYPE.CAN_ETRANSFER'), config('constants.PAYMENT_METHOD_TYPE.VENMO') ])  && $note_string)
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_NOTE') }}:</td>
                                                    <td>
                                                        {{ $note_string ?? '-' }}
                                                    </td>
                                                </tr>
                                            @endif

                                            @if($paymentReceiveStatusReason)
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_REASON') }}:</td>
                                                    <td>
                                                        {{ $paymentReceiveStatusReason ?? '-' }}
                                                    </td>
                                                </tr>
                                            @endif

                                            <tr class="">
                                                <td>{{ trans('message_lang.LBL_TXN_STATUS') }}:</td>
                                                <th>
                                                    @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['rejected'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_REJECTED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['cancelled'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_CANCELLED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['transmitted'])
                                                        <span class="badge badge-primary">
                                                            {{ trans('message_lang.STATUS_OPTION_TRANSMITTED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['failed'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_FAILED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['created'])
                                                        <span class="badge badge-secondary">
                                                            {{ trans('message_lang.STATUS_OPTION_CREATED') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['on_hold'])
                                                        <span class="badge badge-warning">
                                                            {{ trans('message_lang.STATUS_OPTION_ON_HOLD') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['under_review'])
                                                        <span class="badge badge-warning">
                                                            {{ trans('message_lang.STATUS_OPTION_UNDER_REVIEW') }}
                                                        </span>
                                                    @elseif($smtxnDetails->status == $smtxnStatus['expired'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_EXPIRED') }}
                                                    @elseif($smtxnDetails->status == $smtxnStatus['rejected_by_compliance'])
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_REJECTED_BY_COMPLIANCE') }}
                                                        </span>
                                                    @endif

                                                    @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'])

                                                        @if(in_array($smtxnDetails->status, [$smtxnStatus['rejected'], $smtxnStatus['failed']]))
                                                            <a href="{{ route('agentportal.send-money.resend', [ 'id' => base64_encode($smtxnDetails->id)]) }}"><button id="button_resend" class="btn btn-primary btn-sm mr-2" >{{ trans('message_lang.BTN_RE_SEND') }}</button></a>
                                                        @endif

                                                        @if(in_array($smtxnDetails->status, [$smtxnStatus['on_hold']]))
                                                            @hasanyrole('administrator|compliance|finance back office|operation|customer service')
                                                                <a href="{{ route('agentportal.send-money.resend', [ 'id' => base64_encode($smtxnDetails->id)]) }}"><button  id="button_release" class="btn btn-primary btn-sm mr-2"  >{{ trans('message_lang.BTN_RELEASE') }}</button></a>
                                                            @endhasanyrole
                                                        @endif

                                                    @endif
                                                    @if(in_array($smtxnDetails->status, [$smtxnStatus['failed'], $smtxnStatus['expired'], $smtxnStatus['on_hold'], $smtxnStatus['rejected_by_compliance'] ]))
                                                        @hasanyrole('administrator|customer service|operation')
                                                            <a href="javascript:;" data-target="#exampleModalCenter" class="btn btn-sm btn-danger cancellation-request" role="button" data-id="{{$smtxnDetails->id}}" data-ref="{{$smtxnDetails->reference_no}}" data-currency="{{$smtxnDetails->sending_currency}}" data-amount="{{$smtxnDetails->sending_amount}}"> {{ trans("message_lang.BUTTON_CANCEL") }}</a>
                                                        @endhasanyrole
                                                    @endif
                                                </th>
                                            </tr>
                                            <!-- Handle the update transaction status here  -->
                                            @if(isset($employee->enabled_for_reversal) && $employee->enabled_for_reversal == 1)
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_UPDATE_TRANSACTION_STATUS') }}</td>
                                                    <td>
                                                        <div class="mb-2">
                                                            <button type="button" class="btn btn-sm btn-primary"
                                                            onclick="handleTxnChange()">
                                                                Change Status
                                                            </button>
                                                        </div>

                                                        <!-- the new transaction status update form -->
                                                        <div class="mb-2 rounded-2">
                                                        </div>
                                                        <!-- end transaction status update form -->
                                                    </td>
                                                </tr>
                                            @endif
                                            @if($smtxnDetails->cancellation_requested == 1)
                                                <tr>
                                                    <td></td>
                                                    <th>
                                                        <span style="color: red;">Cancellation Requested |</span>
                                                    </th>
                                                </tr>

                                            @endif

                                            @if ($smtxnDetails->status == $smtxnStatus['cancelled'])
                                            <tr>
                                                <td>{{ __('message_lang.LBL_CANCELLED_AT') }}:</td>
                                                <td>{{ format_date_tz($smtxnDetails->txn_cancelled_date) ?? '' }}</td>
                                            </tr>
                                            @endif
                                            @if($smtxnDetails->is_payment_receive == $paymentReceivingStatus['paid'])
                                                <tr>
                                                    <td></td>
                                                    <th>

                                                        @if(in_array($smtxnDetails->status, [$smtxnStatus['created']]))
                                                            @hasanyrole('main teller|administrator|operation|customer service')
                                                                <a href="javascript:;" data-target="#exampleModalCenter" class="btn btn-sm btn-danger cancellation-request" role="button" data-id="{{$smtxnDetails->id}}" data-ref="{{$smtxnDetails->reference_no}}" data-currency="{{$smtxnDetails->sending_currency}}" data-amount="{{$smtxnDetails->sending_amount}}"> {{ trans("message_lang.BUTTON_CANCEL") }}</a>
                                                            @endhasanyrole
                                                        @endif

                                                        <form method="post" name="frm_crud_status_smtxn" id="frm_crud_status_smtxn" action="{{ route('agentportal.send-money.statusUpdate') }} ">
                                                            @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-primary btn-sm" dataValue="{{ $smtxnStatus['transmitted'] }}">{{ trans('message_lang.BTN_TRANSMIT') }}</button>
                                                            @endif

                                                            @if(in_array($smtxnDetails->status, [$smtxnStatus['in_progress'], $smtxnStatus['transmitted']]))
                                                                <button type="button" data-id="{{ @$smtxnDetails->reference_no }}" data-status="" id="checkStatusBtn" class="btn btn-primary btn-sm">{{ trans('message_lang.BTN_CHECK_STATUS') }}</button>
                                                            @endif
                                                            &nbsp;
                                                            @hasanyrole('administrator|operation|customer service')
                                                                @if($smtxnDetails->receiving_option_code == 'CP' && in_array($smtxnDetails->status, [$smtxnStatus['created'], $smtxnStatus['in_progress'], $smtxnStatus['transmitted']]))
                                                                    <button type="button" id="amendTransactionBtn" class="btn btn-info btn-sm">{{ trans('message_lang.LBL_AMEND') }}</button>
                                                                @endif
                                                            @endhasanyrole
                                                        </form>
                                                    </th>
                                                </tr>
                                            @endif

                                            @if(isset($smtxnDetails->remarks) && $smtxnDetails->remarks != '')
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_REASON') }}:</td>
                                                    <td>
                                                        {{ ($smtxnDetails->status == $smtxnStatus['under_review']) ? __('message_lang.IN_COMPLIANCE_QA') : $smtxnDetails->remarks ?? '-' }}
                                                    </td>
                                                </tr>
                                            @elseif ($txnStatusReason)
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_REASON') }}:</td>
                                                    <td>
                                                        {{ $txnStatusReason ?? '-' }}
                                                    </td>
                                                </tr>
                                            @endif
                                            @if($smtxnDetails->agent_location_user_id != null)
                                            <tr>
                                                <td>Agent Location: </td>
                                                <td>
                                                    @if(isset($agentUserDetails->name))
                                                    {{$agentUserDetails->name." > "}}
                                                    @endif
                                                    @if(isset($agentUserDetails->first_name))
                                                    {{$agentUserDetails->first_name}}
                                                    @endif
                                                    @if(isset($agentUserDetails->last_name))
                                                    {{" ".$agentUserDetails->last_name}}
                                                    @endif
                                                </td>
                                            </tr>
                                            @endif
                                            @if(isset($payerDetails))
                                            <tr>
                                                <td>Agent Paid Location: </td>
                                                <td>
                                                    @if(isset($payerDetails->name))
                                                    {{$payerDetails->name." > "}}
                                                    @endif
                                                    @if(isset($payerDetails->first_name))
                                                    {{$payerDetails->first_name}}
                                                    @endif
                                                    @if(isset($payerDetails->last_name))
                                                    {{" ".$payerDetails->last_name}}
                                                    @endif
                                                </td>
                                            </tr>
                                            @endif
                                            <tr>
                                                <td>Agent Note</td>
                                                <td>{{ $smtxnDetails->agent_note ? $smtxnDetails->agent_note : "-" }}</td>
                                            </tr>

                                            @if(isset($smtxnDetails->purpose) && $smtxnDetails->purpose != '')
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_PURPOSE') }}:</td>
                                                    <td>{{ $smtxnDetails->purpose }}</td>
                                                </tr>
                                            @endif

                                            @if(isset($smtxnDetails->occupation) && $smtxnDetails->occupation != '')
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_OCCUPATION') }}:</td>
                                                    <td>{{ $smtxnDetails->occupation }}</td>
                                                </tr>
                                            @endif
                                            @if(isset($smtxnDetails->source) && $smtxnDetails->source != '')
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_SOURCE') }}:</td>
                                                    <td>{{ $smtxnDetails->source }}</td>
                                                </tr>
                                            @endif
                                            @if(isset($smtxnDetails->resend_user_type) &&  isset($smtxnDetails->resend_by) && $smtxnDetails->resend_by > 0)
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_RESEND_BY") !!}</td>
                                                    <td>
                                                        @if($smtxnDetails->resend_user_type == "Admin" && $smtxnDetails->resend_by_admin)
                                                            {{ $smtxnDetails->resend_by_admin->first_name.' '.$smtxnDetails->resend_by_admin->last_name }}
                                                        @elseif($smtxnDetails->resend_user_type == "Agent" && $smtxnDetails->resend_by_agent)
                                                            {{ $smtxnDetails->resend_by_agent->first_name.' '.$smtxnDetails->resend_by_agent->last_name}}
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endif
                                            @if(isset($smtxnDetails->resend_at))
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_RESEND_AT") !!}</td>
                                                    <td>{{ format_date_tz($smtxnDetails->resend_at) ?? '' }}</td>
                                                </tr>
                                            @endif
                                            @if(isset($smtxnDetails->expired_at))
                                            @hasanyrole('administrator|compliance|finance back office|operation|customer service|marketing')
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_EXPIRY_AT") !!}</td>
                                                    <td>{{ format_date_tz($smtxnDetails->expired_at) ?? '' }}</td>
                                                </tr>
                                            @endhasanyrole
                                            @endif
                                        </table>
                                    </div>
                                </div>

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

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

<div id="balance_refund" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">{{ __('message_lang.LBL_BALANCE_REFUND') }}</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <div>
                <span>{{ __('message_lang.LBL_TXN_REF_NO') }}:&nbsp;&nbsp; <b>{{ $smtxnDetails->reference_no??'' }}</b></span>
                <br><br>
                <p>{{ vsprintf(__('message_lang.MSG_BALANCE_REFUND'), [number_format($smtxnDetails->net_amount, 2)." ".$smtxnDetails->sending_currency]) }}</p>
            </div>
        </div>
        <div class="modal-footer">
          <a id="btnConfirm" data-id="{{ base64_encode($smtxnDetails->id) }}"  class="btn btn-primary btn-md mr-2" >{{ __('message_lang.BTN_CONFIRM') }}</a>
          <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('message_lang.BUTTON_CANCEL') }}</button>
        </div>
      </div>
    </div>
</div>

<!-- Amend -->
<form id="amendTxnForm">
    <div class="modal fade" id="amendTxnModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ __("message_lang.LBL_AMEND_TXN") }}</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <div>
                        <div class="form-row">
                            <div class="col-12 form-group">
                                <label for="recipient_first_name">{{ __('message_lang.LBL_RECEIVER_FIRST_NAME') }} <span class="text-danger">*</span></label>
                                <input type="text" name="recipient_first_name" id="recipient_first_name" class="form-control" placeholder="{{ __('message.LBL_RECEIVER_FIRST_NAME') }}" required />
                            </div>
                            <div class="col-12 form-group">
                                <label for="recipient_middle_name">{{ __('message_lang.LBL_RECEIVER_MIDDLE_NAME') }}</label>
                                <input type="text" name="recipient_middle_name" id="recipient_middle_name" class="form-control" placeholder="{{ __('message_lang.LBL_RECEIVER_MIDDLE_NAME') }}" />
                            </div>
                            <div class="col-12 form-group">
                                <label for="recipient_last_name">{{ __('message_lang.LBL_RECEIVER_LAST_NAME') }} <span class="text-danger">*</span></label>
                                <input type="text" name="recipient_last_name" id="recipient_last_name" class="form-control" placeholder="{{ __('message_lang.LBL_RECEIVER_LAST_NAME') }}" required />
                            </div>
                            <div class="col-12 form-group">
                                <label for="recipient_address_line1">{{ __('message_lang.LBL_ADDRESS') }} </label>
                                <input type="text" name="recipient_address_line1" id="recipient_address_line1" class="form-control" placeholder="{{ __('message_lang.LBL_ADDRESS') }}" required />
                            </div>
                            <div class="col-12 mt-2 text-right">
                                <button type="button" class="btn btn-info btn-md btn-authorize">{{ trans('message_lang.LBL_AUTHORIZE') }}</button>
                                <button type="button" class="btn btn-info btn-md btn-resend-otp" style="display: none">{{ trans('message_lang.BTN_RESEND') }}</button>
                            </div>
                            <div id="otpDiv" class="col-12 mt-2" style="display: none">
                                <div class="form-group">
                                    <label for="otp">{{ trans('message_lang.LBL_OTP') }} <span style="color:red;">* </span><b>({!! __("message_lang.LBL_ENTER_CUSTOMER_OTP") !!})</b></label>
                                    <input type="text" name="otp" placeholder="" id="otp" class="form-control" /><br>
                                    <span class="countdown fw-600 pull-right" style="display: none;"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" data-action="submit" class="btn btn-primary btn-sm" id="amendYesBtn">
                        {{ trans("message_lang.BTN_SUBMIT") }}
                        <span id="amendYesLoader"></span>
                    </button>
                    <button type="reset" class="btn btn-sm btn-dark" data-dismiss="modal">{{ trans("message_lang.BUTTON_CANCEL") }}</button>
                </div>
            </div>
        </div>
    </div>
</form>

<!--begin: Modal-->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
    <form method="post" name="form" action="{{ url('agentportal/cancellation-requests/store') }}" id="form"
        class="modal-content" autocomplete="off">
        @csrf
        <input type="hidden" name="send_money_transaction_id" value="" id="send_money_transaction_id">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalCenterTitle">{!! trans("message_lang.LBL_CANCELLATION_REQUEST") !!}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">

            <div class="form-group row">
                <div class="col-md-12">
                    <label>{!! trans("message_lang.LBL_PICKUP_CODE") !!}: <span id="pickup_code"></span></label><br/>
                    <label>{!! trans("message_lang.LBL_AMOUNT") !!}: <span id="amount"></span></label><br/>
                    <label>{!! trans("message_lang.LBL_CURRENCY") !!}: <span id="currency"></span></label><br/>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-12">
                    <label class="" for="comment">{!! trans("message_lang.LBL_REASON") !!}</label>
                    <textarea name="agent_comment" class="form-control"></textarea>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="reset" class="btn btn-secondary"
                data-dismiss="modal">{{ trans('message_lang.BUTTON_CANCEL') }}</button>
            <button class="btn btn-primary store-cancellation-request">{{ trans('message_lang.BUTTON_SUBMIT') }}</button>
        </div>
    </form>
</div>
</div>
<!--end: Modal-->
@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">
    $(document).ready(function () {
        $(document).on('click', '#checkStatusBtn', function() {
            var txnId = $(this).data('id');

            // ajax calling check status
            if (confirm('Are you sure you want to check status for this transaction?')) {
                $(this).attr('disabled','disabled');
                $('#loading').show();
                $.ajax({
                    url: "{{ url('api/agentportal/check-status') }}",
                    type: 'POST',
                    data: {
                        '_token': "{{ csrf_token() }}",
                        'transaction_id': txnId
                    },
                    success: function (response) {
                        console.log(response);
                        $('#loading').hide();
                        $(document).scrollTop($(document).height());
                        if (response.status == true) {
                            toastr.success("Transaction status has been updated!", 'Success');
                        } else {
                            toastr.error(response.message, 'Error');
                        }

                        window.setTimeout(function () {
                            location.reload();
                        }, 2000);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $('#loading').hide();
                        $(this).removeAttr('disabled');
                        console.log(textStatus, errorThrown);
                        toastr.error('Something went wrong.', 'Error');
                    }
                });
            }
        });

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

        $("#button_release").click(function() {
            $('#loading').show();
            $(this).attr('disabled','disabled');
        });

        $("#button_resend").click(function() {
            $('#loading').show();
            $(this).attr('disabled','disabled');
        });

        $("#button_refund").click(function() {
            $('#loading').show();
            $(this).attr('disabled','disabled');
        });

        $("#button_check_status_1").click(function() {
            $('#loading').show();
            $(this).attr('disabled','disabled');
        });

        $("#button_check_status_2").click(function() {
            $('#loading').show();
            $(this).attr('disabled','disabled');
        });

        $('#frm_crud_payment_receive_smtxn').submit(function() {
            $(this).find("button[type='submit']").prop('disabled',true);
        });

        validateForm()
    });
</script>

<script type="text/javascript">

    $("#btnConfirm").on("click", function() {
        console.log('btn confirm clicked');
        $('#balance_refund').hide();
        var txnId = $(this).data('id');
        $('#loading').show();
        window.location.href = "{{ route('agentportal.send-money.refund', [ 'id' => base64_encode($smtxnDetails->id), 'type' => 'balance']) }}"

    });

    $(".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") {
            $('#loading').show();
            var status = $(this).attr("dataValue");
            $("#"+form_id).find("input[name=status]").val(status);
        }

        if(form_id == "frm_crud_payment_receive_smtxn") {

        $('#loading').show();
            customFormValidation(form_id);
        }

        if(form_id == "frm_crud_note_smtxn") {
            $('#loading').show();
            customNoteFormValidation(form_id);
        }
    });

    jQuery(document).on("click",".resend-code",function(e){
        var passcode_status = "{!! Auth::guard('agentportal')->user()->agentLocation ? Auth::guard('agentportal')->user()->agentLocation->agentCountry->enable_passcode : 0 !!}";
        e.stopImmediatePropagation();
        e.preventDefault();
        console.log(passcode_status);
        if(passcode_status == "1") {
            send_otp(jQuery(this).attr("href"));
        } else {
            window.location.href = jQuery(this).attr("href");
        }
    });

    // create the function to show the passcode validation popup
    function send_otp(url){
    let timerInterval
                Swal.fire({
                    title: '{{ trans('message_lang.LBL_ENTER_PASSCODE_FOR_VERIFICATION') }}',
                    html:
                        '<input id="swal-input" type="password" inputmode="numeric" autocomplete="one-time-code" pattern="\d{6}" class="swal2-input"> <br>' +
                        '<small>\{{ trans('message_lang.LBL_FORGOT_PASSCODE') }} <a href="\{{ url('agentportal/signature/create') }}">{{ trans('message_lang.LBL_HERE') }}</a></small>',

                    showCancelButton: true,
                    confirmButtonText: "{{ trans('message_lang.BUTTON_VERIFY') }}",
                    cancelButtonText: "{{ trans('message_lang.BUTTON_CANCEL') }}",
                    showLoaderOnConfirm: true,
                    preConfirm: () => {
                            // Validate input
                            if ($('#swal-input').val() == '') {
                                swal.showValidationMessage("{{ trans('message_lang.LBL_ENTER_PASSCODE') }}"); // Show error when validation fails.
                                $('#swal-input').val("");
                                swal.enableButtons(); // Enable the confirm button again.
                            } else {
                                swal.showValidationMessage(); // Reset the validation message.
                                validatePasscode($('#swal-input').val(),url);
                            }
                    },
                    onOpen: function () {
                        $('#swal-input').focus()
                    }
                }).then((result) => {
                    // If validation fails, the value is undefined. Break out here.
                    if (typeof(result.value) == 'undefined') {
                        return false;
                    }
                });
    }

    function validatePasscode(passcode,url) {
        $.ajax({
            url: "{{ url('agentportal/validatePasscode') }}",
            type: 'POST',
            data: {
                '_token': "{{ csrf_token() }}",
                'passcode': passcode
            },
            success: function (response) {
                if(response.success) {
                    Swal.resetValidationMessage();
                    Swal.close();
                    $("#loading").show();
                    console.log(url);
                    if(url){
                        window.location.href = url;
                    }
                } else {
                    Swal.showValidationMessage("{{ trans('message_lang.LBL_INVALID_PASSCODE_HEADER') }}");
                }
                $('#loading').hide();
            },
            error: function(jqXHR, textStatus, errorThrown) {
                $('#loading').hide();
                console.log(textStatus, errorThrown);
                toastr.error('Something went wrong.', 'Error');
            }
        });
    }

    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: '{{ trans('message_lang.PLEASE_ENTER_NOTE') }}'
                },
            },
            invalidHandler: function (event, validator)
            {
                //display error alert on form submit
                // debugger;
                //successHandler1.hide();
                //errorHandler1.show();
                $('#loading').hide();
            },
            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)
            {
                $('#loading').hide();
                $(this).removeAttr('disabled');
                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: '{{ trans('message_lang.PLEASE_SELECT_PAYMENT_RECEIVING_STATUS') }}'
                },
                payment_receive_note: {
                    required: '{{ trans('message_lang.PLEASE_ENTER_PAYMENT_RECEIVING_NOTE') }}',
                },
            },
            invalidHandler: function (event, validator)
            {
                //display error alert on form submit
                // debugger;
                //successHandler1.hide();
                //errorHandler1.show();

                $('#loading').hide();
            },
            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)
            {

                $('#button_block').attr('disabled','disabled');
                $('#loading').hide();
                $(this).removeAttr('disabled');
                successHandler1.show();
                errorHandler1.hide();
            }
        });
    }

    $("#amendYesBtn").prop("disabled", true);

    $("#amendTransactionBtn").click(() => {
        $('#loading').hide();
        showAmendModal()
    })

    $(".btn-authorize, .btn-resend-otp").click(() => {
        sendOtp()
    })

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

        $('#recipient_first_name').val("{{ @$smtxnDetails->recipient_first_name }}")
        $('#recipient_middle_name').val("{{ @$smtxnDetails->recipient_middle_name }}")
        $('#recipient_last_name').val("{{ @$smtxnDetails->recipient_last_name }}")
        $('#recipient_address_line1').val("{{ @$smtxnDetails->recipient_address_line1 }}")
        $("#amendTxnModal").modal();
    }

    function sendOtp() {
        $("#loading").show();
        $.ajax({
            "url": "{{ route('agentportal.send-money.amend-otp') }}",
            "dataType": "json",
            "type": "POST",
            "data": {
                id: "{{ $smtxnDetails->id }}",
                _token: "{{csrf_token()}}"
            },
            success: function (response) {
                $("#loading").hide();

                if (response.success == true) {
                    countdown();
                    $(".countdown").show();
                    $(".btn-authorize").hide();
                    $(".btn-resend-otp").hide();
                    $("#otpDiv").show();
                    $("#amendYesBtn").prop("disabled", false);

                    toastr.success('{{ __('message_lang.LBL_OTP_SENT') }}', 'Success');
                } else {
                    toastr.error('{{ __('message_lang.LBL_OTP_SENT_ERROR') }}', 'Error');
                }
            },
            error: function (error) {
                $("#loading").hide();
                $("#otpDiv").hide();
                toastr.error('UNKNOWN_ERROR', 'Error');
                console.log(error);
            }
        });
    }

    function validateForm() {
        $("#amendTxnForm").validate(
        {
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element)
            {
                error.insertAfter(element);
            },
            ignore: "",
            rules:
            {
                recipient_first_name : {
                    required: true,
                },
                recipient_last_name : {
                    required: true,
                },
                recipient_address_line1 : {
                    required: true,
                },
                otp : {
                    required: true,
                },
            },
            messages:
            {
                recipient_first_name : {
                    required: 'Required',
                },
                recipient_last_name : {
                    required: 'Required',
                },
                recipient_address_line1 : {
                    required: 'Required',
                },
                otp : {
                    required: 'Required',
                },
            },
            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)
            {
                $("#amendYesBtn").prop("disabled", true);
                $("#amendYesLoader").addClass("spinner-border spinner-border-sm");

                let params = {
                    reference: "{{ @$smtxnDetails->reference_no }}",
                    status: "{{ @$smtxnDetails->status }}",
                    _token: "{{ csrf_token() }}"
                }
                var formData = $($("#amendTxnForm")).serializeArray();
                $.each(formData, function(i, field) {
                    params[field.name] = field.value
                });
                console.log('data form', params)
                amend(params)
            }
        });
    }

    function amend(data){
        $('#loading').show();
        let url = "{{ url('/agentportal/send-money/amend') }}";
        $.ajax({
            type: "post",
            url: url,
            data: data,
            dataType: "json",
            success: (response) => {
                $('#loading').hide();
                if(response){
                    if(response.success == true){
                        alert(response.message);
                        window.location.reload();
                    } else {
                        alert(response.message);
                        $("#amendYesBtn").prop("disabled", false);
                        $("#amendYesLoader").removeClass("spinner-border");
                    }
                } else {
                    alert("Something went wrong");
                    window.location.reload();
                }
            },
            error: (error) => {
                $('#loading').hide();
                alert(error.message);
                window.location.reload();
            }
        });
    }

    function countdown(){
        var timer2 = "1:00";
        var interval = setInterval(function() {
            var timer = timer2.split(':');
            //by parsing integer, I avoid all extra string processing
            var minutes = parseInt(timer[0], 10);
            var seconds = parseInt(timer[1], 10);
            --seconds;
            minutes = (seconds < 0) ? --minutes : minutes;
            seconds = (seconds < 0) ? 59 : seconds;
            seconds = (seconds < 10) ? '0' + seconds : seconds;
            if (minutes < 0) {
                clearInterval(interval);
                console.log('end')

                $('.btn-resend-otp').show();
                $('.countdown').hide();
            } else {
                $('.countdown').html(minutes + ':' + seconds);
                timer2 = minutes + ':' + seconds;
            }
        }, 1000);
    }


    /**
     * toggling the status change form
    */
    function handleTxnChange() {
        // reset the form and toggle visability
        $("#txn_status_update_fm").trigger("reset");
        $("#txn_status_update_fm").show("toggle");
    }

    // process status change form
    $("#txn_stats_update_btn").click(() => {
        $("#txn_stats_update_btn").prop("disabled", true);
        $("#txn_stats_update_btn_loader").addClass("spinner spinner-border-sm");

        // submit the form
        $("#txn_status_update_fm").trigger("submit");
    })
    jQuery(document).on("click",".cancellation-request",function(e){
            var passcode_status = "{!! Auth::guard('agentportal')->user()->agentLocation ? Auth::guard('agentportal')->user()->agentLocation->agentCountry->enable_passcode : 0 !!}";
            e.stopImmediatePropagation();
            e.preventDefault();
            console.log(passcode_status);
            jQuery("#pickup_code").html(jQuery(this).data('ref'));
            jQuery("#currency").html(jQuery(this).data('currency'));
            jQuery("#amount").html(jQuery(this).data('amount'));
            jQuery("#send_money_transaction_id").val(jQuery(this).data('id'));
            if(passcode_status == "1") {
                send_otp(false);
s            } else {
                jQuery("#exampleModalCenter").modal("show");
            }
        });

    jQuery(document).on("click",".store-cancellation-request",function(e){
            $("#loading").show();
            e.preventDefault();
            var _f = jQuery(this).parents('form');
            var agentComment = _f.find('textarea[name="agent_comment"]').val();

            if (agentComment.trim() === '') {
                alert("Please enter a comment.");
                $("#loading").hide();
                return; // stop here
            }
            $.ajax({
                type: "POST",
                url: _f.attr('action'),
                data: _f.serialize(),
            })
            .done(function(response) {
                jQuery("#exampleModalCenter").modal("hide");
                $("#loading").hide();
                location.reload();
            })
            .fail(function(response) {
                console.log(response);
                alert("Cannot cancel this transaction");

                $("#loading").hide();
                location.reload();
            });
        });
</script>
@endsection