@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('icon/draft_merchant.png') }}"
                        src="{{ asset('icon/draft_merchant.png') }}" width="38" alt="img">
                    <div class="w-0 flex-grow pl-2 mt-2">
                        <h1 class="page-header-title mb-0">
                            {{ strtolower(str_replace('_', ' ', $status)) }}
                            {{ __('merchant.title') }}
                            <span class="badge badge-pill badge-info">{{ $agents->count() ?? '' }}</span>
                        </h1>
                        <p class="page-header-text m-0">
                            {{ __('merchant.sub_title') }} </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('content')
    @include('_partials.alerts')
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-bordered">
                <div class="table-responsive">
                    <table id="dataTable" class="table table-hover agent-table">
                        <thead>
                            <tr>
                                <th>{{ __('datatable.sn') }}</th>
                                <th>{{ __('merchant.name') }}</th>
                                <th>{{ __('datatable.cr_number') }}</th>
                                <th>{{ __('datatable.auth_person') }}</th>
                                <th>{{ __('form.mobile_number') }}</th>
                                @if (isset($agents) && $agents->pluck('registration_date')->filter()->isNotEmpty())
                                    <th>{{ __('datatable.registration_date') }}</th>
                                @endif
                                <th>{{ __('datatable.status') }}</th>
                                <th class="actions text-right dt-not-orderable">{{ __('voyager::generic.actions') }}
                                </th>
                            </tr>
                        </thead>
                        @if (isset($agents))
                            @if (count($agents) > 0)
                                <tbody>
                                    @foreach ($agents as $index => $agent)
                                        <tr data-index="{{ $index }}" data-id="{{ $agent['_id'] }}"
                                            data-user-id="{{ $agent['request_id'] }}"
                                            data-name="{{ $agent->companyInfo?->name ?? '' }}"
                                            data-local-id="{{ checkAndReturnValue($agent, 'local_id') }}">
                                            <td>{{ ++$index }}</td>

                                            <td class="text-capitalize">
                                                {{ $agent->companyInfo?->name ?? '' }}
                                            </td>
                                            <td>{{ checkAndReturnValue($agent->documents?->where('doc_type', 'company')->first(), 'doc_number') }}
                                            </td>
                                            <td class="text-capitalize">{{ checkAndReturnValue($agent, 'ar_name') }}
                                                <br> {{ checkAndReturnValue($agent, 'en_name') }}
                                            </td>
                                            <td class="ltr-column">{{ checkAndReturnValue($agent, 'mobile_number') }}
                                            </td>
                                            @if (isset($agents) && $agents->pluck('registration_date')->filter()->isNotEmpty())
                                                <td class="ltr-column">
                                                    {{ formatTimestamp(checkAndReturnValue($agent, 'establish_date'), 'd-m-Y H:i:s') }}
                                                </td>
                                            @endif
                                            <td class="agent-status">

                                                @if ($agent->status == 0)
                                                    <span class="badge badge-info">
                                                        {{ __('merchant.draft.pending_approval') }}
                                                    </span>
                                                @elseif($agent->status == 5)
                                                    <span class="badge badge-warning">
                                                        {{ __('merchant.draft.draft') }}
                                                    </span>
                                                @endif

                                            </td>
                                            <td class="no-sort no-click bread-actions"
                                                @if (checkAndReturnValue($agent, 'is_approval_needed') == true) style="width: 310px;" @endif>

                                                @if (hasPermission('read', 'Merchant'))
                                                    <a href="{{ route('merchant.view', $agent->request_id) }}"
                                                        title="View" class="btn btn-sm btn-warning pull-right view">
                                                        <i class="voyager-eye"></i> <span
                                                            class="hidden-xs hidden-sm">{{ __('voyager::generic.view') }}</span>
                                                    </a>
                                                @endif
                                                @if (hasPermission('edit', 'Merchant'))
                                                    <a href="{{ route('merchant.edit', $agent->request_id) }}"
                                                        title="Edit" class="btn btn-sm btn-primary pull-right edit">
                                                        <i class=" voyager-edit"></i> <span
                                                            class="hidden-xs hidden-sm">{{ __('voyager::generic.edit') }}</span>
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            @else
                                <tfoot>
                                    <tr>
                                        <th colspan="14" class="text-center">{{ __('customer.no_records_found') }}</th>
                                    </tr>
                                </tfoot>
                            @endif
                        @else
                            <tfoot>
                                <tr>
                                    <th colspan="14" class="text-center tbl-error-message">
                                        {{ __('customer.error_message') }}
                                    </th>
                                </tr>
                            </tfoot>
                        @endif
                    </table>
                    {{-- {{ $agents->links() }} --}}

                </div>
            </div>
        </div>
    </div>
    <div class="modal modal-success fade" tabindex="-1" id="top_up_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">{{ __('merchant.merchant_topup') }}</h4>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('merchant.top.up') }}" id="top_up_form" method="POST">
                        {{ csrf_field() }}
                        <input type="hidden" name="destinationUserId">
                        <div class="form-group  col-md-4">
                            <input required="" type="number" step="any" class="form-control" name="txnAmount"
                                placeholder="Amount">
                        </div>
                        <div class="form-group  col-md-12 ">
                            <textarea name="remarks" rows="5" class="form-control" placeholder="Remarks ..."></textarea>
                        </div>
                        <button type="submit" class="btn pull-right submit-confirm btn-success">
                            {{ __('voyager::generic.submit') }} </button>
                    </form>
                    <button type="button" class="btn btn-default close-btn pull-right"
                        data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div>
        </div>
    </div>
    @include('paynow.agents.fields')
@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')";

            $(".agent-table a.top-up").on('click', function() {
                let userID = $(this).closest('tr').data('user-id');
                $("#top_up_modal input[name='destinationUserId']").val(userID)
                $('#top_up_modal').modal('show');
            });
            alertMessage()
            $('#dataTable').DataTable({

                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
                    }
                },
            })
        });
    </script>
@stop