@extends('admin.main')

@section('element')
<div class="w-4/5">
    <div class="card">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-users-slash mr-1"></i>
                Employés à radier
            </div>
            <div class="space-x-2 text-gray-600">
                <a href="{{route('admin.employe.create')}}" class="search" title="Ajouter un nouveau utilisateur">
                    <i class="fal fa-plus"></i>
                </a>
                <a href="{{route('tiers.index')}}" class="text-green-600" title="Exporter la liste des utilisateurs">
                    <i class="fal fa-file-excel"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="flex justify-end mb-3 mr-3">
                <form method="post" action="{{ route('dis.employe.search') }}">
                    @csrf
                    <div class="flex justify-start space-x-3 w-full">
                        <div class="w-80">
                            <select name="agence" class="form-control">
                                @php $agence_id = !empty($search->agence) ? $search->agence : "" @endphp
                                <option value="">-- Agence --</option>
                                @foreach (App\Lib\Combobox::agence() as $key=>$agence)
                                    <option value="{{$key}}" @if($key == $agence_id) selected @endif>{{$key}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="flex items-center space-x-2 w-80">
                            <input type="text" name="name" value="{{ !empty($search->name) ? $search->name : '' }}" class="form-control" placeholder="ID, Nom, Prénom"/>
                        </div>
                        <div class="">
                            <button type="submit" class="btn btn-warning">
                                <i class="fal fa-search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-content">
                <form id="frmEmploye" method="post" action="{{route('dis.employe.store')}}">
                    @csrf
                    <div class="overflow-auto" style="max-height: 30rem;">
                        <table class="table table-striped table-hover text-sm">
                            <thead>
                                <tr>
                                    <td></td>
                                    <th class="text-left">ID</th>
                                    <th class="text-left">Agence</th>
                                    <th class="text-left">Nom et prénoms</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody style="vertical-align: top">
                                @if(count($employes)>0)
                                    @foreach ($employes as $employe)
                                        <tr>
                                            <td>
                                                <input type="checkbox" name="employe[]" value="{{$employe->id_employe}}" id="employe{{$employe->id_employe}}" class="checkbox">
                                            </td>
                                            <td class="uppercase">{{ $employe->id_employe }}</td>
                                            <td>{{ $employe->agence_id }}</td>
                                            <td>{{ $employe->nom_employe.' '.$employe->prenom_employe }}</td>
                                            <td class="text-right">
                                                <a href="{{route('admin.employe.show', $employe->id_employe)}}"
                                                    class="text-gray-500 hover:text-orange-500 mr-2" title="Ouvrir le dossier">
                                                    <i class="fal fa-search-plus fa-lg"></i>
                                                </a>
                                            </td>
                                        </tr>

                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="9" class="text-center">
                                            <span class="text-gray-800">La liste est vide</span>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>
            <div class="flex justify-end mt-3">
                <button id="btnRadier" class="btn btn-warning">
                    <i class="fal fa-user-slash mr-1"></i>
                    Radier
                </button>
            </div>
        </div>
    </div>
</div>
<x-msg-box>
    <x-slot name="title">Radiation</x-slot>
    Voulez vous réellement radier les employés sélectionnés ?
</x-msg-box>
@endsection

@section('script')
    <script>
        document.getElementById('btnRadier').addEventListener('click', function(){
            Modal('#MsgBox', 'show');
        })
        document.getElementById('btnYes').addEventListener('click', function(){
            document.getElementById('frmEmploye').submit();
        })
    </script>
@endsection