@extends('layouts.app')

@section('title')
{{-- Le nom de la page: Le nom que le navigateur affichera --}}
Liste des Etudiants
@endsection

@section('head')
{{-- Pour ajouter des css ou des balises dans la section head --}}
<link rel="stylesheet" href="{{asset('assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css')}}">

<style>
    .powered {
        color: white;
    }

    /* .clickable:hover {
        color: #2cabe3;
        cursor: pointer;
    } */

    a:focus,
    a:hover {
        color: #FFFF;
    }

    #delBtn {
        display: none;
    }
</style>
@endsection

@section('content-title')
{{-- Le titre du contenu qui a gauche en haut dans le content --}}
Etudiants
@endsection

@section('content')
{{-- Le contenu de la page --}}
<div class="row">
    <div class="col-12">
        <div class="material-card card">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <h4 class="card-title">Liste des étudiants</h4>
                    <div>
                        <button type="button" class="btn btn-rounded waves-effect waves-light btn-danger m-t-10 mb-2"
                            data-toggle="modal" data-target="#exampleModal" id="delBtn">
                            Supprimer
                        </button>
                        <button type="button" class="btn btn-info btn-rounded m-t-10 mb-2" data-target="#add-contact">
                            <a class="powered" href="{{route('student.create')}}">
                                Ajouter
                            </a>
                        </button>
                    </div>
                </div>
                <br>
                <br>
                <div class="table-responsive">
                    <table id="file_export" class="table border display">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Matricule</th>
                                <th>Noms </th>
                                <th>Prénoms</th>
                                <th>Email</th>
                                <th>Téléphone</th>
                                {{-- <th>Date de naissance</th> --}}
                                <th>Entité</th>
                                <th>Filière</th>
                                <th>Année d'étude</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($students as $student)
                            @if(! isset($student->inscriptions[0]))
                            @continue
                            @endif
                            <tr class="clickable">
                                <td>
                                    <input type="checkbox" onclick="disDeleteBtn(
                                        {
                                            value: this.value,
                                            checked: this.checked
                                        })" value="{{$student->id}}" class="delete-box">
                                </td>
                                <td>{{ $student->matricule  }}</td>
                                <td>{{ $student->last_name }}</td>
                                <td>{{ $student->first_name }}</td>
                                <td>{{ $student->email }}</td>
                                <td>{{ $student->phone  }}</td>
                                {{-- <td>{{$student->birthdate}}</td> --}}
                                <td>{{ $entity->name  }}</td>
                                <td>{{ $student->inscriptions[0]->filiere->name }}</td>
                                <td>{{ $student->inscriptions[0]->filiere->level }}</td>
                                <td>
                                    <a href="{{route('student.show', $student->id)}}">
                                        <button type="button" class="btn waves-effect waves-light btn-outline-primary">
                                            Modifier
                                        </button>
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
        Launch demo modal
    </button> --}}

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Suppression d'étudiants</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="delForm" action="{{ url('/student/1') }}" method="post">
                    @csrf
                    @method('delete')
                    <div class="modal-body">
                        Vous êtes sur le point de supprimer
                        <span id="delrec" style="color: red;">

                        </span>
                        étudiant(s). Veuillez confirmer ou abandonner.

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Abandonner</button>
                        <button type="submit" class="btn btn-danger waves-effect waves-light">Supprimer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>



</div>


</div>

@endsection

@section('scripts')
<script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
<script src="{{asset('assets/extra-libs/datatables.net/js/jquery.dataTables.js')}}"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
<script src="{{asset('dist/js/pages/datatable/datatable-advanced.init.js')}}"></script>
<script src="{{asset('assets/scripts/multiple-delete.js')}}"></script>
@endsection