@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 ("$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>

                {{-- <a href="{{ route ("$routeName.destroyAll") }}" data-method="delete" class="butn statusButns status_0 tableAction btn disabled bg-danger force"> <span> {{ __('dashboard.delete') }} </span></a> --}}
                <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>

<!-- ------------ data table ------------- -->
<div class="custom-table-style">
    @if($routeName != 'users')
        <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 -->
    @endif
    <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>
                    <th scope="col">{{ __('users.name') }}</th>
                    <th scope="col">{{ __('users.email') }}</th>
                    @if(!in_array($routeName, ['users']))
                        <th scope="col">{{ __('users.phone') }}</th>
                    @endif
                    {{-- <th scope="col">{{ __('users.role') }}</th> --}}
                    <th scope="col">{{ __('users.status') }}</th>
                    <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>
                    <th scope="row">
                        <input type="text" name="name" value="{{ $request->name ?? '' }}" class="form-control" placeholder="">
                    </th>
                    <th scope="row">
                        <input type="text" name="email" value="{{ $request->email ?? '' }}" class="form-control" placeholder="">
                    </th>
                    @if(!in_array($routeName, ['users']))
                        <th scope="row">
                            <input type="text" name="phone" value="{{ $request->phone ?? '' }}" class="form-control" placeholder="">
                        </th>
                    @endif
                    {{-- <th scope="row">
                        <select name="role" id="role" class="form-control">
                            <option value="">{{ __('main.all') }}</option>
                            <option value="super_admin" {{ 'super_admin' == ($request->role ?? '') ? 'selected' : '' }}>{{ __('users.super_admin') }}</option>
                            <option value="admin" {{ 'admin' == ($request->role ?? '') ? 'selected' : '' }}>{{ __('users.admin') }}</option>
                            <option value="sub_admin" {{ 'sub_admin' == ($request->role ?? '') ? 'selected' : '' }}>{{ __('users.sub_admin') }}</option>
                            <option value="user" {{ 'user' == ($request->role ?? '') ? 'selected' : '' }}>{{ __('users.user') }}</option>
                        </select>
                    </th> --}}
                    <th scope="row">
                        <select name="active" id="active" class="form-control">
                            <option value="">{{ __('main.all2') }}</option>
                            @foreach(['active', 'inactive'] as $status)
                                <option value="{{ $status }}" {{ $status == ($request->active ?? '') ? 'selected' : '' }}>{{ __("general.$status") }}</option>
                            @endforeach
                        </select>
                    </th>
                    <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')

@endsection