@extends("agentportal.layouts.layout")

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

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {!! trans("message_lang.LBL_ACCOUNTING_REQUEST_DETAILS") !!}
                            </h3>
                            <div class="card-toolbar">
                                <a href="{{ url('agentportal/bnbwallet/accounting-request') }}" class="btn btn-primary font-weight-bolder">{{ __('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <!--begin::Form-->
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card card-custom">
                                        <div class="card-body">
                                            <table class="table table-sm table-borderless" style="font-size:16px;">
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_REFERENCE") !!}:</td>
                                                    <th>{{ _set_dash(@$details->referenceNo) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_DATE") !!}:</td>
                                                    <th>{{ _set_dash(format_date_tz(@$details->createdAt)) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_COUNTRY") !!}:</td>
                                                    <th>{{ _set_dash(@$details->countryName) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_USER") !!}:</td>
                                                    <th> <a href="{{ route('agentportal.csr-user-profile', base64_encode(@$details->userId))}}" target="_blank">{{ _set_dash(@$details->userFullname) . ' - ' ._set_dash(@$details->userPhoneNo) }}</a> </th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_ACCOUNTING_TYPE") !!}:</td>
                                                    <th>{{ _set_dash(ucfirst(@$details->type)) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_AMOUNT") !!}:</td>
                                                    <th>  {!! ($details->operation == 1 ? '<span style="color: green; font-weight: bold;">' .trans("message_lang.CREDIT_OF")  : '<span style="color: red;font-weight: bold;">' .trans("message_lang.DEBIT_OF")) . number_format($details->amount, 2) . ' ' . $details->currency  . '</span>' !!}  </th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_INITIATED_BY") !!}:</td>
                                                    <th>{{ _set_dash(@$details->initiatedBy) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_STATUS") !!}:</td>
                                                    <th>
                                                        @if(isset($details->status) && $details->status == 1)
                                                            <span class="badge badge-success"> {!! "Approved" !!} </span>
                                                        @elseif(isset($details->status) && $details->status == 2)
                                                            <span class="badge badge-danger"> {!! "Rejected" !!} </span>
                                                        @else <span class="badge badge-warning"> {!! "Pending" !!} </span> @endif
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_NOTES') !!}:</td>
                                                    <th>{{ _set_dash(@$details->notes) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_PROCESSED_BY") !!}:</td>
                                                    <th>{{ _set_dash($details->processedBy) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_PROCESSED_AT') !!}:</td>
                                                    <th>{{ $details->updatedAt ? format_date_tz($details->updatedAt) : '-' }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_REMARKS') !!}:</td>
                                                    <th>{{ _set_dash(@$details->remarks) }}</th>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <form method="post" name="form" action="{{ url('agentportal/bnbwallet/accounting-request/update/'.$id) }}" enctype="multipart/form-data" autocomplete="off" id="form">
                            @csrf
                            <div class="card-footer">
                                @hasanyrole('administrator|finance back office')
                                @if (@$details->status == 0 && @$details->initiatedById != auth()->guard('agentportal')->user()->id && auth()->guard('agentportal')->user()->allow_approve_cashapp_accounting_requests == 1)
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <div class="col-md-12">
                                                <label class="" for="remarks">{!! trans('message_lang.LBL_REMARKS') !!} <span style="color:red;">*</span></label>
                                                <input type="text" required name="remarks" placeholder="remarks" value="{{ old('remarks') }}" id="remarks" class="form-control @error('remarks') is-invalid @enderror custom-field" />
                                                <label style="color:red; display: none;" id="errRemarks" name="errRemarks" >  {!! trans("message_lang.REMARKS_IS_REQUIRED") !!}
                                                </label>
                                            </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="approve" value="approve" id="approve" class="btn btn-primary btn-block" >
                                                    {!! trans("message_lang.BUTTON_APPROVE") !!}
                                                </button>
                                            </div>
                                            <div class="col-6 col-md-4">
                                                <button type="submit" name="reject" value="reject" id="reject" class="btn btn-secondary btn-block" >
                                                    {!! trans("message_lang.BUTTON_REJECT") !!}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                @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 () {

        $('#approve').on('click', function (e) 
        {
            e.preventDefault();
            if($('#remarks').val() == "") {
                $('#errRemarks').show();
                return
            }
            Swal.fire({
                title: "Confirmation",
                confirmButtonText: '{!! trans("message_lang.APPROVE") !!}',
                cancelButtonText: '{!! trans("message_lang.CANCEL") !!}',
                showCancelButton: true,
                html: '{!! trans("message_lang.ARE_YOU_SURE_YOU_WANT_TO_APPROVE") !!}',
                }).then((result) => {
                if (result.value) {
                    $("<input />").attr("type", "hidden").attr("name", "request_action").attr("value", "approve").appendTo("#form");
                    $("#approve").prop("disabled", true);
                    $("#reject").prop("disabled", true);
                    jQuery(this).parents("form").submit();
                }
            });
        });

        $('#reject').on('click', function (e) 
        {
            e.preventDefault();
            if($('#remarks').val() == "") {
                $('#errRemarks').show();
                return
            }
            Swal.fire({
                title: "Confirmation",
                confirmButtonText: '{!! trans("message_lang.REJECT") !!}',
                cancelButtonText: '{!! trans("message_lang.CANCEL") !!}',
                showCancelButton: true,
                html: '{!! trans("message_lang.ARE_YOU_SURE_YOU_WANT_TO_REJECT") !!}',
                }).then((result) => {
                if (result.value) {
                    $("<input />").attr("type", "hidden").attr("name", "request_action").attr("value", "reject").appendTo("#form");
                    $("#approve").prop("disabled", true);
                    $("#reject").prop("disabled", true);
                    jQuery(this).parents("form").submit();
                }
            });
        });
    });
</script>
@endsection