@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.LBL_REPAYMENT_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_REPAYMENT_REQUEST_DETAILS") !!}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                <a href="{{ url('agentportal/repayment-requests') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                <!--end::Button-->
                            </div>
                        </div>
                        <!--begin::Form-->
                        <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_LOCATION_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_AMOUNT") !!}:</td>
                                                    <th>{{ $details->amount ? number_format($details->amount, 2) : '' }} {{ $details->amount ? @$details->currency : '' }}</th>
                                                </tr>
                                                @if (isset($details->fees))
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_FEES") !!}:</td>
                                                    <th>{{ number_format($details->fees, 2) }} {{ $details->balance ? @$details->currency : '' }}</th>
                                                </tr>
                                                @endif
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_BALANCE") !!}:</td>
                                                    <th>{{ $details->balance ? number_format($details->balance, 2) : '' }} {{ $details->balance ? @$details->currency : '' }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_LOCATION") !!}:</td>
                                                    <th>{{ _set_dash($details->agentLocation->parent_id > 0 ? $details->agentLocation->network->name : $details->agentLocation->name) }}</th>
                                                </tr>
                                                @if ($details->payment_method == 'CashPickUp')
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_PICKUP_CODE") !!}:</td>
                                                    <th>{{ $details->pickup_code }}</th>
                                                </tr>
                                                @endif
                                                {{-- <tr>
                                                    <td>Sub-Location:</td>
                                                    <th>{{ _set_dash(@$details->agentLocation->name) }}</th>
                                                </tr> --}}
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_USER") !!}:</td>
                                                    <th>{{ _set_dash(@$details->agentLocationUser->first_name . ' ' . @$details->agentLocationUser->last_name) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_COMMENTS") !!}:</td>
                                                    <th>{{ _set_dash(@$details->agent_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_REPAYMENT_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_TYPE') !!}:</td>
                                                    <th>{{ $details->payment_method }}</th>
                                                </tr>
                                                @if (isset($details->beneficiary_first_name) || isset($details->beneficiary_last_name))
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_BENEFICIARY') !!}:</td>
                                                    <th>{{ $details->beneficiary_first_name.' '.$details->beneficiary_last_name }}</th>
                                                </tr>
                                                @endif

                                                {{-- @hasanyrole('administrator|tresorerie') --}}
                                                @if ($details->payment_method == config('constants.REPAYMENT_METHOD')['MANUAL_WALLET'])
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_MOBILE_WALLET_NUMBER') !!}:</td>
                                                    <th>{{ $walletNumber }}</th>
                                                </tr>
                                                @endif
                                                {{-- @endhasanyrole --}}

                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                    <th>
                                                        {{ _set_dash(ucfirst(@$details->status)) }} &nbsp; &nbsp;
                                                        {{ @$details->refunded_at ? '(Refunded)' : '' }}
                                                        @if($details->cancellation_requested == 1)
                                                            <span style="color: red;"> {!! trans('message_lang.LBL_CANCELLATION_REQUEST') !!}</span>
                                                        @endif
                                                        @hasanyrole('administrator|operation|finance back office')
                                                        @if (@$details->status == 'expired' && (@$details->payment_method == config('constants.REPAYMENT_METHOD')['CASH_PICKUP']) && ( @$details->cancellation_requested != 1 && $details->refunded_at == null  ))
                                                        <button type="button" class="btn btn-primary btn-sm refund" data-id={{ $details->id }}>{{ __('message_lang.BTN_REFUND') }}</button>
                                                        @endif
                                                        @endhasanyrole
                                                        @hasanyrole('administrator|operation|tresorerie')
                                                        @if(($details->payment_method == config('constants.REPAYMENT_METHOD')['MANUAL_WALLET'] || $details->payment_method == config('constants.REPAYMENT_METHOD')['BNB']) && in_array($details->status, ['new']))
                                                            <button type="button" class="btn btn-primary btn-sm startProcessBtn" data-id={{ $details->id }}>{{ __('message_lang.BTN_START_PROCESSING') }}</button>
                                                        @endif
                                                        @endhasanyrole
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_PAID_BY') !!}:</td>
                                                    <th> {{ isset($details->employeeUser->agentLocation) ? ($details->employeeUser->agentLocation->name." > ") : "" }} {{ ($details->employeeUser) ? ucfirst(@$details->employeeUser->first_name) . ' ' . ucfirst(@$details->employeeUser->last_name) : '-' }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_PAID_AT') !!}:</td>
                                                    <th>{{ $details->paid_at ? format_date_tz($details->paid_at) : '-' }}</th>
                                                </tr>
                                                @if (isset($details->reception_location))
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_RECEIVE_AT') !!}:</td>
                                                    <th>{{ $receptionLocations[@$details->reception_location] }}</th>
                                                </tr>
                                                @endif
                                                @if (isset($details->repayment_reference))
                                                <tr>
                                                    <td>{!! trans('message_lang.REPAYMENT_REFERENCE') !!}:</td>
                                                    <th>{{ @$details->repayment_reference }}</th>
                                                </tr>
                                                @endif
                                                @if (isset($details->transaction_reference))
                                                <tr>
                                                    <td>{!! trans('message_lang.TRANSACTION_REFERENCE') !!}:</td>
                                                    <th>{{ @$details->transaction_reference }}</th>
                                                </tr>
                                                @endif
                                                @if (@$details->status != 'new')
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_NOTES') !!}:</td>
                                                    <th>{{ _set_dash(@$details->admin_comment) }}</th>
                                                </tr>
                                                @endif
                                                @if(@$details->refunded_at)
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_REFUNDED_BY') !!}:</td>
                                                    <th>{{ $details->refundedBy ? ucfirst(@$details->refundedBy->first_name) . ' ' . ucfirst(@$details->refundedBy->last_name) : '-' }}</th>
                                                </tr>
                                                @endif

                                                @if(@$details->refunded_at)
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_REFUNDED_AT') !!}:</td>
                                                    <th>{{ $details->refunded_at ? format_date_tz($details->refunded_at) : '-' }}</th>
                                                </tr>
                                                @endif
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card-footer">
                            @if ((@$details->payment_method == config('constants.REPAYMENT_METHOD')['BNB'] && @$details->status == 'in progress') || (@$details->payment_method == config('constants.REPAYMENT_METHOD')['MANUAL_WALLET'] && @$details->status == 'in progress' && @$details->paid_by == auth()->guard('agentportal')->user()->id))
                                @hasanyrole('administrator|operation|finance back office|tresorerie')
                                {{-- @if (@$details->status == 'new') --}}

                                <form method="post" name="form" action="{{ url('agentportal/repayment-requests/update/' . @$details->id) }}" enctype="multipart/form-data" autocomplete="off" id="form" class="confirm">
                                    @csrf
                                    <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"  @if ($details->payment_method == config('constants.REPAYMENT_METHOD')['MANUAL_WALLET']) readonly @endif
                                                    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 @if ($details->payment_method == config('constants.REPAYMENT_METHOD')['MANUAL_WALLET']) readonly @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">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" />
                                                <span class="noteEmpty errClass" style="display: none;"></span>
                                                @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->isMTNWallet == 1)
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="confirm" value="confirm" id="confirm" class="btn btn-primary btn-block">{!! trans("message_lang.BTN_SEND_PAYMENT") !!}</button>
                                            </div>
                                            @else
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="complete" value="complete" id="complete" class="btn btn-primary btn-block" data-number = {{ $details->agentLocation->wallet_number }} data-confirm="Are you sure you want to complete the repayment request of {{ number_format($details->amount, 2) }} {{ $details->currency }}?">Payment Completed</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="Are you sure you want to reject the request?">Payment Rejected</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                {{-- @endif --}}
                                @endhasanyrole
                            @endif

                            @if (@$details->status == 'new' && (@$details->payment_method == config('constants.REPAYMENT_METHOD')['CASH_PICKUP'] || @$details->payment_method == config('constants.REPAYMENT_METHOD')['MANUAL_WALLET'] || @$details->payment_method == config('constants.REPAYMENT_METHOD')['BNB']) && ( @$details->cancellation_requested != 1 || @$details->agent_location_user_id != auth()->guard('agentportal')->user()->id ))
                                @hasanyrole('administrator|operation|main teller|teller|tresorerie')
                                    <form method="post" action="{{ url('agentportal/repayment-requests/update/' . @$details->id) }}" name="form" enctype="multipart/form-data" autocomplete="off" id="form" class="confirme">
                                        @csrf

                                        <div class="card-body">
                                            <input type="hidden" name="amount" value="{{ old('amount', $details->amount) }}">
                                            <input type="hidden" name="currency" value="{{ old('amount', $details->currency) }}">

                                            <div class="form-group row">
                                                <div class="col-md-12">
                                                    <label class="" for="admin_comment">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" />
                                                    <span class="noteEmpty errClass" style="display: none;"></span>
                                                    @error('admin_comment')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                                @if (@$details->agent_location_user_id != auth()->guard('agentportal')->user()->id)
                                                    <div class="col-md-12">
                                                        <div class="form-check">
                                                            <input class="form-check-input" name="is_duplicated" type="checkbox" value="true" id="isDuplicated">
                                                            <label class="form-check-label" for="isDuplicated">
                                                                {{ __('message_lang.LBL_REPAYMENT_MARK_AS_DUPLICATE') }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="card-footer">
                                            <div class="row justify-content-md-center">
                                                <div class="col-6 col-md-4">
                                                    @hasanyrole('administrator|operation|tresorerie')
                                                    <button type="submit" name="cancel" value="cancel" id="cancel" class="btn btn-secondary btn-block" data-confirm="Are you sure you want to cancel the request?">{!! trans("message_lang.CANCEL_REQUEST") !!}</button>
                                                    @endhasanyrole
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                @endhasanyrole
                            @endif

                        </div>

                    </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>
<script src="{{ url('js/select2.min.js') }}"></script>
<script src="{{ url('js/sweetalert2.min.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', `Are you sure you want to complete the repayment request of ${amount}?`);
        });

        $('#cancel').on('click', function (e) {
            e.preventDefault();
            $('.noteEmpty').hide();
            $('.noteEmpty').html('')
            if($('#admin_comment').val() == '') {
                $('.noteEmpty').show();
                $('.noteEmpty').html("{{trans("message_lang.PLEASE_ENTER_NOTE")}}")
                return
            }
            var html = "<div style='text-align:center;'>" + $(this).data('confirm') + "</div>";
            Swal.fire({
            title: "Agent Repayment - Request Cancellation",
            confirmButtonText: 'Yes I Confirm',
            showCancelButton: true,
            html: html,
            }).then((result) => {
                if (result.isConfirmed) {
                    ($(this).parents('form')).append('<input type="hidden" name="cancel" value="value" /> ');
                    ($(this).parents('form')).submit();
               }
            });
        });

        $('#complete').on('click', function (e) {
            var amount = number_format(@json($details->amount), 2) + " " + @json($details->currency);
            var html = "<div style='text-align:center;'> {{trans("message_lang.CONF_REPAYMENT_COMPLETE")}} <span style='font-weight:bold;'>" + `${amount}` + "</span> {{trans("message_lang.CONF_REPAYMENT_TO")}} <span style='font-weight:bold;'>  " + @json($details->agentLocation->wallet_number) + "</span> </div>";
            e.preventDefault();
            Swal.fire({
            title: "Agent Repayment - Payment Completion",
            confirmButtonText: 'Yes I Confirm',
            showCancelButton: true,
            html: html,
            }).then((result) => {
                if (result.isConfirmed) {
                    ($(this).parents('form')).append('<input type="hidden" name="complete" value="value" /> ');
                    ($(this).parents('form')).submit();
               }
            });
        });

        $('#confirm').on('click', function (e) {
            var amount = number_format(@json($details->amount), 2) + " " + @json($details->currency);
            var html = "<div style='text-align:center;'> {{trans("message_lang.CONF_REPAYMENT_COMPLETE")}} <span style='font-weight:bold;'>" + `${amount}` + "</span> {{trans("message_lang.CONF_REPAYMENT_TO")}} <span style='font-weight:bold;'>  " + @json($details->agentLocation->wallet_number) + "</span> </div>";
            e.preventDefault();
            Swal.fire({
            title: "Agent Repayment - Payment Completion",
            confirmButtonText: 'Yes I Confirm',
            showCancelButton: true,
            html: html,
            }).then((result) => {
                if (result.isConfirmed) {
                    ($(this).parents('form')).append('<input type="hidden" name="confirm" value="value" /> ');
                    ($(this).parents('form')).submit();
               }
            });
        });

        $('#reject').on('click', function (e) {
            e.preventDefault();
            $('.noteEmpty').hide();
            $('.noteEmpty').html('')
            if($('#admin_comment').val() == '') {
                $('.noteEmpty').show();
                $('.noteEmpty').html("{{trans("message_lang.PLEASE_ENTER_NOTE")}}")
                return
            }
            var html = "<div style='text-align:center;'>" + $(this).data('confirm') + "</div>";
            Swal.fire({
            title: "Agent Repayment - Payment Rejection",
            confirmButtonText: 'Yes I Confirm',
            showCancelButton: true,
            html: html,
            }).then((result) => {
                if (result.isConfirmed) {
                    ($(this).parents('form')).append('<input type="hidden" name="reject" value="value" /> ');
                    ($(this).parents('form')).submit();
               }
            });
        });

    });

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


    $(document).on("click",".startProcessBtn",function(){
        var reqId = $(this).data("id");
        console.log("okkk");

        // ajax calling check status
        var html = "<div style='text-align:center;'>Are you sure you want to start processing?</div>";

        Swal.fire({
        title: "Agent Repayment - Start Processing",
        confirmButtonText: 'Yes I Confirm',
        showCancelButton: true,
        html: html,
        }).then((result) => {
            if (result.isConfirmed) {
                $("#loading").show();
                var url = "{{route('agentportal.repayment-requests.startProcess')}}";

                $.ajax({
                    url: url,
                    type: "POST",
                    data: { "request_id" : reqId, "_token": "{{csrf_token()}}" },
                    success: function (response) {
                        $("#loading").hide();

                        if (response.success == true) {
                            toastr.success(response.message, 'Success');
                            setTimeout(() => {
                                window.location.reload();
                            }, 2000);
                        } else {
                            toastr.error(response.message, 'Error');
                            setTimeout(() => {
                                window.location.reload();
                            }, 2000);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $("#loading").hide();
                        console.log(textStatus, errorThrown);
                        toastr.error('{{ __('message_lang.SOMETHING_WENT_WRONG') }}', 'Error');
                    }
                });
            }
        });

    });

    $(document).on("click",".refund",function(){
        var reqId = $(this).data("id");

        // ajax calling check status
        var html = "<div style='text-align:center;'>Are you sure you want to refund?</div>";

        Swal.fire({
        title: "Agent Repayment - Refund",
        confirmButtonText: 'Yes I Confirm',
        showCancelButton: true,
        html: html,
        }).then((result) => {
            if (result.isConfirmed) {
                $("#loading").show();
                var url = "{{route('agentportal.repayment-requests.refund')}}";

                $.ajax({
                    url: url,
                    type: "POST",
                    data: { "request_id" : reqId, "_token": "{{csrf_token()}}" },
                    success: function (response) {
                        $("#loading").hide();

                        if (response.success == true) {
                            toastr.success(response.message, 'Success');
                            setTimeout(() => {
                                window.location.reload();
                            }, 2000);
                        } else {
                            toastr.error(response.message, 'Error');
                            setTimeout(() => {
                                window.location.reload();
                            }, 2000);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $("#loading").hide();
                        console.log(textStatus, errorThrown);
                        toastr.error('{{ __('message_lang.SOMETHING_WENT_WRONG') }}', 'Error');
                    }
                });
            }
        });

    });




</script>
@endsection