@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')

    <form action="{{ route('core-wallet.request.update', $detail['local_id']) }}" method="POST" id="cashOutRequestForm">
        @csrf

        <div class="row">
            <div class="col-md-6">
                <!-- Left Column Fields -->
                <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>

            <div class="col-md-6">
                <!-- Right Column Fields -->
                <div class="form-group">
                    <label for="cbStatus">{{__('cashout.cb_status')}}:</label>
                    <input id="cbStatus" name="cb_status" type="text" class="form-control" value="{{ \App\Enums\CashOutStatus::getCbString(checkAndReturnValue($detail, 'cb_status')) }}" readonly>
                </div>
                <div class="form-group">
                    <label for="makeName">{{__('cashout.cashout.maker_name')}}:</label>
                    <input type="text" name="maker_name" class="form-control"
                        value="@if (hasPermission('edit', 'CashOutRequest') && checkAndReturnValue($detail, 'maker_name') == '') {{ auth()->user()->name }} @else {{ checkAndReturnValue($detail, 'maker_name') }} @endif">
                </div>
                <div class="form-group">
                    <label for="makerComment">{{__('cashout.cashout.maker_comment')}}:</label>
                    <textarea id="makerComment" name="maker_comment" class="form-control" @if (!hasPermission('edit', 'CashOutRequest')) readonly @endif>
                        {{ 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" value="{{ checkAndReturnValue($detail, 'checker_name') }}" class="form-control" @if (!hasPermission('approval', 'CashOutRequest')) readonly @endif>
                </div>
                <div class="form-group">
                    <label for="status">{{__('datatable.status')}}:</label>
                    <input id="status" name="status" type="text" class="form-control" value="{{ \App\Enums\CashOutStatus::getString(checkAndReturnValue($detail, 'status')) }}" readonly disabled>
                </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>Document</label>
                    <input type="file" data-file="document_img" id="cbDocument"
                        data-id="{{ checkAndReturnValue($detail, 'local_id') }}"
                        data-model="cashout_documents" data-col="cash_out"
                        data-name="{{ checkAndReturnValue($detail, 'req_reference_no') }}" data-field="document"
                        accept="image/*">
                    <input type="hidden" name="document" value="{{ checkAndReturnValue($detail, 'document') }}">
                </div>

                <div class="form-group">
                    <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="document_img_src"
                        style="width: 295px; height: auto;"
                        onclick="imgModal(this)">
                </div>

@php
    $status = \App\Enums\CashOutStatus::getString(checkAndReturnValue($detail, 'status'));
    $approvalNeeded = checkAndReturnValue($detail, 'is_approval_needed');
    $cbStatus=\App\Enums\CashOutStatus::getString(checkAndReturnValue($detail, 'cb_status'))

@endphp

@if(hasPermission('reject', 'CashOutRequest') && !in_array($status, ['REJECTED', 'APPROVED', 'PENDING']))
    <button title="Reject" class="btn btn-sm mr-1 btn-danger pull-right reject" type="button" >
        <i class="voyager-x"></i> <span class="hidden-xs hidden-sm">{{__('datatable.reject')}}</span>
    </button>
@endif


{{-- @if(hasPermission('edit', 'CashOutRequest') && (($status === 'REVERTED' || $status === 'NEW' || $approvalNeeded==false) ||  $cbStatus === 'NOT_SUBMITTED'))
 <button type="submit" class="btn btn-primary">{{__('form.submit_approval')}}</button>
@endif --}}
        @if(hasPermission('edit', 'CashOutRequest') && ($status == 'REVERTED' || $approvalNeeded == false))
        <button type="button" class="submit-form btn btn-primary border-primary focus:outline-none">
            {{ __('form.submit_approval') }}
        </button>
        @endif

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

    {{-- <div class="modal fade" 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="rejectionReason" name="rejection_reason" required>{{ checkAndReturnValue($detail, 'rejection_reason') }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default close-btn pull-right" data-dismiss="modal" onclick="closeModel()">{{ __('voyager::generic.cancel') }}</button>
                    <button type="submit" class="btn btn-primary" id="submitRejectionReason">{{__('voyager::generic.submit')}}</button>
                </div>
            </div>
        </div>
    </div> --}}

    @include('paynow.agents.fields')

    @section('javascript')
    <script>
        $("input[type='file']").on('change', function(event) {
            var file = event.target.files[0];
            var reader = new FileReader();
            reader.onload = function() {
                const csrfToken = document.head.querySelector('meta[name="csrf-token"]').content;
                var base64String = reader.result.split(',')[1];
                const url = "{{ route('files.request') }}";
                const data = {
                    image: base64String,
                    name: 'cash-out',
                    process: "MERCHANT_PAYMENT",
                    _token: csrfToken
                };
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: data,
                    headers: {
                        'X-CSRF-Token': csrfToken
                    },
                    success: function(response) {
                        if (response.success) {
                            $('input[name="document"]').val(response.data);
                            $('.document_img_src').attr('src', response.data);
                        } else {
                            toastr.error(response.message);
                        }
                    },
                    error: function(xhr, status, error) {
                        toastr.error(error);
                        console.error('Error:', error);
                    }
                });
            };
            reader.readAsDataURL(file);
        });

        $(document).ready(function () {
            $('#submitRejectionReason').click(function () {
                $('<input>').attr({
                    type: 'hidden',
                    name: 'status',
                    value: 'REJECTED'
                }).appendTo('#cashOutRequestForm');

                const rejectionReason = $('#rejectionReason').val();
                $('<input>').attr({
                    type: 'hidden',
                    name: 'rejection_reason',
                    value: rejectionReason
                }).appendTo('#cashOutRequestForm');

                $('#cashOutRequestForm').submit();
            });
        });


    $(".reject").on('click',function(e){
        var title = '{{ __('messages.confirmation_title')}}';
        var text = '{{ __('messages.rejection_confirmation')}}';
        var confirmButtonText = '{{ __('messages.confirm')}}';
        var cancelButtonText = '{{ __('messages.cancel')}}';
        var rejectionReason = '{{ __('messages.provide_reason')}}';

        var sendData = {
            rejection_reason:"",

        };
        Swal.fire({
            title: title,
            text: text,
            input: 'textarea',
            inputLabel: '',
            inputPlaceholder: rejectionReason,
            showCancelButton: true,
            confirmButtonText: confirmButtonText,
            cancelButtonText: cancelButtonText,
            confirmButtonColor: '#ed4c78',
            cancelButtonColor: '#6c757d',
            preConfirm: (comment) => {
                if (!comment) {
                    Swal.showValidationMessage('{{ __('messages.provide_reason')}}');
                }
                return comment;
            }
        }).then((result) => {
                if (result.value && result.value.trim() !== '') {
                    sendData.rejection_reason = result.value;
                    let form = $('#cashOutRequestForm');
                    form.find('input[name="rejection_reason"]').remove();
                    form.append('<input type="hidden" name="rejection_reason" value="' + result.value.trim() + '">');
                    form.append('<input type="hidden" name="status" value="REJECTED">');
                    form.submit();
            }else {
                    Swal.fire({
                        icon: 'warning',
                        title: cancel_warn,
                    });
                }

        });
    });

    $('.submit-form').on('click', function (e) {
    e.preventDefault(); // Prevent default form submission behavior

    var title = '{{ __('messages.confirmation_title') }}';
    var confirmationText = '{{ __('messages.submit_confirmation') }}';
    var confirmButtonText = '{{ __('messages.confirm') }}';
    var cancelButtonText = '{{ __('messages.cancel') }}';

    Swal.fire({
        title: title,
        text: confirmationText,
        icon: "warning",
        showCancelButton: true,
        confirmButtonText: confirmButtonText,
        cancelButtonText: cancelButtonText,
        confirmButtonColor: '#28a745',
        cancelButtonColor: "#ed4c78"
    }).then((result) => {
        if (result.value==true) {
            $('#cashOutRequestForm').submit();
        }
    });
});

    </script>
    @stop

@stop