@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.LBL_XPRESS_REQUESTS_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_XPRESS_REQUESTS_DETAILS") !!}
                            </h3>
                            <div class="card-toolbar">
                                <!--begin::Button-->
                                <a href="{{ url('agentportal/xpress-cashin') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                                <!--end::Button-->
                            </div> 
                        </div>
                        <!--begin::Form-->
                        <div class="card-body">
                            <form method="post" name="form" action="{{ url('agentportal/xpress-cashin/update/' . @$details->id) }}" enctype="multipart/form-data" autocomplete="off" id="form">
                                @csrf
                                <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_VALIDATION_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>
                                                    <tr>
                                                        <td>{!! trans("message_lang.LBL_BALANCE") !!}:</td>
                                                        <th>{{ $details->agentLocation->balance ? number_format($details->agentLocation->balance, 2) : '' }} {{ $details->agentLocation->balance ? @$details->currency : '' }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans("message_lang.BENEFICIARY_ACCOUNT") !!}:</td>
                                                        <th>{{ $details->beneficiary_account }}</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>
                                                    <tr>
                                                        <td>{!! trans("message_lang.LBL_CODE") !!}:</td>
                                                        <th>{{ $details->reference_no }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans("message_lang.LBL_SENDER_LNAME") !!}:</td>
                                                        <th>{{ _set_dash(@$details->sender_name) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans("message_lang.LBL_SENDER_PHONE_NUMBER") !!}:</td>
                                                        <th>{{ _set_dash(@$details->sender_phone_number) }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans("message_lang.LBL_DESCRIPTION") !!}:</td>
                                                        <th>{{ $details->description }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{!! trans("message_lang.LBL_USER") !!}:</td>
                                                        <th>{{ _set_dash(@$details->agentLocationUser->first_name . ' ' . @$details->agentLocationUser->last_name) }}</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_STATUS") !!} </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->method }}</th>
                                                    </tr>

                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                        <th>
                                                            {{ _set_dash(ucfirst(@$details->status)) }} &nbsp; &nbsp;
                                                            @hasanyrole('administrator|operation|customer service')
                                                                @if ($details->status == 'new' && $details->processed_by == 0)
                                                                    <button type="submit" name="inprogress" value="inprogress" id="inprogress" class="btn btn-primary btn-sm float-right">Start Processing</button>
                                                                @elseif ($details->status == 'in progress' && $details->processed_by != auth()->guard('agentportal')->id())
                                                                    <button type="submit" name="inprogress" value="inprogress" id="inprogress" class="btn btn-primary btn-sm float-right">Reassign to Me</button>
                                                                @endif
                                                            @endhasanyrole
                                                        </th>
                                                    </tr>
                                                    @hasanyrole('administrator|customer service|marketing|operation|compliance|finance back office')
                                                        <tr>
                                                            <td>{!! trans('message_lang.LBL_PAID_BY') !!}:</td>
                                                            <th> {{ ($details->employeeUser) ? ucfirst(@$details->employeeUser->first_name) . ' ' . ucfirst(@$details->employeeUser->last_name) : '-' }}</th>
                                                        </tr>
                                                    @endhasanyrole
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_PAID_AT') !!}:</td>
                                                        <th>{{ (($details->status == "completed" || $details->status == "rejected") && $details->updated_at) ? format_date_tz($details->updated_at) : '-' }}</th>
                                                    </tr>
                                                    @if (@$details->status != 'new')
                                                    <tr>
                                                        <td>{!! trans('message_lang.LBL_NOTES') !!}:</td>
                                                        <th>{{ _set_dash(@$details->reject_reason) }}</th>
                                                    </tr>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="card-footer">
                            @if ((@$details->status == 'in progress') && @$details->processed_by == auth()->guard('agentportal')->user()->id)
                                @hasanyrole('administrator|operation|customer service')
                                {{-- @if (@$details->status == 'new') --}}

                                <form method="post" name="form" action="{{ url('agentportal/xpress-cashin/update/' . @$details->id) }}" enctype="multipart/form-data" autocomplete="off" id="form" class="confirm">
                                    @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="reject_reason">Notes <span style="color:red;"></span></label>
                                                <input type="text" name="reject_reason" placeholder="Notes" value="{{ old('reject_reason') }}" id="reject_reason" class="form-control @error('reject_reason') is-invalid @enderror custom-field" />
                                                <span class="noteEmpty errClass" style="display: none;"></span>
                                                @error('reject_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">
                                            
                                            <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>
                                            <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

                            

                        </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($('#reject_reason').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: "Ecobank express cashin - 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_MANUAL_CASHIN_COMPLETE")}} <span style='font-weight:bold;'>" + `${amount}` + "</span> {{trans("message_lang.CONF_MANUAL_CASHIN_TO")}} <span style='font-weight:bold;'>  " + @json($details->beneficiary_account) + "</span> </div>";
            e.preventDefault();
            Swal.fire({
            title: "Ecobank express cashin - 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_MANUAL_CASHIN_COMPLETE")}} <span style='font-weight:bold;'>" + `${amount}` + "</span> {{trans("message_lang.CONF_MANUAL_CASHIN_TO")}} <span style='font-weight:bold;'>  " + @json($details->agentLocation->wallet_number) + "</span> </div>";
            e.preventDefault();
            Swal.fire({
            title: "Ecobank express cashin - 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($('#reject_reason').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: "Ecobank express cashin - 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: "Ecobank express cashin - Start Processing",
        confirmButtonText: 'Yes I Confirm',
        showCancelButton: true,
        html: html,
        }).then((result) => {
            if (result.isConfirmed) {
                $("#loading").show();
                var url = "{{route('agentportal.xpress-cashin.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');
                    }
                });
            }
        });

    });


</script>
@endsection