@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/merchant.png') }}"
                        src="
                         @if (strExistRoute('pending')) {{ asset('icon/pending_merchant.png') }}
                         @elseif (strExistRoute('approved')) {{ asset('icon/approved_merchant.png') }}
                         @elseif (strExistRoute('rejected')) {{ asset('icon/rejected_merchant.png') }}
                         @else {{ asset('icon/merchant.png') }} @endif"
                        width="38" alt="img">
                    <div class="w-0 flex-grow pl-2 mt-2">
                        <h1 class="page-header-title mb-0 text-{{ app()->getLocale() === 'en' ? 'right' : 'left' }}">
                            @if (app()->getLocale() === 'ar')
                                @if (!$status)
                                    {{ __('merchant.title') }}
                                @endif
                                @if ($status)
                                    {{ strtolower(str_replace('-', ' ', __('datatable.' . strtolower($status)))) }}
                                    {{ __('merchant.title') }}
                                @endif
                            @elseif (app()->getLocale() === 'en')
                                @if ($status)
                                    {{ strtolower(str_replace('-', ' ', __('datatable.' . strtolower($status)))) }}
                                @endif
                                {{ __('merchant.title') }}
                            @endif

                            <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="panel-body">
                    <div class="table-responsive">
                        <table id="dataTable" class="table table-hover agent-table">
                            <thead>
                                <tr>
                                    <th>{{ __('datatable.sn') }}</th>
                                    <th>{{ __('merchant.name') }}</th>
                                    <th>{{ __('merchant.type')}}</th>
                                    <th>{{ __('datatable.cr_number') }}</th>
                                    <th>{{ __('datatable.auth_person') }}</th>
                                    <th>{{ __('form.dob') }}</th>
                                    <th>{{ __('voyager::form.mobile_number') }}</th>
                                    <th>{{ __('datatable.registration_date') }}</th>
                                    @if (isset($agents['params']) && $agents['params']->pluck('walletId')->filter()->isNotEmpty())
                                        <th>{{ __('datatable.wallet_id') }}</th>
                                    @endif
                                    <th>{{ __('datatable.current_balance') }}</th>
                                    <th>{{ __('datatable.status') }}</th>
                                    <th class="actions text-right dt-not-orderable">{{ __('voyager::generic.actions') }}
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($agents['params'] as $index => $agent)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td class="text-capitalize">{{ checkAndReturnValue($agent, 'company_name') }}</td>

                                        <td>{{ checkAndReturnValue($agent, 'company_sector_type') }}</td>

                                        <td>{{ checkAndReturnValue($agent, 'commercial_reg_number') }}</td>
                                        <td class="text-capitalize">{{ checkAndReturnValue($agent, 'ar_name') }}</td>
                                        <td class="text-capitalize">{{ checkAndReturnValue($agent, 'dob') }}</td>
                                        <td class="ltr-column">{{ checkAndReturnValue($agent, 'mobile_number') }}</td>
                                            <td class="ltr-column">{{ formatTimestamp(checkAndReturnValue($agent, 'registration_date'), 'd-m-Y H:i:s') }}
                                            </td>

                                        @if ($agent['walletId'] ?? false)
                                            <td><a
                                                    href="{{ route('wallet.details', ['merchant', checkAndReturnValue($agent, 'walletId')]) }}">{{ checkAndReturnValue($agent, 'walletId') }}</a>
                                            </td>
                                            @else
                                            <td> {{ checkAndReturnValue($agent, 'wallet_id') }} </td>
                                        @endif

                                        <td>{{ format_number(checkAndReturnValue($agent, 'current_balance')) }}</td>
                                        <td class="merchant-status">
                                            @php
                                                $statusKey = strtolower(
                                                    \App\Enums\Status::getStr(checkAndReturnValue($agent, 'status')),
                                                );
                                            @endphp
                                            <span class="label label-{{ $statusKey }}">
                                                {{ __('datatable.' . $statusKey) }}
                                            </span>
                                        </td>
                                        <td class="no-sort no-click bread-actions">
                                            @if (hasPermission('read', 'Merchant'))
                                                <a href="{{ route('merchant.view', $agent['_id']) }}"
                                                    class="btn btn-sm btn-warning">
                                                    <i class="voyager-eye"></i> {{ __('voyager::generic.view') }}
                                                </a>
                                            @endif
                                            @if (hasPermission('edit', 'Merchant'))
                                               @if (!in_array(strtoupper($statusKey), ['ACTIVE', 'VERIFIED']))
                                                <a href="{{ route('merchant.edit', $agent['_id']) }}"
                                                    class="btn btn-sm btn-primary">
                                                    <i class="voyager-edit"></i> {{ __('voyager::generic.edit') }}
                                                </a>
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="top_up_modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">{{ __('wallet.wallet_transfer') }}</h4>
                </div>
                <form action="{{ route('merchant.top.up') }}" method="POST" id="top_up_form">
                    {{ csrf_field() }}
                    <div class="modal-body">
                        <input type="hidden" name="destinationUserId">
                        <div class="form-group">
                            <input type="number" step="any" class="form-control" name="txnAmount" placeholder="Amount"
                                required>
                        </div>
                        <div class="form-group">
                            <textarea name="remarks" class="form-control" rows="5" placeholder="Remarks ..."></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success">{{ __('voyager::generic.submit') }}</button>
                        <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

@section('javascript')
    <script>
        $(document).ready(function() {
            $('#dataTable').DataTable({
                order: [
                    [6, 'desc']
                ],
                columnDefs: [
                    {
                        targets: [7],
                        type: 'datetime-dmy'
                    },
                    {
                        targets: 'no-sort',
                        orderable: false
                    },
                    {
                        type: 'date',
                        targets: [7]
                    }
                ],
                fnRowCallback: function(nRow, aData, iDisplayIndex) {
                    var pageInfo = $('#dataTable').DataTable().page.info();
                    var startIndex = pageInfo.start;
                    $("td:first", nRow).html(startIndex + iDisplayIndex + 1);
                    return nRow;
                },
                language: {
                    search: "@lang('datatable.sSearch')",
                    lengthMenu: "@lang('datatable.sLengthMenu')",
                    info: "@lang('datatable.sInfo')",
                    infoEmpty: "@lang('datatable.sInfoEmpty')",
                    infoFiltered: "@lang('datatable.sInfoFiltered')",
                    loadingRecords: "@lang('datatable.sLoadingRecords')",
                    processing: "@lang('datatable.sProcessing')",
                    zeroRecords: "@lang('datatable.sZeroRecords')",
                    paginate: {
                        first: "@lang('datatable.oPaginate.sFirst')",
                        last: "@lang('datatable.oPaginate.sLast')",
                        next: "@lang('datatable.oPaginate.sNext')",
                        previous: "@lang('datatable.oPaginate.sPrevious')"
                    },
                    aria: {
                        sortAscending: "@lang('datatable.oAria.sSortAscending')",
                        sortDescending: "@lang('datatable.oAria.sSortDescending')"
                    }
                }
            });

            $('.top-up').on('click', function() {
                let userId = $(this).closest('tr').data('user-id');
                $("#top_up_form input[name='destinationUserId']").val(userId);
                $('#top_up_modal').modal('show');
            });
        });

    </script>
@stop