@extends('admin.layouts.container')

@section('content')
    <form>
        <div class="side-title d-print-none">
            <div class="row">
                <div class="col-lg-6">
                    <h3>{{ $title }}</h3>
                </div>
                <div class="col-lg-6 valign">
                    <div class="edit-buttons text-right w-100">
                        <a href="{{ route('users.export', ['role'=>$role]) }}"
                           class="btn btn-info trapezoid-clip">
                            <i class="bi bi-file-earmark-excel-fill"></i>
                            {{ __('general.export') }}
                        </a>

                        <a href="{{ route ("$routeName.destroyAll") }}" data-method="delete"
                           class="butn statusButns status_1 tableAction btn disabled bg-warning">
                            <span>{{ __('dashboard.sendToTrash') }}</span></a>
                        <a href="#" class="butn statusButns status_1 showArchive bg-primary">
                            <span> {{ __('dashboard.displayTrash') }} </span></a>

                        @if(in_array($routeName, config('general.users.force_deleted_route_name')))
                            <!-- commented -->
                            <a href="{{ route ("$routeName.destroyAll") }}" data-method="delete"
                               class="butn statusButns status_0 tableAction btn disabled bg-danger force">
                                <span> {{ __('dashboard.delete') }} </span></a>
                        @endif
                        <a href="{{ route ("$routeName.restoreAll") }}" data-method="put"
                           class="butn statusButns status_0 tableAction btn disabled bg-info">
                            <span> {{ __('dashboard.restore') }} </span></a>
                        <a href="#" class="butn statusButns status_0 showActive bg-primary">
                            <span> {{ __('dashboard.displayActive') }} </span></a>
                    </div>
                </div>
            </div>
        </div> <!-- end of side-title -->

        <!-- ------------ data table ------------- -->
        <div class="custom-table-style">
            {{-- <div class="d-print-none">
                <a href="{{ route('users.export', ['role'=>$role]) }}" class="btn btn-info">
                    <i class="bi bi-file-earmark-excel-fill"></i>
                    {{ __('general.export_excel') }}
                </a>
                <a href="javascript:;" class="btn btn-warning" onclick="printPage();">
                    <i class="bi bi-printer"></i>
                    {{ __('general.print') }}
                </a>
            </div> --}} <!-- end of div -->
            <div class="table-responsive">
                <table class="table table-hover table-bordered table-print">
                    <thead>
                    <tr>
                        <th scope="col" class="d-print-none">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="selectall" name="example1">
                                <label class="custom-control-label" for="selectall"> </label>
                            </div>
                        </th>
                        @if(in_array('name', $moduleFields))
                            <th scope="col">{{ __('users::users.name') }}</th>
                        @endif
                        @if(in_array('username', $moduleFields))
                            <th scope="col">{{ __('users::users.username') }}</th>
                        @endif
                        @if(in_array('email', $moduleFields))
                            <th scope="col">{{ __('users::users.email') }}</th>
                        @endif
                        @if(in_array('phone', $moduleFields))
                            <th scope="col">{{ __('users::users.phone') }}</th>
                        @endif
                        @if(in_array('country_id', $moduleFields))
                            <th scope="col">{{ __("users::$routeName.country_id") }}</th>
                        @endif
                        {{-- @if(in_array('birth_date', $moduleFields) && !in_array('birth_date', $fieldsToHideFromTable))
                            <th scope="col" colspan="2">{{ __("users::$routeName.birth_date") }}</th>
                        @endif --}}
                        @if(in_array('account_type', $moduleFields))
                            <th scope="col">{{ __("users::$routeName.account_type") }}</th>
                        @endif
                        @if(in_array('amendment_requests', $moduleFields))
                            <th scope="col">{{ __("amendment_requests.head") }}</th>
                        @endif
                        <th scope="col">{{ __('users::users.status') }}</th>
                        @if(in_array('last_login', $moduleFields))
                            <th scope="col">{{ __('users::users.last_login') }}</th>
                        @endif
                        @if(in_array('id_number', $moduleFields))
                            <th scope="col">{{ __("users::$routeName.id_number") }}</th>
                        @endif
                        <th scope="col" colspan="2">{{ __('dashboard.created_at') }}</th>
                        <th scope="col" class="d-print-none">{{ __('dashboard.processes') }}</th>
                    </tr>
                    </thead>

                    <tbody class="response">
                    <tr class="search_filter_form d-print-none">
                        <th scope="row"></th>
                        @if(in_array('name', $moduleFields))
                            <th scope="row">
                                <input type="text" name="name" value="{{ $request->name ?? '' }}" class="form-control"
                                       placeholder="">
                            </th>
                        @endif
                        @if(in_array('username', $moduleFields))
                            <th scope="row">
                                <input type="text" name="username" value="{{ $request->username ?? '' }}"
                                       class="form-control" placeholder="">
                            </th>
                        @endif
                        @if(in_array('email', $moduleFields))
                            <th scope="row">
                                <input type="text" name="email" value="{{ $request->email ?? '' }}" class="form-control"
                                       placeholder="">
                            </th>
                        @endif
                        @if(in_array('phone', $moduleFields))
                            <th scope="row">
                                <input type="text" name="phone" value="{{ $request->phone ?? '' }}" class="form-control"
                                       placeholder="">
                            </th>
                        @endif
                        @if(in_array('country_id', $moduleFields))
                            <th scope="row">
                                <input type="text" name="country_name" value="{{ $request->country_name ?? '' }}"
                                       class="form-control" placeholder=""/>
                                <input type="hidden" name="country_id" value="{{ $request->country_id ?? '' }}"/>
                            </th>
                        @endif
                        {{-- @if(in_array('birth_date', $moduleFields) && !in_array('birth_date', $fieldsToHideFromTable))
                            <th scope="row">
                                <input type="date" name="birth_date_from" value="{{ $request->birth_date_from ?? '' }}"
                                       class="form-control" placeholder=""/>
                            </th>
                            <th scope="row">
                                <input type="date" name="birth_date_to" value="{{ $request->birth_date_to ?? '' }}"
                                       class="form-control" placeholder=""/>
                            </th>
                        @endif --}}
                        @if(in_array('account_type', $moduleFields))
                            <th scope="row">
                                <select name="account_type" class="form-control">
                                    <option value="">{{ __('main.all2') }}</option>
                                    @foreach(config('general.users.seller_account_types') as $accountType)
                                        <option
                                            value="{{ $accountType }}" @selected($accountType == ($request->account_type ?? ''))>
                                            {{ __("users::$routeName.account_type_$accountType") }}
                                        </option>
                                    @endforeach
                                </select>
                            </th>
                        @endif
                        @if(in_array('amendment_requests', $moduleFields))
                            <th scope="row"></th>
                        @endif
                        <th scope="row">
                            <select name="active" id="active" class="form-control">
                                <option value="">{{ __('main.all2') }}</option>
                                @foreach(['active', 'inactive'] as $status)
                                    <option
                                        value="{{ $status }}" @selected($status == ($request->active ?? ''))>
                                        {{ __("general.$status") }}
                                    </option>
                                @endforeach
                            </select>
                        </th>
                        @if(in_array('last_login', $moduleFields))
                            <td>
                                <input type="date" placeholder="{{ __('users::users.last_login') }}" name="last_login"
                                       value="{{ $request->last_login ?? '' }}" class=" form-control">
                            </td>
                        @endif
                        @if(in_array('id_number', $moduleFields))
                            <td>
                                <input type="number" placeholder="" name="id_number"
                                       value="{{ $request->id_number ?? '' }}" class=" form-control">
                            </td>
                        @endif
                        <td>
                            <input type="date" placeholder="{{ __('dashboard.date_from') }}" name="date_from"
                                   value="{{ $request->date_from ?? '' }}" class=" form-control">
                        </td>
                        <td>
                            <input type="date" placeholder="{{ __('dashboard.date_to') }}" name="date_to"
                                   value="{{ $request->date_to ?? '' }}" class=" form-control">
                        </td>
                        <th scope="col">
                            <button type="button" class="butn color small search"><span><i
                                        class="fas fa-search"></i></span></button>
                        </th>
                    </tr>
                    </tbody>


                </table>
            </div>
        </div> <!-- end of custom-table-style -->
        <!-- ------------ sidemenu links ------------- -->
    </form>
@endsection



<script>
    /**
     * Importat to handle ajax requests for filters, deletes, trash and any proccess done on the table's data
     */
    var dataTable = {
        route: '{{ route("$routeName.grid") }}'
    }
</script>
@section('inner_js')

    <script>
        $(document).ready(function () {
            let countryNameInput = $("[name=country_name]");
            countryNameInput.autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: "{{ route('countries.search') }}",
                        dataType: "json",
                        data: {
                            term: request.term // The current input value
                        },
                        success: function (data) {
                            response(data); // Pass the data to the autocomplete widget
                        }
                    });
                },
                minLength: 2, // Minimum number of characters before triggering the search
                select: function (event, ui) {
                    // Set hidden fields when an item is selected
                    $("[name=country_id]").val(ui.item.id);
                }
            }); //end of autocomplete

            // Add an input event listener to clear country_id if country_name is empty
            countryNameInput.on('input', function () {
                if ($(this).val().trim() === "") {
                    $("[name=country_id]").val('');
                }
            });
        }); //end of document ready
    </script>

@endsection