@extends('voyager::master')

@section('page_title', 'Merchant')

@section('page_header')
    <div class="page-header">
        <div class="row align-items-center py-2">
            <div class="col-sm mb-2 mb-sm-0">
                <div class="d-flex align-items-center">
                    <img class="onerror-image" data-onerror-image="{{ asset('thumb.png') }}" src="{{ asset('thumb.png') }}"
                        width="38" alt="img">
                    <div class="w-0 flex-grow pl-2">
                        <h1 class="page-header-title mb-0">{{ __('cashout.cashout.cash_out') }}</h1>
                        <p class="page-header-text m-0">{{ __('cashout.cashout.sub_title') }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('content')

    @include('_partials.alerts')

    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="refNumber">{{ __('cashout.cashout.request_reference') }}:</label>
                <input id="refNumber" name="req_reference_no" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'req_reference_no') }}" readonly>
            </div>

            <div class="form-group">
                <label for="dateTime">{{ __('cashout.cashout.date_time') }}:</label>
                <input id="dateTime" name="request_date" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'request_date') }}" readonly>
            </div>

            <div class="form-group">
                <label for="amount">{{ __('datatable.amount') }}:</label>
                <input id="amount" name="amount" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'amount') }}" readonly>
            </div>

            <div class="form-group">
                <label for="paymentMode">{{ __('cashout.payment_mode') }}:</label>
                <input id="paymentMode" name="payment_mode" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'payment_mode') }}" readonly>
            </div>

            <div class="form-group">
                <label for="transferTo">{{ __('cashout.transfer_to') }}:</label>
                <input id="transferTo" name="transfer_to" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'transfer_to') }}" readonly>
            </div>

            <div class="form-group">
                <label for="merchantName"> {{ __('merchant.name') }}:</label>
                <input id="merchantName" name="merchant_name" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'merchant_name') }}" readonly>
            </div>

            <div class="form-group">
                <label for="merchantPhone">{{ __('cashout.merchant_phone') }}:</label>
                <input id="merchantPhone" name="merchant_phone_number" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'merchant_phone_number') }}" readonly>
            </div>

            <div class="form-group">
                <div>{{ __('datatable.bank.document') }}</div>
                <img src="{{ checkAndReturnValue($detail, 'document') ? checkAndReturnValue($detail, 'document') : asset('img/default.png') }}"
                    data-src="{{ checkAndReturnValue($detail, 'document') ? checkAndReturnValue($detail, 'document') : asset('img/default.png') }}"
                    class="nid_back_img_src" style="width: 295px; height: auto;" onclick="imgModal(this)">
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <label for="status" class="text-capitalize">{{ __('datatable.fawri_action') }}:</label>
                <input id="status" name="status" type="text" class="form-control"
                    value="{{ __('datatable.' . strtolower(\App\Enums\CashOutStatus::getString(checkAndReturnValue($detail, 'status')))) }}
"
                    readonly>
            </div>


            <div class="form-group">
                <label for="makeName">{{ __('cashout.cashout.maker_name') }}:</label>
                <input id="makeName" name="maker_name" type="text" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'maker_name') }}" readonly>
            </div>

            <div class="form-group">
                <label for="makerComment">{{ __('cashout.cashout.maker_comment') }}:</label>
                <textarea id="makerComment" name="maker_comment" class="form-control" readonly>{{ checkAndReturnValue($detail, 'maker_comment') }}</textarea>
            </div>

            <div class="form-group">
                <label for="checkerName">{{ __('cashout.cashout.checker_name') }}:</label>
                <input id="checkerName" name="checker_name" type="text" class="form-control"
                    value="@if (hasPermission('approval', 'CashOutRequest') && checkAndReturnValue($detail, 'checker_name') == '') {{ auth()->user()->name }} @else {{ checkAndReturnValue($detail, 'checker_name') }} @endif"
                    @if (!hasPermission('approval', 'CashOutRequest')) readonly @endif>
            </div>

            <div class="form-group">
                <label for="checkerComment">{{ __('cashout.cashout.checker_comment') }}:</label>
                <textarea id="textAreacheckerComment" name="checker_comment" class="form-control"
                    @if (!hasPermission('approval', 'CashOutRequest')) readonly @endif>{{ checkAndReturnValue($detail, 'checker_comment') }}</textarea>
            </div>
            @php
                $status = checkAndReturnValue($detail, 'cb_status');
                $statusString = __(\App\Enums\CashOutStatus::getCbString($status,checkAndReturnValue($detail, 'status')));
                $statusClass = strtolower($statusString);
            @endphp


            <div class="form-group">
                <label for="cbStatus">{{ __('cashout.cb_status') }}:</label>
                <input id="cbStatus" name="cb_status" type="text" class="form-control"
                    value="{{ __('datatable.' . $statusClass) }}" readonly>
            </div>


            <div class="form-group">
                <label for="status">{{ __('cashout.cashout.cb_checker_action_date_time') }}: </label>
                <input type="datetime" value="{{ checkAndReturnValue($detail, 'cb_checker_action_date_time') }}"
                    class="form-control" readonly>
            </div>
            <div class="form-group">
                <label for="cbComment">{{ __('cashout.cashout.cb_comment') }}:</label>
                <textarea id="cbComment" name="cb_comment" class="form-control" @if (!hasPermission('cbapproval', 'CashOutRequest')) readonly @endif>{{ checkAndReturnValue($detail, 'cb_comment') }}</textarea>
            </div>

            <div class="form-group">
                <label for="cbUserName">{{ __('cashout.cashout.cb_username') }}:</label>
                <input type="text" id="cbUser" name="cb_user_name" class="form-control"
                    value="{{ checkAndReturnValue($detail, 'cb_user_name') }}"
                    @if (!hasPermission('cbapproval', 'CashOutRequest')) readonly @endif>
            </div>
            <div class="page-content browse d-flex">
                @if (hasPermission('approval', 'CashOutRequest'))

                    @if (checkAndReturnValue($detail, 'is_approval_needed') == true &&
                            \App\Enums\CashOutStatus::getString(checkAndReturnValue($detail, 'status')) !== 'REJECTED')
                        <form id="approveForm" action="{{ route('core-wallet.request.approval') }}" method="POST"
                            style="display: inline;">
                            @csrf
                            <input type="hidden" name="status" value="APPROVED">
                            <input type="hidden" name="id" value="{{ checkAndReturnValue($detail, 'local_id') }}">
                            <input type="hidden" name="checker_name" id="approveCheckerName" value="">
                            <input type="hidden" name="checker_comment" id="approveCheckerComment" value="">
                            <button type="button" class="btn btn-sm btn-success pull-right approve" title="Approve"
                                onclick="setCheckerName('approve')">
                                <i class="voyager-check"></i> <span
                                    class="hidden-xs hidden-sm">{{ __('datatable.approve') }}</span>
                            </button>
                        </form>
                    @endif
                @endif
                @if (hasPermission('reject', 'CashOutRequest') &&
                        checkAndReturnValue($detail, 'status') == false &&
                        checkAndReturnValue($detail, 'is_approval_needed') == true)
                    <form id="rejectForm" action="{{ route('core-wallet.request.approval') }}" method="POST"
                        style="display: inline;">
                        @csrf
                        <input type="hidden" name="status" value="REJECTED">
                        <input type="hidden" name="id" value="{{ checkAndReturnValue($detail, 'local_id') }}">
                        <input type="hidden" name="checker_name" id="rejectCheckerName" value="">
                        <input type="hidden" name="checker_comment" id="rejectCheckerComment" value="">
                        <input type="hidden" name="rejection_reason" id="rejectRejectionReason" value="">
                        <button type="button" class="btn btn-sm btn-danger pull-right reject" title="Reject"
                            onclick="openRejectModal()">
                            <i class="voyager-x"></i> <span
                                class="hidden-xs hidden-sm">{{ __('datatable.reject') }}</span>
                        </button>
                    </form>
                @endif

                @if (hasPermission('revert', 'CashOutRequest') &&
                        checkAndReturnValue($detail, 'status') == false &&
                        checkAndReturnValue($detail, 'is_approval_needed') == true)
                    <form id="revertForm" action="{{ route('core-wallet.request.approval') }}" method="POST"
                        style="display: inline;">
                        @csrf
                        <input type="hidden" name="status" value="REVERTED">
                        <input type="hidden" name="id" value="{{ checkAndReturnValue($detail, 'local_id') }}">
                        <input type="hidden" name="checker_name" id="revertCheckerName" value="">
                        <input type="hidden" name="checker_comment" id="revertCheckerComment" value="">
                        <button type="button" class="btn btn-sm btn-warning pull-right ml-1" title="Revert"
                            onclick="setCheckerName('revert')">
                            <i class="voyager-refresh"></i> <span
                                class="hidden-xs hidden-sm">{{ __('datatable.revert') }}</span>
                        </button>
                    </form>
                @endif

                @if (
                    (auth()->user()->hasRole('CENTRAL_BANK') || auth()->user()->hasRole('central Bank')) &&
                        hasPermission('cbapproval', 'CashOutRequest') &&
                        \App\Enums\CashOutStatus::getString(checkAndReturnValue($detail, 'status')) === 'APPROVED' &&
                        \App\Enums\CashOutStatus::getCbString(checkAndReturnValue($detail, 'cb_status')) === 'NOT_SUBMITTED')
                    <button type="submit" id="saveCbCommentBtn" class="btn btn-primary"
                        data-local="{{ checkAndReturnValue($detail, 'local_id') }}">
                        {{-- {{__('voyager::generic.save')}} --}}
                    </button>
                @endif




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


    <div class="modal fade fade modal-danger" tabindex="-1" id="rejectModal" role="dialog" aria-labelledby="rejectModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="closeModel()"><span aria-hidden="true">&times;</span></button>
                    <h5 class="modal-title" id="rejectModalLabel">{{ __('form.rejection_reason') }}</h5>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <textarea class="form-control" id="rejectRejectionReasonTextarea" rows="5" name="rejection_reason" required>{{ checkAndReturnValue($detail, 'rejection_reason') }}</textarea>
                    </div>
                </div>
                <div class="modal-footer pt-0">
                    <button type="button" class="btn btn-default close-btn pull-right" data-dismiss="modal"
                        onclick="closeModel()">{{ __('voyager::generic.cancel') }}</button>
                    <button type="button" class="btn btn-danger submit-confirm" id="submitReject"
                        onclick="setCheckerName('reject')">{{ __('voyager::generic.submit') }}</button>
                </div>
            </div>
        </div>
    </div>

@stop

@section('javascript')
    <script>
        function setCheckerName(action) {
            var checkerName = document.getElementById('checkerName').value;
            var checkerComment = document.getElementById('textAreacheckerComment').value;
            if (action === 'approve') {
                document.getElementById('approveCheckerName').value = checkerName;
                document.getElementById('approveCheckerComment').value = checkerComment;
                Swal.fire({
                title: "{{ __('messages.confirmation_title') }}",
                text: "{{ __('messages.approval_confirmation') }}",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: "{{ __('messages.confirm') }}"
            }).then((result) => {
                console.log(result)
                if (result.value==true) {
                    document.getElementById('approveCheckerName').value = checkerName;
                    document.getElementById('approveForm').submit();
                }
            });
                // document.getElementById('approveForm').submit();
            } else if (action === 'reject') {
                var rejectionReason = document.getElementById('rejectRejectionReasonTextarea').value;
                document.getElementById('rejectCheckerName').value = checkerName;
                document.getElementById('rejectCheckerComment').value = checkerComment;
                document.getElementById('rejectRejectionReason').value = rejectionReason;
                document.getElementById('rejectForm').submit();
            } else if (action === 'revert') {
                document.getElementById('revertCheckerName').value = checkerName;
                document.getElementById('revertCheckerComment').value = checkerComment;

                Swal.fire({
                title: "{{ __('messages.confirmation_title') }}",
                text: "{{ __('messages.revert_confirmation') }}",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: "{{ __('messages.confirm') }}"
            }).then((result) => {
                console.log(result)
                if (result.value==true) {
                    document.getElementById('approveCheckerName').value = checkerName;
                document.getElementById('revertForm').submit();
                }
            });
            }
        }

        function openRejectModal() {
            var modal = new bootstrap.Modal(document.getElementById('rejectModal'));
            modal.show();
        }

        function closeModel() {
            var modal = bootstrap.Modal.getInstance(document.getElementById('rejectModal'));
            modal.hide();
        }



        $(document).ready(function() {

            $('#saveCbCommentBtn').click(function() {
                var cbCommentValue = $('#cbComment').val().trim();
                var cb_user_name = $('#cbUser').val().trim();
                var id = $(this).data('local');

                var csrfToken = $('meta[name="csrf-token"]').attr('content');
                if (cbCommentValue !== '') {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': csrfToken
                        }
                    });

                    $.ajax({
                        url: '{{ route('core-wallet.update.comment') }}',
                        method: 'POST',
                        data: {
                            cb_comment: cbCommentValue,
                            cb_user_name: cb_user_name,
                            id: id,
                            _token: csrfToken
                        },
                        success: function(response) {
                            if (response.success) {
                                toastr.success(response.message);
                                $('#saveCbCommentBtn').hide();
                            }
                        },
                        error: function(xhr, status, error) {
                            console.error('Error:', error);
                            toastr.success(error.message);
                        }
                    });
                } else {
                    alert('Please enter a CB Comment.');
                }
            });
        });
    </script>
@stop