@extends('layouts.base')

@section('title')
    Corbeille - Utilisateurs supprimés
@endsection

@section('style')
    @php($tableId = 'corbeille-utilisateur-table')
    @include('includes.datatables.style')
    <link href="{{ asset('assets/vendor/select/select2.min.css') }}" rel="stylesheet" type="text/css">
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Corbeille des utilisateurs</h5>
                <a href="{{ route('gestion_utilisateur_agence.liste_utilisateur') }}" class="btn btn-outline-primary mx-1">
                    <i class="fa-solid fa-arrow-left"></i> Retour à la liste
                </a>
            </div>
            <div class="card-body">
                <div class="row mb-3 g-2">
                    <div class="col-md-4">
                        <label for="filter_agencie">Agence</label>
                        <select id="filter_agencie" class="form-select select-basic">
                            <option value="">Toutes les agences</option>
                            @foreach($agencies as $ag)
                                <option value="{{ $ag->id }}">{{ $ag->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="filter_role">Rôle</label>
                        <select id="filter_role" class="form-select select-basic">
                            <option value="">Tous les rôles</option>
                            @foreach($roles as $r)
                                <option value="{{ $r }}">{{ $r }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="app-datatable-default overflow-auto">
                    <table class="display app-data-table default-data-table w-100" id="corbeille-utilisateur-table">
                        <thead>
                            <tr>
                                <th>Nom</th>
                                <th>Prénom</th>
                                <th>Date de suppression</th>
                                <th>Agence</th>
                                <th>Rôle</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@include('gestion_utilisateur_agence.partials.user_details_modal')
@endsection

@section('script')
    @php($tableId = 'corbeille-utilisateur-table')
    @php(
        $serverSide = true
    )
    @php(
        $ajaxUrl = route('gestion_utilisateur_agence.corbeille_data')
    )
    @php(
        $ajaxDataJs = "d.agencie_id = $('#filter_agencie').val(); d.role = $('#filter_role').val();"
    )
    @php(
        $columns = [
            ['data' => 'first_name', 'name' => 'first_name'],
            ['data' => 'last_name', 'name' => 'last_name'],
            ['data' => 'deleted_at', 'name' => 'deleted_at'],
            ['data' => 'agence', 'name' => 'agencie.name'],
            ['data' => 'role', 'name' => 'role'],
            ['data' => 'actions', 'name' => 'actions', 'orderable' => false, 'searchable' => false],
        ]
    )
    @include('includes.datatables.script')
    <script src="{{ asset('assets/vendor/select/select2.min.js') }}"></script>
    <script src="{{ asset('assets/js/select.js') }}"></script>
    <script>
        $(function(){
            $('.select-basic').select2();
            $('#filter_agencie, #filter_role').on('change', function(){
                $('#corbeille-utilisateur-table').DataTable().ajax.reload();
            });
        });
    </script>
    @include('gestion_utilisateur_agence.partials.user_details_modal_script')
@endsection