@extends('layout')
@section('content')
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item"><a href="#">Table de bord</a></li>
            <li class="breadcrumb-item active" aria-current="page">Liste des candidats</li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->

    <!-- Container
    <div class="container">-->

        <!-- Title -->
        <div class="hk-pg-header">
            <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="database"></i></span></span>Liste des candidats</h4>
        </div>
        <!-- /Title -->

        <!-- Row -->
        <div class="row">
            <div class="col-xl-12">
                <section class="hk-sec-wrapper">
                    <h5 class="hk-sec-title">Liste des candidats</h5>
                    <div class="row">
                        <div class="col-sm">
                            <form class="needs-validation" method="POST" action="{{ url('candidat/rechercher') }}"  novalidate>
                                {{ csrf_field() }}
                                <div class="form-row">
                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">Niveau d'étude </label>
                                        <select class="form-control select2 classe" name="diplome" required>
                                            <option value="">Sélectionner</option>
                                            <option value="Bac+1">Bac+1</option>
                                            <option value="Bac+2">Bac+2</option>
                                            <option value="Bac+3">Bac+3</option>
                                            <option value="Bac+4">Bac+4</option>
                                            <option value="Bac+5">Bac+5</option>
                                            <option value="BTS">BTS</option>
                                            <option value="DTS">DTS</option>
                                            <option value="Autres">Autres</option>
                                        </select>
                                        <div class="invalid-feedback">
                                            Champ obligatoire
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">Type Demande </label>
                                        <select class="form-control select2 classe" name="type_demande" required>
                                            <option value="">Sélectionner</option>
                                            <option value="Emploi">Emploi</option>
                                            <option value="Stage">Stage</option>
                                        </select>
                                        <div class="invalid-feedback">
                                            Champ obligatoire
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">Formation</label>
                                        <select class="form-control select2 classe" name="formation" required>
                                            <option value="">Sélectionner</option>
                                            <option value="Achats">Achats</option>
                                            <option value="Commercial, vente">Commercial, vente</option>
                                            <option value="Gestion, comptabilité, finance">Gestion, comptabilité, finance</option>
                                            <option value="Informatique, nouvelles technologies">Informatique, nouvelles technologies</option>
                                            <option value="Juridique">Juridique</option>
                                            <option value="Management, direction générale">Management, direction générale</option>
                                            <option value="Marketing, communication">Marketing, communication</option>
                                            <option value="Métiers de la santé et du social">Métiers de la santé et du social</option>
                                            <option value="Métiers des services">Métiers des services</option>
                                            <option value="Métiers du BTP">Métiers du BTP</option>
                                            <option value="Production, maintenance, qualité">Production, maintenance, qualité</option>
                                            <option value="gestion de projets<">gestion de projets</option>
                                            <option value="RH, formation">RH, formation</option>
                                            <option value="Secrétariat, assistanat">Secrétariat, assistanat</option>
                                            <option value="Tourisme, hôtellerie, restauration">Tourisme, hôtellerie, restauration</option>
                                            <option value="Transport, logistique">Transport, logistique</option>
                                          <option value="Développement durable">Développement durable</option>
                                        <option value="Sociologie ">Sociologie</option>
                                        <option value="Finance Local">Finance Local</option>
                                        <option value="Aménagement du territoire">Aménagement du territoire</option>
                                        <option value="Décentralisation et Développement territoriale">Décentralisation et Développement territoriale</option>
                                       <option value="Autres">Autres</option>
                                       
                                        </select>
                                        <div class="invalid-feedback">
                                            Champ obligatoire
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">Poste</label>
                                        <select class="form-control select2 classe" name="poste_id" required>
                                            <option value="">Sélectionner</option>
                                            @foreach($postes as $poste)
                                                <option value="{{  $poste->id }}">{{ $poste->intitule }}</option>
                                            @endforeach
                                        </select>
                                        <div class="invalid-tooltip"> Champs obligatoire </div>
                                    </div>

                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">Age Maximum</label>
                                        <input type="text" class="form-control" id="validationCustom01" name="age" placeholder="Âge"  required>
                                        <div class="invalid-feedback">
                                            Champ obligatoire
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">Nombre d'année d'experience </label>
                                        {{--<input type="number" class="form-control" id="validationCustom01" name="experience" placeholder="Nombre d'année d'experience"  required>--}}
                                        <select class="form-control select2 classe" name="experience" required>
                                            <option value="">Sélectionner</option>
                                            <option value="0 à 1 ans">0 à 1 ans</option>
                                            <option value="1 à 2 ans">1 à 2 ans </option>
                                            <option value="3 à 5 ans">3 à 5 ans </option>
                                            <option value="plus de 5 ans">plus de 5 ans</option>
                                        </select>
                                        <div class="invalid-feedback">
                                            Champ obligatoire
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-10">
                                        <label for="validationCustom01">&nbsp;</label>
                                      <br>
                                        <input class="btn btn-primary" type="submit" value="Rechercher">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="row">

                         <div class="col-sm">
                             <div class="table-wrap">
                                 <table id="datable_1" class="table table-hover w-100 display pb-30">
                                     <thead>
                                     <tr>
                                         <th>#</th>
                                         <th>Nom</th>
                                         <th>Téléphone</th>
                                         {{--<th>Adresse</th>
                                         <th>Téléphone</th>
                                         <th>Email</th>
                                         <th>Age</th>--}}
                                        
                                         <th>date Dépot</th>
                                         <th>Spécialite</th>
                                         <th>cv</th>
                                         <th>action</th>
                                     </tr>
                                     </thead>
                                     <tbody>
                                     @foreach($candidats as $candidat)
                                         <tr>
                                             <td>{{$candidat->id}}</td>
                                             <td>{{$candidat->prenom}} {{$candidat->nom}}</td>
                                             <td>{{$candidat->telephone}}</td>
                                             {{--<td>{{$candidat->adresse}}</td>
                                            
                                             <td>{{$candidat->email}}</td>
                                             <td>{{$candidat->age}}</td>--}}
                                      
                                             <td>{{ Carbon\Carbon::parse($candidat->created_at)->format('d/m/Y') }}</td>
                                             <td>{{$candidat->poste->intitule}}</td>
                                             <td><a href="{{ URL::to('cv/'.$candidat->cv) }}" target="_BLANK" style="color: #40af49;"> Voir cv</a><br>
                                                 @foreach($candidat->documents as $document)  <a href="{{ URL::to('document/'.$document->doc) }}" target="_BLANK" style="color: #40af49;"> {{ $document->typedoc }}</a> @endforeach</td>
                                             <td>  <a href="{{ URL::to('candidat/'.$candidat->id) }}" class="btn btn-icon btn-icon-circle btn-secondary btn-icon-style-2"><span class="btn-icon-wrap"><i class="fa fa-eye"></i></span></a></td>
                                         </tr>
                                     @endforeach
                                     </tbody>
                                     <tfoot>
                                     <tr>
                                         <th>#</th>
                                         <th>Nom</th>
                                          <th>Téléphone</th>
                                        {{-- <th>Adresse</th>
                                         <th>Téléphone</th>
                                         <th>Email</th>
                                         <th>Age</th>--}}
                                        {{-- <th>Sexe</th>
                                         <th>Situation matrimoniale</th>
                                         <th>Nombre d'enfant</th>
                                         <th>formation</th>
                                         <th>diplome</th>
                                         <th>expérience</th>--}}
                                         <th>date Dépot</th>
                                         <th>Spécialite</th>
                                         <th>cv</th>
                                         <th>action</th>
                                     </tr>
                                     </tfoot>
                                 </table>
                             </div>
                         </div>
                     </div>
                </section>
            </div>
        </div>
    <!--</div>-->
@endsection
@section('script')
    <script src="{{asset('vendors/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-dt/js/dataTables.dataTables.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-buttons/js/buttons.flash.min.js') }}"></script>
    <script src="{{asset('vendors/jszip/dist/jszip.min.js') }}"></script>
    <script src="{{asset('vendors/pdfmake/build/pdfmake.min.js') }}"></script>
    <script src="{{asset('vendors/pdfmake/build/vfs_fonts.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
    <script src="{{asset('vendors/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{asset('dist/js/dataTables-data.js') }}"></script>
@endsection