@extends('layouts.master')

@section('title')
    Agents
@endsection

@section('content')
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-end mb-4">
        <a href="#collapseFonc" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm" data-toggle="collapse"
            role="button" aria-expanded="false" aria-controls="collapseFonc"><i class="fas fa-plus fa-sm text-white-50"></i> Ajouter</a>
    </div>
    <div class="row"> 
        <div class="col-sm-10 offset-1">
            <div class="card shadow mb-4 collapse" id="collapseFonc">
                <div class="card-header py-3">
                    <h4 class="m-0 font-weight-bold text-primary text-center">CREATION D'UN AGENT</h4>
                </div>
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">IDENTIFICATION</h6>
                </div>
                <div class="card-body">
                  
                    <form method="POST" action="{{ route('agents.store') }}" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-1">
                                <div class="row">
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('matricule') is-invalid @enderror" name="matricule" value="{{ old('matricule') }}"
                                            placeholder="Matricule">
                                        {{-- @if ($errors->has('matricule'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('nom') is-invalid @enderror" name="nom" value="{{ old('nom') }}"
                                            placeholder="Nom">
                                        {{-- @if ($errors->has('nom'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('prenoms') is-invalid @enderror" name="prenoms" value="{{ old('prenoms') }}"
                                            placeholder="Prénoms">
                                        {{-- @if ($errors->has('prenoms'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-1">
                                <div class="row">
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <label for="type_F">Type d'Agent :</label>
                                        <div class="form-check">
                                            <input type="radio" id="type_F" name="type" value="Fonctionnaire" class="form-check-input" checked />
                                            <label for="type_F" class="form-check-label">Fonctionnaire</label>
                                        </div>
                                        <div class="form-check">
                                            <input type="radio" id="type_C" name="type" value="Contractuel" class="form-check-input" />
                                            <label for="type_C" class="form-check-label">Contractuel</label>
                                        </div>
                                        <div class="form-check">
                                            <input type="radio" id="type_O" name="type" value="Occasionnel" class="form-check-input" />
                                            <label for="type_O" class="form-check-label">Occasionnel</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('pere') is-invalid @enderror" name="pere" value="{{ old('pere') }}"
                                            placeholder="Père">
                                        {{-- @if ($errors->has('pere'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('mere') is-invalid @enderror" name="mere" value="{{ old('mere') }}"
                                            placeholder="Mère">
                                        {{-- @if ($errors->has('mere'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-1">
                                <div class="row">
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="date" class="form-control @error('date_naiss') is-invalid @enderror" name="date_naiss" id="date_naiss" value="{{ old('date_naiss') }}">
                                        <label for="date_naiss">Date de naissance</label>
                                        {{-- @if ($errors->has('date_naiss'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('lieu_naiss') is-invalid @enderror" name="lieu_naiss" value="{{ old('lieu_naiss') }}"
                                            placeholder="Lieu de naissance">
                                        {{-- @if ($errors->has('lieu_naiss'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('pays_naiss') is-invalid @enderror" name="pays_naiss" value="{{ old('pays_naiss') }}"
                                            placeholder="Pays de naissance">
                                        {{-- @if ($errors->has('pays_naiss'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-1">
                                <div class="row">
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('nationalite') is-invalid @enderror" name="nationalite" value="{{ old('nationalite') }}"
                                            placeholder="Nationalité">
                                        {{-- @if ($errors->has('nationalite'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @endif --}}
                                    </div>
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <label for="sexe_M">Sexe :</label>
                                        <div class="form-check">
                                            <input type="radio" id="sexe_M" name="sexe" value="M" class="form-check-input" checked />
                                            <label for="sexe_M" class="form-check-label">Masculin</label>
                                        </div>
                                        <div class="form-check">
                                            <input type="radio" id="sexe_F" name="sexe" value="F" class="form-check-input" />
                                            <label for="sexe_F" class="form-check-label">Féminin</label>
                                        </div>
                                    </div>
                                    
                                    
                                    
                                    <div class="col-sm-4 mb-2 mb-sm-0">
                                        <label for="photo">Photo :</label>
                                        <input type="file" id="photo" name="photo" accept="image/*" class="form-control @error('photo') is-invalid @enderror">
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                       
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-1">
                                <div class="row">
                                    <div class="col-sm-6 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('emploi') is-invalid @enderror" name="emploi" value="{{ old('emploi') }}"
                                        placeholder="Emploi">
                                    </div>
                                    <div class="col-sm-6 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('grade') is-invalid @enderror" name="grade" value="{{ old('grade') }}"
                                        placeholder="Grade">
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-1">
                                <div class="row">
                                    <div class="col-sm-6 mb-2 mb-sm-0">
                                        <input type="text" class="form-control @error('niveau') is-invalid @enderror" name="niveau" value="{{ old('niveau') }}"
                                            placeholder="Diplôme ou Niveau">
                                    </div>
                                    <div class="col-sm-6 mb-2 mb-sm-0">
                                        {{-- <label for="categorie">Categorie :</label> --}}
                                        <select class="form-control @error('categorie') is-invalid @enderror" name="categorie" id="categorie">
                                            <option value=" " selected>-- Categorie --</option>
                                            <option value="Agent de Maîtrise">Agent de Maîtrise</option>
                                            <option value="Cadre">Cadre</option>
                                            <option value="Employé Qualifié">Employé Qualifié</option>
                                            <option value="Ouvrier">Ouvrier</option>
                                        </select>
                                    </div>                                    
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6 offset-3 mt-3">
                                <button type="submit" class="btn btn-primary btn-block">
                                    Enregistrer
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h4 class="m-0 font-weight-bold text-primary text-center">LISTE DES AGENTS</h4>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped dataTable" id="dataTable" width="100%" cellspacing="0">
                    <thead class="thead-dark">
                        <tr>
                            <th>Nom</th>
                            <th>Prénoms</th>
                            <th>Matricule</th>
                            <th>Type</th>
                            <th>Grade</th>
                            <th>Emploi</th>
                            <th>Diplôme ou Niveau</th>
                            <th>Categorie</th>
                            <th>Photo</th>
                            <th>Enregistré(e) le...</th>
                            <th>Editer</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($agents as $agent)
                        <tr>
                            <td>{{ $agent->nom }}</td>
                            <td>{{ $agent->prenoms }}</td>
                            <td>{{ $agent->matricule }}</td>
                            <td>{{ $agent->type }}</td>
                            <td>{{ $agent->grade }}</td>
                            <td>{{ $agent->emploi }}</td>
                            <td>{{ $agent->niveau }}</td>
                            <td>{{ $agent->categorie }}</td>
                            <td>
                                @if ($agent->photo)
                                    <img src="{{ asset('storage/' . $agent->photo) }}" alt="Photo de l'agent" style="max-width: 50px; max-height: 50px;">
                                @else
                                    <span style="color: gray;">Aucune photo disponible</span>
                                @endif
                            </td>
                            <td>{{ $agent->created_at }}</td>
                            <td class="text-right">
                                <a href="{{ route('agent.edit', ['agent'=>$agent->matricule]) }}" type="button" class="btn btn-warning btn-circle btn-sm"><i class="fas fa-edit"></i></a>
                
                                <a href="#" class="btn btn-danger btn-circle btn-sm" onclick="if(confirm('Voulez-vous vraiment supprimer cet agent ?')) { document.getElementById('form-{{$agent->matricule}}').submit(); }"><i class="fas fa-trash"></i></a>
                
                                <form id="form-{{$agent->matricule}}" action="{{ route('agent.supprimer', ['agent' => $agent->matricule]) }}" method="post">
                                    @csrf
                                    @method('delete') 
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                
            </div>
        </div>
    </div>
</div>
        {{-- <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script> --}}
        <!-- DataTables CSS -->
        <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

        <!-- Buttons CSS -->
        <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">

        <!-- jQuery -->
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        <!-- DataTables JS -->
        <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

         <!-- Buttons JS -->
        <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.colVis.min.js"></script>

        <script>
            $(document).ready(function() {
            if (typeof $.fn.dataTable === 'function') {
                console.log("DataTables is loaded");
                $('#dataTable').DataTable({
                        dom: 'Bfrtip', // "B" Activer et ajoute les boutons d'export en haut de la table
                        buttons: [
                                    // 'copy',      // Copier dans le presse-papiers
                                    // 'csv',       // Exporter en CSV
                                    // 'excel',     // Exporter en Excel
                                    // 'pdf',       // Exporter en PDF
                                    // 'print',     // Imprimer la table
                                    'colvis'     // Afficher/Masquer les colonnes
                                ],
                        language: {
                        url: '/js/fr-FR.json'  // Chemin vers le fichier JSON hébergé localement pour la Traduction française
                    }
                });
            } else {
                console.error("DataTables is not loaded");
            }
            });
        </script>
@endsection