@extends('voyager::master')

@section('page_title', checkAndReturnValue($agentDetails, 'company_name'))

@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('icon/merchant.png') }}"
                        src="{{ asset('icon/merchant.png') }}" width="38" alt="img">
                    <div class="w-0 flex-grow pl-2 mt-2">
                        <h1 class="page-header-title mb-0">{{ checkAndReturnValue($agentDetails, 'company_name') }} <span
                                class="badge badge-info">


                                {{ __('datatable.' . strtolower(checkAndReturnValue($agentDetails, 'status'))) }}

                            </span></h1>
                        <p class="page-header-text m-0"> {{ __('merchant.sub_title') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="page-content browse no-input-border">
        <ul class="nav nav-tabs mb-4">
            <li class="nav-item">
                <a class="nav-link lang_link active" data-target="company-information">{{ __('company.company_info') }}</a>
            </li>
            @if (in_array(strtolower(checkAndReturnValue($agentDetails, 'status')), ['active', 'verified']))
                <li class="nav-item">
                    <a class="nav-link lang_link" data-target="wallet-details">{{ __('wallet.wallet_details') }}</a>
                </li>
            @endif
        </ul>
        <div class="tab-tagets company-information">
            <div class="row">
                <div class="col-md-7">
                    <div class="card card card-bordered card-warning">
                        <div class="card-body">
                            <div class="row pointer-events-none">
                                <div class="form-group  col-md-12">
                                    <h4>{{ __('company.company_info') }}</h4>
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('company.company_name') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_name') }}">
                                </div>

                                <div class="form-group  col-md-6">
                                    <label>{{ __('company.commercial_registration') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'commercial_reg_number') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('form.phone_number') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_contact_number') }}">
                                </div>
                                <div class="form-group col-md-6">
                                    <label>{{ __('form.email_address') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_email') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('form.website_url') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_website_url') }}">
                                </div>

                                <div class="form-group  col-md-6">
                                    <label>{{ __('form.pan_card') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_pan_tax_number') }}">
                                </div>

                                <div class="form-group  col-md-6">
                                    <label> {{ __('form.establish_date') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_establish_date') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('datatable.registration_date') }}</label>
                                    <input class="form-control"
                                        value="{{ formatTimestamp(checkAndReturnValue($agentDetails, 'registration_date'),'d-m-Y') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('form.geolocation') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_geolocation') }}">
                                </div>


                                <div class="form-group  col-md-6">
                                    <label>{{ transWithFallback('form.category_name_merchant') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'companySectorType') }}">
                                </div>

                                {{-- <div class="form-group  col-md-6">
                                    <label>{{ __('form.sector_type') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'company_sector_type') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('form.activity_type') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'activity_title') }}">
                                </div> --}}


                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row pointer-events-none">
                                <div class="form-group  col-md-12">
                                    <h4>{{ __('form.authorize.heading') }}</h4>
                                </div>
                                <div class="form-group  col-md-6">
                                    <label> {{ __('form.name_arabic') }} </label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'ar_name') }}">
                                </div>
                                {{-- <div class="form-group  col-md-6">
                                    <label> English Name</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'en_name') }}">
                        </div> --}}
                                <div class="form-group  col-md-6">
                                    <label>{{ __('form.mobile_number') }} </label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'mobile_number') }}">
                                </div>

                                <div class="form-group  col-md-6">
                                    <label> {{ __('form.email_address') }} </label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'contact_person_email') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label> {{ __('form.gender.gender') }} </label>
                                    <input class="form-control" value="{{ checkAndReturnValue($agentDetails, 'gender') }}">
                                </div>


                                <div class="form-group  col-md-6">
                                    <label> {{ __('form.dob') }} </label>
                                    <input class="form-control"
                                        value="{{ formatTimestamp(checkAndReturnValue($agentDetails, 'date_of_birth'), 'd-m-Y') }}">
                                </div>


                                <div class="form-group  col-md-6">
                                    <label> {{ __('form.nationality') }} </label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'nationality') ? checkAndReturnValue($agentDetails, 'nationality') : 'Libya' }}">
                                </div>
                                <div class="col-md-12 disp-flex">

                                    <div class="form-group ">
                                        <label> {{ __('form.national_id') }}</label>
                                        <input class="form-control"
                                            value="{{ checkAndReturnValue($agentDetails, 'national_id') }}">
                                    </div>
                                    <div class="form-group mr5 ">
                                        <label for="nationalID">{{ __('form.issue_date') }}</label>
                                        <input class="form-control"
                                            value="{{ checkAndReturnValue($agentDetails, 'nid_issue_date') }}">
                                    </div>
                                    <div class="form-group ">
                                        <label for="nationalID">{{ __('form.expire_date') }}</label>
                                        <input class="form-control"
                                            value="{{ checkAndReturnValue($agentDetails, 'nid_expiry_date') }}">
                                    </div>
                                </div>
                                <div class="col-md-12 disp-flex">

                                    <div class="form-group">
                                        <label> {{ __('form.passport_number') }}</label>
                                        <input class="form-control"
                                            value="{{ checkAndReturnValue($agentDetails, 'passport_number') }}">
                                    </div>
                                    <div class="form-group mr5">
                                        <label for="passportIssue">{{ __('form.issue_date') }}</label>
                                        <input class="form-control"
                                            value=" {{ formatTimestamp(checkAndReturnValue($agentDetails, 'passport_issue_date'), 'd-m-Y') }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="passportExpiryDate">{{ __('form.expire_date') }}</label>
                                        <input class="form-control"
                                            value="{{ formatTimestamp(checkAndReturnValue($agentDetails, 'passport_expiry_date'), 'd-m-Y') }}">
                                    </div>

                                </div>

                                <div class="col-md-12 disp-flex">
                                    <label for="passportExpiryDate">{{ __('form.topup.remarks') }}</label>
                                    <textarea disabled class="form-control text-left" rows="2">
                        {{ checkAndReturnValue($agentDetails, 'rejection_reason') }}
                    </textarea>
                                </div>



                                <div class="col-md-12 disp-flex">
                                    <label for="passportExpiryDate">{{ __('form.comments') }}</label>
                                    <textarea disabled class="form-control text-align-left" rows="2">
                {{ checkAndReturnValue($agentDetails, 'comments') }}
            </textarea>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="card card card-bordered card-warning">

                        <div class="card-body pointer-events-none">
                            <div class="row">
                                <div class="form-group  col-md-12">
                                    <h4>{{ __('datatable.bank.bank_detail') }}</h4>
                                </div>
                                {{-- <div class="form-group  col-md-6">
                                    <label>Registered Mobile Number</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'registered_mobile_number') }}">
                </div> --}}

                                <div class="form-group  col-md-6">
                                    <label>{{ __('datatable.bank.bank_name') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'bank_name') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('datatable.bank.branch') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'branch') }}">
                                </div>
                                <div class="form-group  col-md-6">
                                    <label>{{ __('datatable.bank.bank_acc_number') }}</label>
                                    <input class="form-control"
                                        value="{{ checkAndReturnValue($agentDetails, 'bank_account_number') }}">
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group  col-md-12">
                                    <h4>{{ __('datatable.bank.document') }}</h4>
                                </div>
                                <div class="form-group  col-md-6">
                                    <div>{{ __('form.authorize.national_id_front') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'nid_front') ? checkAndReturnValue($agentDetails, 'nid_front') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'nid_front') ? checkAndReturnValue($agentDetails, 'nid_front') : asset('img/default.png') }}"
                                        class="nid_front_img_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                                <div class="form-group  col-md-6 ">
                                    <div>{{ __('form.national_id_back') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'nid_back') ? checkAndReturnValue($agentDetails, 'nid_back') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'nid_back') ? checkAndReturnValue($agentDetails, 'nid_back') : asset('img/default.png') }}"
                                        class="nid_back_img_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                                <div class="form-group  col-md-6">
                                    <div>{{ __('company.company_regist_certificate') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'company_registration_certificate') ? checkAndReturnValue($agentDetails, 'company_registration_certificate') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'company_registration_certificate') ? checkAndReturnValue($agentDetails, 'company_registration_certificate') : asset('img/default.png') }}"
                                        class="company_registration_certificate_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                                <div class="form-group  col-md-6">
                                    <div>{{ __('company.company_pan_tax') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'pan_tax_card') ? checkAndReturnValue($agentDetails, 'pan_tax_card') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'pan_tax_card') ? checkAndReturnValue($agentDetails, 'pan_tax_card') : asset('img/default.png') }}"
                                        class="pan_tax_card_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                                <div class="form-group  col-md-6">
                                    <div>{{ __('form.kyc_form') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'kyc_form') ? checkAndReturnValue($agentDetails, 'kyc_form') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'kyc_form') ? checkAndReturnValue($agentDetails, 'kyc_form') : asset('img/default.png') }}"
                                        class="kyc_form_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>

                                <div class="form-group  col-md-6">
                                    <div>{{ __('form.passport_first_page') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'passport_front') ? checkAndReturnValue($agentDetails, 'passport_front') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'passport_front') ? checkAndReturnValue($agentDetails, 'passport_front') : asset('img/default.png') }}"
                                        class="passport_front_img_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                                <div class="form-group  col-md-6 d-none">
                                    <div>{{ __('form.passport_sec_page') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'passport_back') ? checkAndReturnValue($agentDetails, 'passport_back') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'passport_back') ? checkAndReturnValue($agentDetails, 'passport_back') : asset('img/default.png') }}"
                                        class="passport_back_img_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                                <div class="form-group  col-md-6">
                                    <div>{{ __('company.power_autonomy') }}</div>
                                    <img src="{{ checkAndReturnValue($agentDetails, 'proof_of_address') ? checkAndReturnValue($agentDetails, 'proof_of_address') : asset('img/default.png') }}"
                                        data-src="{{ checkAndReturnValue($agentDetails, 'proof_of_address') ? checkAndReturnValue($agentDetails, 'proof_of_address') : asset('img/default.png') }}"
                                        class="passport_back_img_src" style="width: 295px; height: auto;"
                                        onclick="imgModal(this)">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-none tab-tagets wallet-details">
            @if (in_array(strtolower(checkAndReturnValue($agentDetails, 'status')), ['active', 'verified']))
                <div class="row">
                    <div class="col-md-12">
                        <div class="card card-bordered">
                            <div class="card-body">
                                                                <table class="mb-5">
                                    <tbody>
                                        <tr>
                                            <th class="pr-5 pb-2"><strong>{{ __('datatable.account_name') }}</strong> :
                                                {{ checkAndReturnValue($walletInfo, 'name') }}</th>
                                            <th class="pb-2"><strong>{{ __('datatable.wallet_id') }}</strong> :
                                                {{ checkAndReturnValue($walletInfo, 'walletId') }}</th>
                                        </tr>
                                        <tr>
                                            <th class="pr-5pb-2"><strong>{{ __('datatable.current_balance') }}</strong> :
                                                {{ format_number(checkAndReturnValue($walletInfo, 'currentBalance'), null, true) }}
                                            </th>
                                            <th class="pb-2"><strong>{{ __('datatable.available_balance') }}</strong> :
                                                {{ format_number(checkAndReturnValue($walletInfo, 'availableBalance'), null, true) }}
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="pr-5"><strong>{{ __('voyager::form.mobile_number') }}</strong> :
                                                {{ checkAndReturnValue($walletInfo, 'mobileNo') }}</th>
                                            <th><strong>{{ strtoupper(__('datatable.status')) }}</strong> :
                                                {{ checkAndReturnValue($walletInfo, 'status') }}</th>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="table-responsive">
                                    <table id="dataTable" class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th style="width: 150px;">{{ __('datatable.reference_number') }}</th>
                                                <th style="width: 150px;">{{ __('datatable.date') }}</th>
                                                <th class="text-center">

                                                    {{ __('voyager::form.lyd_currency') }}
                                                </th>
                                                <th class="text-center">{{ __('datatable.trx_type') }}</th>
                                                <th>{{ __('datatable.description') }}</th>
                                                <th style="width: 150px;" class="text-center">
                                                    {{ __('datatable.running_balance') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($walletDetails as $detail)
                                                <tr>
                                                    <th>{{ checkAndReturnValue($detail, 'referenceNo') }}</th>
                                                    <th class="text-uppercase">
                                                        {{ checkAndReturnValue($detail, 'createdAt') ?? '' }}
                                                    </th>
                                                    <th class="text-center">
                                                        {{ format_number(checkAndReturnValue($detail, 'amount')) }}
                                                    </th>
                                                    <th class="text-center">
                                                        @php
                                                            $transactionSign = checkAndReturnValue(
                                                                $detail,
                                                                'transactionSign',
                                                            );
                                                            $displaySign = '';
                                                            if ($transactionSign) {
                                                                $displaySign =
                                                                    $transactionSign[0] === 'D'
                                                                        ? __('datatable.filters.dr')
                                                                        : ($transactionSign[0] === 'C'
                                                                            ? __('datatable.filters.cr')
                                                                            : ($transactionSign = checkAndReturnValue(
                                                                                $detail,
                                                                                'transactionSign',
                                                                            )));
                                                            }
                                                        @endphp
                                                        {{ $displaySign }}
                                                    </th>

                                                    <th>{{ checkAndReturnValue($detail, 'description') }}</th>
                                                    <th class="text-center">
                                                        {{ format_number(checkAndReturnValue($detail, 'runningBalance')) }}
                                                    </th>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>


    <div class="page-content browse">

        @if (checkAndReturnValue($agentDetails, 'is_approval_needed') == true && hasPermission('approval', 'Merchant'))
            <a title="Approve" class="btn btn-sm btn-success pull-right approve custom-approve-button"
                onclick="manageApproveRejectModalAttributes('approve')"
                >
                <i class="voyager-check"></i> <span
                    class="hidden-xs hidden-sm">{{ __('voyager::datatable.approve') }}</span>
            </a>
            {{-- <a title="Reject" class="btn btn-sm btn-danger pull-right reject" onclick="manageApproveRejectModalAttributes('reject')">
        <i class="voyager-x"></i> <span class="hidden-xs hidden-sm">Reject</span>
    </a> --}}
        @endif
        @if (checkAndReturnValue($agentDetails, 'is_approval_needed') == true &&
                hasPermission('reject', 'Customer') &&
                hasPermission('approval', 'Merchant'))
            <a title="Reject" class="btn btn-sm btn-danger pull-right reject custom-reject-button "
                {{-- onclick="manageApproveRejectModalAttributes('reject')" --}}
                >
                <i class="voyager-x"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::datatable.reject') }}</span>
            </a>
        @endif
        @if (in_array(checkAndReturnValue($agentDetails, 'status'), ['PENDING', 'REJECTED', 'DEACTIVE']) == true &&
                hasPermission('revert', 'Merchant') &&
                checkAndReturnValue($agentDetails, 'is_approval_needed') == true)
            <a title="revert" class="btn btn-sm btn-danger pull-right revert custom-revert-button"
                {{-- onclick="manageApproveRejectModalAttributes('reverted')" --}}
                >
                <i class="voyager-x"></i> <span class="hidden-xs hidden-sm">{{ __('voyager::datatable.revert') }}</span>
            </a>
        @endif
    </div>
    <div class="modal fade" tabindex="-1" id="approve_reject_modal" role="dialog">
        <div class="modal-dialog">
            <form action="{{ route('merchant.approve.reject') }}" id="approve_reject_form" method="POST"
                class="modal-content">
                {{ csrf_field() }}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}" onclick="closeModel()"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="request_id"
                        value="  {{ checkAndReturnValue($agentDetails, 'request_id') }}">
                    <input type="hidden" name="local_id">
                    <input type="hidden" name="status">
                    <textarea name="remarks" rows="5" class="form-control" placeholder="comments ...">{{ checkAndReturnValue($agentDetails, 'comments') }}</textarea>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn pull-right submit-confirm"></button>
                    <button type="button" class="btn btn-default close-btn pull-right" data-dismiss="modal"
                        onclick="closeModel()">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </form>
        </div>
    </div>
@stop



@section('javascript')
    <script>
        $(document).ready(function() {
            var searchLabel = "@lang('datatable.sSearch')";
            var lengthMenuLabel = "@lang('datatable.sLengthMenu')";
            var infoLabel = "@lang('datatable.sInfo')";
            var infoEmptyLabel = "@lang('datatable.sInfoEmpty')";
            var infoFilteredLabel = "@lang('datatable.sInfoFiltered')";
            var loadingRecordsLabel = "@lang('datatable.sLoadingRecords')";
            var processingLabel = "@lang('datatable.sProcessing')";
            var zeroRecordsLabel = "@lang('datatable.sZeroRecords')";

            var firstLabel = "@lang('datatable.oPaginate.sFirst')";
            var lastLabel = "@lang('datatable.oPaginate.sLast')";
            var nextLabel = "@lang('datatable.oPaginate.sNext')";
            var previousLabel = "@lang('datatable.oPaginate.sPrevious')";

            var sortAscendingLabel = "@lang('datatable.oAria.sSortAscending')";
            var sortDescendingLabel = "@lang('datatable.oAria.sSortDescending')";
            var table = $('#dataTable').DataTable({
                "pageLength": 25,
                paging: true,
                ordering: true,
                order: [
                    [1, 'desc']
                ],
                "columnDefs": [{
                    "targets": [1],
                    "type": "datetime-dmy"
                }],
                searching: true,
                language: {
                    search: searchLabel,
                    lengthMenu: lengthMenuLabel,
                    info: infoLabel,
                    infoEmpty: infoEmptyLabel,
                    infoFiltered: infoFilteredLabel,
                    loadingRecords: loadingRecordsLabel,
                    processing: processingLabel,
                    zeroRecords: zeroRecordsLabel,
                    paginate: {
                        first: firstLabel,
                        last: lastLabel,
                        next: nextLabel,
                        previous: previousLabel
                    },
                    aria: {
                        sortAscending: sortAscendingLabel,
                        sortDescending: sortDescendingLabel
                    }
                },
                dom: 'Bfrtip',
                buttons: [{
                        extend: 'excel',
                        text: '&#x1F4C4; {{ __('datatable.buttons.export_csv') }}',
                        className: 'btn btn-sm btn-primary'
                    },
                    {
                        extend: 'print',
                        text: '&#x1F5A8; {{ __('datatable.buttons.print_save') }}',
                        className: 'btn btn-sm btn-secondary',

                        customize: function(win) {
                        $(win.document.body).addClass('white-bg');
                        $(win.document.body).css('font-size', '10px');

                        var isArabic = "{{ app()->getLocale() }}" === "ar";
                        var textAlign = isArabic ? 'right' : 'left'; // Set alignment based on locale

                        $(win.document.body).find('table').addClass('compact').css({
                        'font-size': 'inherit',
                        'text-align': textAlign, // Apply the conditional text alignment
                        'width': '100%'
                        });

                        $(win.document.body).find('table td, table th').css('text-align', textAlign);

                        $(win.document.body).prepend(`
                        <h3 style="margin:2rem 2rem 0 2rem;">{{ __('wallet.wallet_details') }}</h3>
                        <table class="mb-5" style="margin:1rem 2rem 0 2rem;">
                            <tbody>
                                <tr>
                                    <th class="pr-5 pb-2">
                                        <strong>{{ __('datatable.account_name') }}</strong> :
                                        @if (isset($walletInfo['name']))
                                        {{ checkAndReturnValue($walletInfo, 'name') }}
                                        @endif
                                    </th>
                                    <th class="pb-2">
                                        <strong>{{ __('datatable.wallet_id') }}</strong> :
                                        @if (isset($walletInfo['walletId']))
                                        {{ checkAndReturnValue($walletInfo, 'walletId') }}
                                        @endif
                                    </th>
                                </tr>
                                <tr>
                                    <th class="pr-5 pb-2">
                                        <strong>{{ __('datatable.current_balance') }}</strong> :
                                        @if (isset($walletInfo['currentBalance']))
                                        {{ format_number(checkAndReturnValue($walletInfo, 'currentBalance')) }}
                                        @endif
                                    </th>
                                    <th class="pb-2">
                                        <strong>{{ __('datatable.available_balance') }}</strong> :
                                        @if (isset($walletInfo['availableBalance']))
                                        {{ format_number(checkAndReturnValue($walletInfo, 'availableBalance')) }}
                                        @endif
                                    </th>
                                </tr>
                                <tr>
                                    <th class="pr-5">
                                        <strong>{{ __('voyager::form.mobile_number') }}</strong> :
                                        @if (isset($walletInfo['mobileNo']))
                                        {{ checkAndReturnValue($walletInfo, 'mobileNo') }}
                                        @endif
                                    </th>
                                    <th>
                                        <strong>{{ strtoupper(__('datatable.status')) }}</strong> :
                                        @if (isset($walletInfo['status']))
                                        {{ checkAndReturnValue($walletInfo, 'status') }}
                                        @endif
                                    </th>
                                </tr>
                            </tbody>
                        </table>
                        `);

                        $(win.document.body).find('table.mb-5 td, table.mb-5 th').css('text-align', textAlign);

                        $(win.document.body).find('thead').addClass('thead-print');
                        $(win.document.head).find('title').remove();

                        // Remove headings
                        $(win.document.body).find('h1, h2, h3, h4, h5, h6').remove();
                        },
                    }
                ],
            });


            $('.dataTables_filter').append(`
            <label>{{ __('datatable.type') }}:
                <select id="type"
                 placeholder="Please Select" style="padding: 7px; border: 1px solid #ced4da; border-radius: 4px; transition: border-color 0.3s;">
                    <option value="" selected>{{ __('datatable.filters.all') }}</option>
                    <option value="{{ __('datatable.filters.cr') }}">{{ __('datatable.filters.cr') }}</option>
                    <option value="{{ __('datatable.filters.dr') }}">{{ __('datatable.filters.dr') }}</option>
                </select>
            </label>
            <label>{{ __('datatable.filters.from_date') }}:<input type="date" id="fromDate" placeholder="{{ __('datatable.dd_mm_yy') }}"></label>
            <label>{{ __('datatable.filters.to_date') }}:<input type="date" id="toDate" placeholder="{{ __('datatable.dd_mm_yy') }}"></label>
        `);

            flatpickr("#fromDate", {
                locale: "{{ App::getLocale() }}",
                dateFormat: "Y-m-d",
                altInput: true,
                altFormat: "d/m/Y",
            });
            flatpickr("#toDate", {
                locale: "{{ App::getLocale() }}",
                dateFormat: "Y-m-d",
                altInput: true,
                altFormat: "d/m/Y",
            });
            $('.flatpickr-input').next('.form-control').removeClass('form-control');
            $('#fromDate, #toDate, #type').change(function() {
                var fromDate = $('#fromDate').val();
                var toDate = $('#toDate').val();
                var selectedType = $('#type').val();

                $.fn.dataTable.ext.search.pop();

                $.fn.dataTable.ext.search.push(
                    function(settings, data, dataIndex) {
                        var dateValue = data[1]; // Assuming the date is in the second column
                        var typeValue = data[3]; // Assuming the type is in the fourth column
                        var dateOnly = dateValue.split(" ")[0];

                        var datatableDate = new Date(dateOnly.split("-").reverse().join("-"));
                        datatableDate.setHours(0, 0, 0, 0);

                        var dateMatches = true;
                        if (fromDate && toDate) {
                            var fromTime = new Date(fromDate);
                            var toTime = new Date(toDate);
                            fromTime.setHours(0, 0, 0, 0);
                            toTime.setHours(23, 59, 59, 999);
                            dateMatches = datatableDate >= fromTime && datatableDate <= toTime;
                        }

                        var typeMatches = !selectedType || (selectedType && typeValue === selectedType);

                        return dateMatches && typeMatches;
                    }
                );

                table.draw();
            });
            // $('#type').change(function() {
            //     var selectedType = $('#type').val();

            //     $.fn.dataTable.ext.search.pop();

            //     $.fn.dataTable.ext.search.push(
            //         function(settings, data, dataIndex) {
            //             var transactionType = data[3];
            //             if (selectedType === "") {
            //                 return true;
            //             }
            //             return transactionType === selectedType;
            //         }
            //     );

            //     table.draw();
            // });

        });
    </script>

    <script>
        // function closeModal() {
        //     $("#approve_reject_modal input[name='agent_id']").val('')
        //     $("#approve_reject_modal input[name='local_id']").val('')
        //     $("#approve_reject_modal input[name='status']").val('')
        //     $('#approve_reject_modal .modal-title').html(``)
        //     $('#approve_reject_modal .submit-confirm').html(`Yes, `)
        //     $("#approve_reject_modal textarea[name='remarks']").hide()
        // }

        // function manageApproveRejectModalAttributes(action) {
        //     $("#approve_reject_modal textarea[name='remarks']").hide()
        //     let companyName = "{{ checkAndReturnValue($agentDetails, 'company_name') }}";
        //     let enName = "{{ checkAndReturnValue($agentDetails, 'en_name') }}";
        //     let arName = "{{ checkAndReturnValue($agentDetails, 'ar_name') }}";
        //     let name = companyName && companyName.trim() !== "" ? companyName :
        //         (enName && enName.trim() !== "" ? enName.toUpperCase() : arName?.toUpperCase());
        //     let agentID = "{{ checkAndReturnValue($agentDetails, 'id') }}";
        //     let localID = "{{ checkAndReturnValue($agentDetails, 'local_id') }}";
        //     $("#approve_reject_modal input[name='agent_id']").val(agentID)
        //     $("#approve_reject_modal input[name='local_id']").val(localID)
        //     switch (action) {
        //         case 'reject':
        //             $("#approve_reject_modal input[name='status']").val('REJECTED')
        //             $('#approve_reject_modal .modal-title').html(`
        //          Are you sure you want to reject &nbsp; ${name}?
        //     `)
        //             $('#approve_reject_modal .submit-confirm').html(`Yes, Reject`)
        //             $('#approve_reject_modal .submit-confirm').removeClass(`btn-success`)
        //             $('#approve_reject_modal .submit-confirm').addClass(`btn-danger`)
        //             $('#approve_reject_modal').removeClass(`modal-success`)
        //             $('#approve_reject_modal').addClass(`modal-danger`)
        //             $("#approve_reject_modal textarea[name='remarks']").show()
        //             $('#approve_reject_modal').modal('show');
        //             break;
        //         case 'approve':
        //             $("#approve_reject_modal input[name='status']").val('VERIFIED')
        //             $('#approve_reject_modal .modal-title').html(`
        //          Are you sure you want to approve '${name} '&nbsp;?
        //     `)
        //             $('#approve_reject_modal .submit-confirm').html(`Yes, Approve`)
        //             $('#approve_reject_modal .submit-confirm').removeClass(`btn-danger`)
        //             $('#approve_reject_modal .submit-confirm').addClass(`btn-success`)
        //             $('#approve_reject_modal').removeClass(`modal-danger`)
        //             $('#approve_reject_modal').addClass(`modal-success`)
        //             $('#approve_reject_modal').modal('show');
        //             break;

        //         case 'reverted':
        //             $("#approve_reject_modal input[name='status']").val('REVERTED')
        //             $('#approve_reject_modal .modal-title').html(`
        //             Are you sure you want to revert &nbsp; '${name}' &nbsp;?
        //         `);
        //             $('#approve_reject_modal .submit-confirm').html(`Yes, Revert`)
        //             $('#approve_reject_modal .submit-confirm').removeClass(`btn-danger`).addClass(`btn-success`)
        //             $('#approve_reject_modal').removeClass(`modal-danger`).addClass(`modal-success`)
        //             $("#approve_reject_modal textarea[name='remarks']").show()
        //             $('#approve_reject_modal').modal('show');
        //             break;
        //         default:
        //             break;
        //     }
        // }

        $(".custom-approve-button").on('click',function(e){
            var title = '{{ __('messages.confirmation_title')}}';
            var confirmationText = '{{ __('messages.approval_confirmation')}}';
            var confirmButtonText = '{{ __('messages.confirm')}}';
            var cancelButtonText = '{{ __('messages.cancel')}}';
            var sendData = {
                agent_id : "{{ checkAndReturnValue($agentDetails, 'id') }}",
                request_id : "{{ checkAndReturnValue($agentDetails, 'request_id') }}",
                local_id : "{{ checkAndReturnValue($agentDetails, 'local_id') }}",
                status : 'VERIFIED',
                remarks : '',
            };
            Swal.fire({
            title: title,
            text: confirmationText,
            icon: "warning",
            showCancelButton: true,
            showConfirmButton: true,

            confirmButtonText: confirmButtonText,
            cancelButtonText: cancelButtonText,
            confirmButtonColor: '#28a745',
            cancelButtonColor:"#ed4c78"
        }).then((result) => {

            if (result.value==true) {
                post_to_url('{{ route('merchant.approve.reject') }}',sendData,'POST');
            }
        });
    });

    $(".custom-reject-button").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.placeholder.rejection_reason')}}';

        var sendData = {
            agent_id : "{{ checkAndReturnValue($agentDetails, 'id') }}",
            request_id : "{{ checkAndReturnValue($agentDetails, 'request_id') }}",
            local_id : "{{ checkAndReturnValue($agentDetails, 'local_id') }}",
            status : 'REJECTED',
        };
        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.remarks = result.value;
                    post_to_url('{{ route('merchant.approve.reject') }}',sendData,'POST');

            }else {
                    Swal.fire({
                        icon: 'warning',
                        title: cancel_warn,
                        // text: cancel_warn,
                    });
                }

        });
    });


    $(".custom-revert-button").on('click',function(e){
        var title = '{{ __('messages.confirmation_title')}}';
        var confirmationText = '{{ __('messages.revert_confirmation')}}';
        var confirmButtonText = '{{ __('messages.confirm')}}';
        var cancelButtonText = '{{ __('messages.cancel')}}';
        var revertReason = '{{ __('messages.placeholder.revert_reason')}}';
        var sendData = {
            agent_id : "{{ checkAndReturnValue($agentDetails, 'id') }}",
            request_id : "{{ checkAndReturnValue($agentDetails, 'request_id') }}",
            local_id : "{{ checkAndReturnValue($agentDetails, 'local_id') }}",
            status : 'REVERTED',
        };
        Swal.fire({
            title: title,
            input: 'textarea',
            inputLabel: '',
            inputPlaceholder: revertReason,
            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.remarks = result.value;
                    post_to_url('{{ route('merchant.approve.reject') }}',sendData,'POST');

            }else {
                    Swal.fire({
                        icon: 'warning',
                        title: cancel_warn,
                        // text: cancel_warn,
                    });
                }

        });
    });


    function post_to_url(path, params, method) {
    method = method || "post";


    var form = document.createElement("form");
    form.setAttribute("method", method);
    form.setAttribute("action", path);
    var csrfField = document.createElement("input");
    csrfField.setAttribute("type", "hidden");
    csrfField.setAttribute("name", "_token");
    csrfField.setAttribute("value", "{{ csrf_token() }}");

    form.appendChild(csrfField);


    for(var key in params) {
        if(params.hasOwnProperty(key)) {
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", key);
            hiddenField.setAttribute("value", params[key]);

            form.appendChild(hiddenField);
         }
    }

    document.body.appendChild(form);
    form.submit();
}


    </script>
@stop