{{-- <div class="row p-4 pt-5">
    <div class="col-12">
        <div class="card p-2 m-2">
            <div class="card-header bg-gradient-olive d-flex align-items-center">
                <h3 class="card-title flex-grow-1"><i class="fas fa-user-tie fa-2x"></i>Suivi des lauréats</h3>
                <div class="card-tools d-flex align-items-center">

                    <div class="input-group input-group-md" style="width: 250px;">
                        <select class="form-control" wire:model.lazy="filiere_id">

                            <option value=""> --Filière--</option>

                            @foreach ($filieres as $filiere)

                            <option value="{{$filiere->fil_id}}">{{$filiere->fil_nom}}</option>
                            @endforeach

                        </select>

                    </div>
                    <div class="input-group input-group-md" style="width: 250px;">
                        <select class="form-control" wire:model.lazy="classe_id">
                            @if ($filiere_id == '')
                            <option class="text-danger">Sélectionner d'abord une filière</option>
                            @else
                            <option value=""> ---Classe---</option>

                            @foreach ($classes as $classe)
                            <option value="{{ $classe->classe_id }}">{{ $classe->classe_nom_court }}</option>

                            @endforeach
                            @endif


                        </select>

                    </div>
                </div>


            </div>
            <div class="card-body table-responsive p-0 table-striped" style="height: 500px;">
                <table class="table table-head-fixed ">
                    @if ($filiere_id == '')
                    <span class="text-danger text-center fs-1">Veillez sélectionner une filière</span>
                    @else
                    <thead>
                        <tr>

                            <th class="text-center" style="width:25%;">Nom complet</th>
                            <th class="text-center" style="width:10%;">Date diplomation</th>
                            <th class="text-center" style="width:25%;">Poste acutelle</th>
                            <th class="text-center" style="width:20%;">Entreprise</th>
                            <th class="text-center" style="width:25%;">Date début job</th>
                            <th class="text-center" style="width:5%;" class="text-center">Action</th>
                        </tr>
                    </thead>

                    <tbody>

                      @foreach ($insc as $inscription)


                            <tr>
                                <td class="text-center">{{ $inscription->etudiant_nom2($inscription->ins_etudiant_id) }}</td>
                                @if ($inscription->Suivi !== null)
                                <td class="text-center">{{ $inscription->Suivi->date_diplomation }}</td>
                                <td class="text-center">{{ $inscription->Suivi->poste_actuel }}</td>
                                <td class="text-center">{{ $inscription->Suivi->entreprise }}</td>
                                <td class="text-center">{{ $inscription->Suivi->date_debut }}</td>
                                @else
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                @endif
                                <td class="text-center"><button class="btn btn-warning" wire:click="goToEdit('{{ $inscription->ins_etudiant_id }}','{{ $inscription->etudiant_nom2($inscription->ins_etudiant_id) }}')">
                                    <i class="far fa-edit"></i>
                                </button></td>

                            </tr>
                    @endforeach



                    </tbody>
                    @endif
                </table>

            </div>


        </div>
    </div>
</div> --}}
@section('title')
    Suivi des lauréats
@endsection


<div class="row p-2">
    <section class="content w-100">
        <div class="col-md-12">
            <div class="card ">
                <div
                    class="card-header bg-gradient-olive d-flex flex-column flex-md-row align-items-center justify-content-between">
                    <h3 class="card-title flex-grow-1 mb-2 mb-md-0"><i class="fas fa-user-tie fa-2x"></i>Suivi des
                        lauréats</h3>
                    <div
                        class="card-tools d-flex flex-column flex-md-row align-items-center justify-content-end w-100 w-md-auto">


                        <select wire:model.live.debounce.250ms="perPage"
                            class="mb-2 mb-md-0 ml-0 ml-md-4 px-4 py-2 border mr-0 mr-md-4 d-block rounded-md"
                            style="color: #000000; width: 100%; max-width: 135px;">
                            <option value="5">5 par page</option>
                            <option value="10">10 par page</option>
                            <option value="15">15 par page</option>
                            <option value="20">20 par page</option>
                        </select>

                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="row">
                        <div class="col-12 py-2">
                            <div class="card-header bg-gradient-olive align-items-center p-3">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 col-lg-3">
                                        <div class="form-group">
                                            <label>Année scolaire</label>
                                            <select class="form-control" wire:model.live='anneescolaire'>
                                                <option value="">Choisir une année</option>
                                                @foreach ($as as $as)
                                                    <option value="{{ $as->annee_id }}">{{ $as->annee_nom }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 col-md-6 col-lg-3">
                                        <div class="form-group">
                                            <label>Diplôme</label>
                                            <select class="form-control" wire:model.live='diplome'>
                                                <option value="">Choisir un diplôme</option>
                                                @foreach ($diplomes as $dip)
                                                    <option value="{{ $dip->dip_id }}">{{ $dip->dip_nom }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 col-md-6 col-lg-3">
                                        <div class="form-group">
                                            <label>Formation</label>
                                            <select class="form-control" wire:model.live='formation'>
                                                <option value="">Choisir une formation</option>
                                                @foreach ($formations as $formation)
                                                    <option value="{{ $formation->for_id }}">{{ $formation->for_nom }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 col-md-6 col-lg-3">
                                        <div class="form-group">
                                            <label>Classe</label>
                                            <select class="form-control" wire:model.live='classe'>
                                                <option value="">Choisir une classe</option>
                                                @foreach ($classes as $classe)
                                                    <option value="{{ $classe->classe_id }}">
                                                        {{ $classe->classe_nom_court }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 table-responsive">
                            <table class="table">

                                <thead>
                                    <tr>

                                        <th>Nom complet</th>
                                        <th>Date de diplomation</th>
                                        <th>Poste acutel</th>
                                        <th>Entreprise</th>
                                        <th>Date début job</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($inscriptions as $inscription )
                                    <tr>
                                        <td >{{ $inscription->etudiant_nom2($inscription->ins_etudiant_id) }}</td>
                                        @if ($inscription->Suivi !== null)
                                        <td >{{ $inscription->Suivi->date_diplomation }}</td>
                                        <td >{{ $inscription->Suivi->poste_actuel }}</td>
                                        <td >{{ $inscription->Suivi->entreprise }}</td>
                                        <td >{{ $inscription->Suivi->date_debut }}</td>
                                        @else
                                        <td ></td>
                                        <td ></td>
                                        <td ></td>
                                        <td ></td>
                                        @endif



                                        <td class="py-0 align-middle">
                                            <div class="btn-group btn-group-sm">

                                                <button class="btn btn-warning" wire:click="goToEdit('{{ $inscription->ins_etudiant_id }}','{{ $inscription->etudiant_nom2($inscription->ins_etudiant_id) }}')" wire:key='inscription-{{ $inscription->id }}'>
                                                    <i class="far fa-edit"></i>
                                                </button>

                                            </div>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td class="text-center"
                                            style="font-size:1rem; font-weight:500; font-family:inherit; color:red;"
                                            colspan="7"> AUCUN ÉTUDIANT !</td>
                                    </tr>
                                    @endforelse

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card-footer  clearfix">
                    <div class="float-right">
                        {{ $inscriptions->links() }}
                    </div>
                </div>

            </div>
        </div>

    </section>
</div>




<script>
    document.addEventListener('livewire:init', () => {
        Livewire.on('showSuccessMessage', (event) => {
            Swal.fire({
                position: "top-end",
                icon: "success",
                toast: true,
                title: event.message,
                showConfirmButton: false,
                timer: 2500
            });
        });
    });
</script>

<script>
    document.addEventListener('livewire:init', () => {
        Livewire.on('confirmMessage', (event) => {
            Swal.fire({
                title: "Êtes-vous sûr de continuer  ",
                text: "Vous êtes sur le point de supprimer " + event.message.titre +
                    " des offres de stages",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "Continuer",
                cancelButtonText: "Annuler"
            }).then((result) => {
                if (result.isConfirmed) {
                    @this.deleteOffre(event.message.offre_id)
                }
            });
        });
    });
</script>