@extends("SponsoredBanks.layouts.layout")

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

@section("page_style")

@endsection

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {!! trans("message_lang.LBL_CANCELLATION_REQUEST_DETAILS") !!}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                <a href="{{ url('SponsoredBanks/send-money') }}" 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('SponsoredBanks/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>{{ _set_dash(@$details->sendMoneyTransaction->reference_no) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_SENDING_AMOUNT') !!}:</td>
                                                        <th>{{ $details->sendMoneyTransaction->sending_amount ? number_format($details->sendMoneyTransaction->sending_amount, 2) : '' }} {{ $details->sendMoneyTransaction->sending_amount ? $details->sendMoneyTransaction->sending_currency : '' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_RECEIVER_AMOUNT') !!}:</td>
                                                        <th>{{ $details->sendMoneyTransaction->receiving_amount ? number_format($details->sendMoneyTransaction->receiving_amount, 2) : '' }} {{ $details->sendMoneyTransaction->receiving_amount ? $details->sendMoneyTransaction->receiving_currency : '' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_LOCATION') !!}:</td>
                                                        <th>{{ _set_dash($details->sendMoneyTransaction->agentLocation->parent_id>0?$details->sendMoneyTransaction->agentLocation->network->name:$details->sendMoneyTransaction->agentLocation->name) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                        <th>
                                                            {{ _set_dash(ucfirst(@$details->status)) }}
                                                            @if ($details->status == 'new' && $details->cancelled_by == 0)
                                                            <button type="submit" name="inprogress" value="inprogress" id="inprogress" class="btn btn-primary btn-sm float-right">{!! trans("message_lang.BTN_START_PROCESSING") !!}</button>
                                                            @elseif ($details->status == 'in progress' && $details->cancelled_by != auth()->guard('SponsoredBanks')->id())
                                                            <button type="submit" name="inprogress" value="inprogress" id="inprogress" class="btn btn-primary btn-sm float-right">{!! trans('message_lang.BTN_REASSIGN_TO_ME') !!}</button>
                                                            @endif
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_RECEIVED_AT') !!}:</td>
                                                        <th>{{ $details->created_at ? format_date_tz($details->created_at) : '-' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_REASON') !!}:</td>
                                                        <th>{{ _set_dash(@$details->agent_comment) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_NOTES') !!}:</td>
                                                        <th>{{ _set_dash(@$details->admin_comment) }}</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">
                                                <table class="table table-sm table-borderless">
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                        <th>{{ _set_dash(ucfirst(@$details->status)) }}</th>
                                                    </tr>
                                                    <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 ? $details->cancelled_at->format('Y-m-d') : '-' }}</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>{!!  $details->sendMoneyTransaction->sender_name !!}</th>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_EMAIL') !!}:</td>
                                                        <th>{!!  $details->sendMoneyTransaction->sender_email !!}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_PHONE') !!}:</td>
                                                        <th>{!!  $details->sendMoneyTransaction->sender_phone_code !!} {!!  $details->sendMoneyTransaction->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>{!!  $details->sendMoneyTransaction->receiver_name !!}</th>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_EMAIL') !!}:</td>
                                                        <th>{!!  $details->sendMoneyTransaction->recipient_email !!}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_PHONE') !!}:</td>
                                                        <th>{!!  $details->sendMoneyTransaction->recipient_phone_no !!}</th>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div v class="card-footer">
                                @if ($details->status == 'in progress' && $details->cancelled_by == auth()->guard('SponsoredBanks')->id())
                                    <input type="hidden" name="agent_location_id" value="{!! $details->sendMoneyTransaction->agent_location_id !!}">
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label 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="text"
                                                    name="amount" placeholder="Amount" value="{{ old('amount', $details->amount) }}" id="amount"
                                                    class="form-control @error('amount') is-invalid @enderror custom-field" />
                                                @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="" for="currency">{!! trans('message_lang.LBL_CURRENCY') !!} <span style="color:red;">*</span></label>
                                                <select 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>

                                        <div class="form-group row">
                                            <div class="col-md-12">
                                                <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>
                                    </div>
                                    <div class="card-footer">
                                        <div class="row justify-content-md-center">
                                            @if ($details->sendMoneyTransaction->status == $txnStatus['failed'])
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="complete" value="complete" id="complete" class="btn btn-primary btn-block" data-confirm="{!! trans("message_lang.CONF_APPROVE_CANCELLATION_REQUEST") !!} {{ number_format($details->amount, 2) }} {{ $details->currency }}?">{!! trans("message_lang.BTN_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
                            </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 () {
        $('#amount').on('keyup', function () {
            let amount = number_format($(this).val());
            amount += ' ' + $('#currency').val();
            console.log(amount);
            $('#complete').attr('data-confirm', `{!! trans("message_lang.CONF_COMPLETE_CANCELLATION_REQUEST") !!} ${amount}?`);
        });

        $('#complete, #reject').on('click', function (e) {
            return !!confirm($(this).data('confirm'));
        });
    });

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