@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.LBL_CANCELLATION_REQUEST_DETAILS"))

@section("page_style")

@endsection

@section("content")
<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {!! trans("message_lang.LBL_CANCELLATION_REQUEST_DETAILS") !!}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                <a href="{{ url('agentportal/cancellation-requests') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                <!--end::Button-->
                            </div>
                        </div>
                        <!--begin::Form-->
                        <form method="post" name="form" action="{{ url('agentportal/cancellation-requests/update/' . @$details->id) }}" enctype="multipart/form-data" autocomplete="off" id="form" class="confirm">
                        @csrf
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card card-custom">
                                            <div class="card-header">
                                                <div class="card-title">
                                                    <h3 class="card-label">{!! trans("message_lang.LBL_SEND_MONEY_TRANSACTION_INFO") !!}</h3>
                                                </div>
                                                <div class="card-toolbar">

                                                </div>
                                            </div>
                                            <div class="card-body">
                                                <table class="table table-sm table-borderless">
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_PICKUP_CODE') !!}:</td>
                                                        <th> <a href="{{ route('agentportal.send-money.show', ['id' =>  base64_encode($transaction->id) ])}}" > {{ _set_dash(@$transaction->reference_no) }} </a></th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_SENDING_AMOUNT') !!}:</td>
                                                        <th>{{ $transaction->sending_amount ? number_format($transaction->sending_amount, 2) : '' }} {{ $transaction->sending_amount ? $transaction->sending_currency : '' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_SENDING_FEES') !!}:</td>
                                                        <th>{{ $transaction->sending_fees ? number_format($transaction->sending_fees, 2) : '' }} {{ $transaction->sending_fees ? $transaction->sending_currency : '' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{{ __('message_lang.LBL_TAX') }}:</td>
                                                        <th>{{ $transaction->sending_tax ? number_format($transaction->sending_tax, 2) : '' }} {{ $transaction->sending_tax ? $transaction->sending_currency : '' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_RECEIVER_AMOUNT') !!}:</td>
                                                        <th>{{ $transaction->receiving_amount ? number_format($transaction->receiving_amount, 2) : '' }} {{ $transaction->receiving_amount ? $transaction->receiving_currency : '' }}</th>
                                                    </tr>
                                                    @if($transaction->is_payment_receive == $paymentReceivingStatus['refunded'])
                                                        <tr>
                                                            <td>{!! trans('message_lang.LBL_REFUNDED_AMOUNT') !!}:</td>
                                                            <th>{{ $details->amount ? number_format($details->amount, 2) : '' }} {{ $details->amount ? $transaction->sending_currency : '' }}</th>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                        <th>
                                                            @if($transaction->status == 1)
                                                               <span class="badge badge-warning"> Pending </span>
                                                            @elseif($transaction->status == 2)
                                                            <span class="badge badge-warning">In progress </span>
                                                            @elseif($transaction->status == 3)
                                                            <span class="badge badge-success"> Paid </span>
                                                            @elseif($transaction->status == 4)
                                                            <span class="badge badge-danger"> Rejected </span>
                                                            @elseif($transaction->status == 5)
                                                            <span class="badge badge-danger">Cancelled </span>
                                                            @elseif($transaction->status == 6)
                                                                <span class="badge badge-primary">Transmitted </span>
                                                            @elseif($transaction->status == 7)
                                                                <span class="badge badge-danger"> Failed </span>
                                                            @elseif($transaction->status == 8)
                                                                <span class="badge badge-primary"> Created </span>
                                                            @elseif($transaction->status == 9)
                                                                <span class="badge badge-warning"> On hold </span>
                                                            @else
                                                                -
                                                            @endif
                                                        </th>
                                                    </tr>
                                                        <td>{!! trans('message_lang.LBL_SENDER_PAYMENT_STATUS') !!}:</td>
                                                        <th>
                                                            @if($transaction->is_payment_receive == $paymentReceivingStatus['not_paid'])
                                                               <span class="badge badge-warning"> {{config('constants.send_money_txn_payment_receiving_status.NOT_PAID')}} </span>
                                                            @elseif($transaction->is_payment_receive == $paymentReceivingStatus['paid'])
                                                            <span class="badge badge-success"> {{config('constants.send_money_txn_payment_receiving_status.PAID')}} </span>
                                                            @elseif($transaction->is_payment_receive == $paymentReceivingStatus['payment_failed'])
                                                            <span class="badge badge-danger"> {{config('constants.send_money_txn_payment_receiving_status.PAYMENT_FAILED')}} </span>
                                                            @elseif($transaction->is_payment_receive == $paymentReceivingStatus['refunded'])
                                                                <span class="badge badge-primary"> {{config('constants.send_money_txn_payment_receiving_status.REFUNDED')}} </span>
                                                                @if($transaction->refund_type )
                                                                <span class="badge badge-warning">
                                                                        {{$transaction->refund_type }}
                                                                </span>
                                                                @endif
                                                            @elseif($transaction->is_payment_receive == $paymentReceivingStatus['payment_in_progress'])
                                                                <span class="badge badge-warning"> {{config('constants.send_money_txn_payment_receiving_status.PAYMENT_IN_PROGRESS')}} </span>
                                                            @else
                                                                -
                                                            @endif
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <td>SOURCE</td>
                                                        <th>{{$transaction->source }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>RECEIVING OPTION</td>
                                                        <th>{{$transaction->receiving_option_code }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_RECEIVED_AT') !!}:</td>
                                                        <th>{{ $transaction->created_at ? format_date_tz($transaction->created_at) : '-' }}</th>
                                                    </tr>

                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_REASON') !!}:</td>
                                                        <th>
                                                            @if(isset($details->agent_comment) && $details->agent_comment != "")
                                                                @if(isset($allReasons) && isset($allReasons[$details->agent_comment]))
                                                                    {{ $allReasons[$details->agent_comment] }}
                                                                @else
                                                                    {{ str_replace("_", " ", @$details->agent_comment) }}
                                                                @endif
                                                            @else
                                                                {{ _set_dash(@$details->agent_comment) }}
                                                            @endif
                                                        </th>
                                                    </tr>

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

                                    <div class="col-md-6">
                                        <div class="card card-custom">
                                            <div class="card-header">
                                                <div class="card-title">
                                                    <h3 class="card-label">{!! trans('message_lang.LBL_CANCELLATION_INFO') !!}</h3>
                                                </div>
                                                <div class="card-toolbar">

                                                </div>
                                            </div>
                                            <div class="card-body">
                                                @error('failed')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                <table class="table table-sm table-borderless">
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                        <th>
                                                            @if($details->status == 'in progress')
                                                                    <span class="badge badge-warning">  {{ucfirst($statuses["in progress"]) }} </span>
                                                                @elseif($details->status == 'completed')
                                                                <span class="badge badge-success"> {{ ucfirst($statuses["completed"]) }} </span>
                                                                @elseif($details->status == 'rejected')
                                                                    <span class="badge badge-danger">{{ ucfirst($statuses["rejected"]) }} </span>
                                                                @elseif($details->status == 'new')
                                                                    <span class="badge badge-primary"> {{ ucfirst($statuses["new"]) }} </span>
                                                                @else
                                                                    -
                                                                @endif
                                                        </th>
                                                    </tr>
                                                    @if (!empty($details->created_by))
                                                        <tr>
                                                            <td>{!! trans('message_lang.LBL_CREATED_BY') !!}:</td>
                                                            <th>
                                                                @if ($details->createdBy != null)
                                                                    @if ($transaction->agentLocation)
                                                                        {{$details->createdBy != null ? @$details->createdBy->username. '  > ' . ucfirst(@$details->createdBy->first_name) . ' ' . ucfirst(@$details->createdBy->last_name) . ' | '. $details->created_by_type : "-"}}
                                                                    @else
                                                                        {{$details->createdBy != null ? @$details->createdBy->phone_number. '  > ' . ucfirst(@$details->createdBy->first_name) . ' ' . ucfirst(@$details->createdBy->last_name) . ' | ' . $details->created_by_type  : "-"}}
                                                                    @endif
                                                                @else
                                                                    -
                                                                @endif
                                                            </th>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_CANCELLED_BY') !!}:</td>
                                                        <th>{{ ($details->employeeUser) ? ucfirst(@$details->employeeUser->first_name) . ' ' . ucfirst(@$details->employeeUser->last_name) : '-' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_CANCELLED_AT') !!}:</td>
                                                        <th>{{ $details->cancelled_at ? format_date_tz($details->cancelled_at) : '-' }}</th>
                                                    </tr>
                                                    @if(@$details->approval_reason !== null)
                                                        <tr>
                                                            <td>{!! trans('message_lang.LBL_APPROVAL_REASON') !!}</td>
                                                            <th>{{ _set_dash(@$details->approval_reason) }}</th>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td>{!! trans('message_lang.STATUS_OPTION_REFUNDED_BY') !!}</td>
                                                        <th>{{ $details->refundedBy !== null ? ucfirst(@$details->refundedBy->first_name) . ' ' . ucfirst(@$details->refundedBy->last_name) : '-' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_REFUNDED_AT') !!}</td>
                                                        <th>{{$details->refunded_at ? format_date_tz($details->refunded_at) : '-' }}</th>
                                                    </tr>
                                                    @if (@$details->status != 'new')
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_NOTES') !!}:</td>
                                                        <th>{{ _set_dash(@$details->admin_comment) }}</th>
                                                    </tr>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card card-custom">
                                            <div class="card-header">
                                                <div class="card-title">
                                                    <h3 class="card-label">{!! trans("message_lang.LBL_SENDER_INFO") !!}</h3>
                                                </div>
                                                <div class="card-toolbar">

                                                </div>
                                            </div>
                                            <div class="card-body">
                                                <table class="table table-sm table-borderless">
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_SENDER_NAME') !!}</td>
                                                        <th>{!!  $transaction->sender_name !!}</th>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_EMAIL') !!}:</td>
                                                        <th>{!!  $transaction->sender_email !!}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_PHONE') !!}:</td>
                                                        <th>{!!  $transaction->sender_phone_code !!} {!!  $transaction->sender_phone_number !!}</th>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card card-custom">
                                            <div class="card-header">
                                                <div class="card-title">
                                                    <h3 class="card-label">{!! trans("message_lang.LBL_RECEIVER_INFO") !!}</h3>
                                                </div>
                                                <div class="card-toolbar">

                                                </div>
                                            </div>
                                            <div class="card-body">
                                                <table class="table table-sm table-borderless">
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_RECEIVER_NAME') !!}</td>
                                                        <th>{!!  $transaction->receiver_name !!}</th>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_EMAIL') !!}:</td>
                                                        <th>{!!  $transaction->recipient_email !!}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_PHONE') !!}:</td>
                                                        <th>{!!  $transaction->recipient_phone_no !!}</th>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card-footer">
                            @hasanyrole('administrator|operation|customer service')
                                @if ($details->status == 'new' )
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <input  onkeyup="this.value=this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1')" type="hidden"
                                            name="amount" placeholder="Amount" value="{{ old('amount', $details->amount) }}" id="amount"
                                            class="form-control @error('amount') is-invalid @enderror custom-field" />
                                            <input  type="hidden" value="{{ $transaction->reference_no }}" id="reference" />
                                            <div class="col-md-12">
                                                <label class="" for="approval_reason">{!! trans('message_lang.LBL_NOTES') !!} <span style="color:red;">*</span></label>
                                                <input type="text" name="approval_reason" placeholder="Notes" value="{{ old('approval_reason') }}" id="approval_reason" class="form-control @error('approval_reason') is-invalid @enderror custom-field" />
                                                @error('approval_reason')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <div class="row justify-content-md-center">
                                            @if (in_array($transaction->status, [$txnStatus['failed'], $txnStatus['transmitted']]) || (isset($enableCancel) && $enableCancel == true))
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="inprogress" value="inprogress" id="inprogress" class="btn btn-primary btn-block" data-confirm="{!! trans("message_lang.CONF_APPROVE_CANCELLATION_REQUEST") !!}">{!! trans("message_lang.BUTTON_APPROVE") !!}</button>
                                            </div>
                                            @endif
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="reject" value="reject" id="reject" class="btn btn-secondary btn-block" data-confirm="{!! trans("message_lang.CONF_REJECT_CANCELLATION_REQUEST") !!}">{!! trans("message_lang.BTN_REJECT") !!}</button>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if((isset($enableApproval) && $enableApproval == true))
                                    <input type="hidden" name="agent_location_id" value="{!! $transaction->agent_location_id !!}">
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label hidden class="" for="amount">{!! trans('message_lang.LBL_AMOUNT') !!} <span style="color:red;">*</span></label>
                                            <input onkeyup="this.value=this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1')" type="hidden"
                                                name="amount" placeholder="Amount" value="{{ old('amount', $transaction->net_amount) }}" id="amount"
                                                class="form-control @error('amount') is-invalid @enderror custom-field" />
                                            <input  type="hidden" value="{{ $transaction->reference_no }}" id="reference" />

                                            @error('amount')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>

                                        <div class="col-md-6">
                                            <label hidden class="" for="currency">{!! trans('message_lang.LBL_CURRENCY') !!} <span style="color:red;">*</span></label>
                                            <select hidden name="currency" id="currency"
                                                class="form-control @error('currency') is-invalid @enderror custom-field">
                                                <option value="{{ $details->currency }}" @if (old('currency', $details->currency)) selected
                                                    @endif>{{ $details->currency }}</option>
                                            </select>
                                            @error('currency')
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="" for="admin_comment">{!! trans('message_lang.LBL_NOTES') !!} <span style="color:red;">*</span></label>
                                            <input type="text" name="admin_comment" placeholder="Notes" value="{{ old('admin_comment') }}" id="admin_comment" class="form-control @error('admin_comment') is-invalid @enderror custom-field" />
                                            @error('admin_comment')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                    @if (in_array($transaction->status, [$txnStatus['failed'], $txnStatus['transmitted'], $txnStatus['cancelled']]) && (isset($enableApproval) && $enableApproval == true))
                                    <div class="row justify-content-md-center">
                                        @if(in_array($transaction->source, ["AGENTPORTAL", "POSAPP"]))
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="complete" value="refund_on_agent_balance" id="refund_on_agent_balance" class="btn btn-primary btn-block" data-confirm="{!! trans("message_lang.CONF_APPROVE_REFUND_REQUEST") !!} ">{!! trans("message_lang.BTN_REFUND") !!} </button>
                                            </div>
                                        @else
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="complete" value="manual_refund" id="manual_refund" class="btn btn-primary btn-block" data-confirm="{!! trans("message_lang.CONF_APPROVE_REFUND_REQUEST") !!} "> {!! trans("message_lang.LBL_MANUAL_REFUND") !!} </button>
                                            </div>
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="complete" value="refund_on_user_balance" id="refund_on_user_balance" class="btn btn-primary btn-block" data-confirm="{!! trans("message_lang.CONF_APPROVE_REFUND_REQUEST") !!} ">{!! trans("message_lang.LBL_REFUND_ON_USER_BALANCE") !!} </button>
                                            </div>
                                        @endif
                                        <div class="col-6 col-md-4">
                                            <button type="submit" name="reject" value="reject" id="reject" class="btn btn-secondary btn-block" data-confirm="{!! trans("message_lang.CONF_REJECT_CANCELLATION_REQUEST") !!}">{!! trans("message_lang.BTN_REJECT") !!}</button>
                                        </div>
                                    </div>
                                    @endif
                                @endif
                                @endhasanyrole
                            </div>
                        </form>
                        <!--end::Form-->
                    </div>
                    <!--end::Card-->
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

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

@section("page_script")
<script type="text/javascript">
    $(document).ready(function () {
        $('#complete, #manual_refund,#refund_on_agent_balance, #refund_on_user_balance').on('click', function (e) {
            e.preventDefault(); // Prevent default form submission
            const amount = number_format($('#amount').val());
            var clickedButton = $(this).attr('id');

            if (clickedButton === 'manual_refund') {
                $('#form').append('<input type="hidden" name="complete" value="manual_refund">');
            } else if (clickedButton === 'refund_on_agent_balance') {
                $('#form').append('<input type="hidden" name="complete" value="refund_on_agent_balance">');
            } else if (clickedButton === 'refund_on_user_balance') {
                $('#form').append('<input type="hidden" name="complete" value="refund_on_user_balance">');
            }

            confirmRequest($(this), amount);

        });

        $('#inprogress, #reject').on('click', function (e) {
            e.preventDefault(); // Prevent default form submission
            const reference = $('#reference').val();
            var clickedButton = $(this).attr('id');
            if (clickedButton === 'inprogress') {
                $('#form').append('<input type="hidden" name="inprogress" value="inprogress">');
            } else if (clickedButton === 'reject') {
                $('#form').append('<input type="hidden" name="reject" value="reject">');
            }

            confirmRequest($(this), reference);

        });

        function confirmRequest (context, data) {
            const button = context;
            const buttonText = button.text().trim();

            if(!!confirm(context.data('confirm') + ' ' +  data + ' ?')){
                button.prop('disabled', true);
                button.text('processing ...');
                $('#loading').show();
                $('#form').submit();
            }else{
                button.prop('disabled', false);
                button.text(buttonText);
                $('#loading').hide();
            }

        };
    });

    const number_format = (num, decimals) => parseFloat(num).toLocaleString('en', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2,
    });
</script>
@endsection