@extends('layouts.admin')
@section('content')
    <div class="page-wrapper">
        <div class="container-fluid">
            <div class="row page-titles">
                <div class="col-md-5 col-12 align-self-center">
                    <h3 class="text-themecolor mb-0">ASECAM</h3>
                </div>
                <div class="col-md-7 col-12 align-self-center d-none d-md-flex justify-content-end">
                    <ol class="breadcrumb mb-0 p-0 bg-transparent">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Accueil</a></li>
                        <li class="breadcrumb-item active d-flex align-items-center">Liste des étudiants</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <h3 class="header-title m-t-0 m-b-30"> FORMULAIRE DES FILTRES</h3>
                <form action="{{route('students.store')}}" method="post" data-parsley-validate novalidate>
                    {{ csrf_field() }}
                    <div class="row">
                    <div class="col-md-3">
                        <div class="form-group{{ $errors->has('nom') ? ' has-error' : '' }}">
                            <label for="nom">Nom</label>
                            <input type="text" name="nom" parsley-trigger="change" required placeholder="Entrer un nom" class="form-control" id="nom" value="">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group{{ $errors->has('prenom') ? ' has-error' : '' }}">
                            <label for="prenom">Prenom</label>
                            <input type="text" name="prenom" placeholder="Entrer un prenom" class="form-control" id="prenom" value="">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group{{ $errors->has('promotion') ? ' has-error' : '' }}">
                            <label for="nom">promotion</label>
                            <input type="text" name="promotion" placeholder="promotion" class="form-control" id="promotion" value="">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group col-lg-12">
                            <label for="filieres">Filieres</label>
                            <select class="form-control" name="filieres" id="filieres">
                                <option value=""> </option>
                                @foreach ($filieres as $p)
                                    <option value="{{$p['id']}}">
                                        {{$p['nom']}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group col-lg-12">
                            <label for="status">Status</label>
                            <select name="status" id="status" required class="form-control">
                                <option disabled>-- Choisir un status --</option>
                                <option value=""> </option>
                                <option value="BOURSIER(MINESUP)">BOURSIER(MINESUP)</option>
                                <option value="BOURSIER(MINEFOP)">BOURSIER(MINEFOP)</option>
                                <option value="STAGAIRE">STAGAIRE</option>
                                <option value="PRIVEE">NON-BOURSIER</option>
                                <option value="AUTRES">AUTRES</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group col-lg-12">
                            <label for="etablissements">Etablissements</label>
                            <select class="form-control" name="etablissements" id="etablissements">
                                <option value=""> </option>
                                @foreach ($etablissements as $p)
                                    <option value="{{$p['id']}}" >
                                        {{$p['nom']}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group col-lg-12">
                            <label for="genre">Genre</label>
                            <select name="genre" id="genre" required class="form-control">
                                <option disabled>-- Choisir un genre --</option>
                                <option value=""> </option>
                                <option value="M">M</option>
                                <option value="F">F</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group col-lg-12">
                            <label for="villes">Villes</label>
                            <select class="form-control" name="villes" id="villes">
                                <option value=""> </option>
                                @foreach ($villes as $p)
                                    <option value="{{$p['id']}}">
                                        {{$p['nom']}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group col-lg-12">
                            <label for="archiver">Archiver</label>
                            <select class="form-control" name="archiver" id="archiver">
                                <option value=""> </option>
                                <option value="true"> Etudiants Archivés</option>
                                <option value="false"> Etudiants Actifs</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3 ">
                    </div>
                        <div class="col-md-3 ">
                    </div>
                        <div class="col-md-3 ">
                    </div>
                        <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                        <div class="form-group col-lg-12">
                            <label for="lancer">Lancer le filtre en cliquant ici svp </label>
                            <button id="btnfiltre" class="btn btn-primary waves-effect waves-light" type="submit">
                                Filtre sur les étudiants
                            </button>
                        </div>
                    </div>
                    </div>
                    <br>
                    <br>
                </form>

                <div class="col-12">
                    <div>
                        <a type="button" class="btn btn-light-success text-success font-weight-medium" href="{{ route('students.create') }}">
                            <i class="ti-settings text" aria-hidden="true"></i>
                            <span class="text">Ajouter un elève</span>
                        </a>
                    </div>
                    <br>
                    <div class="card">
                        <div class="border-bottom title-part-padding">
                            <h4 class="card-title mb-0">Liste des élèves</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <div id="zero_config_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                                    {{$dataTable->table()}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
@push('scripts')
    {!! $dataTable->scripts() !!}
    <script>
        $(document).ready(function () {
            //////////////////// Delete Etudiant ///////////////////////////////////

            $(document).on('click', '.delete', function () {
                var id = $(this).data('id');
                var swal_ot = {
                    title: "{{ Lang::get('contenu.sure') }}",
                    text: "{{ Lang::get('contenu.subtext_sure') }}",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonText: "{{ Lang::get('contenu.confirm_btn') }}",
                    cancelButtonText: "{{ Lang::get('contenu.cancel_btn') }}",
                    closeOnConfirm: false
                };
                var url = '{{ route("students.delete", ":id") }}';
                url = url.replace(':id', id);

                swal(swal_ot, function () {
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data: {_token: '{{ csrf_token() }}'},
                    }).done(function () {
                        swal("{{ Lang::get('contenu.supprime') }}", "{{ Lang::get('contenu.sub_sup') }}", "success");
                        $('#etudiants-table').DataTable().ajax.reload(null, false);
                        ;

                    }).error(function () {
                        swal("{{ Lang::get('contenu.oops') }}", "{{ Lang::get('contenu.problem_server') }}", "error");
                    });
                });
            });

            //////////////////// Archiver Etudiant ///////////////////////////////////

            $(document).on('click', '.archive', function () {
                var id = $(this).data('id');
                var url = '{{ route("students.archiver", ":id") }}';
                url = url.replace(':id', id);

                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {_token: '{{ csrf_token() }}'},
                }).done(function () {
                    //swal("{{ Lang::get('contenu.supprime') }}", "{{ Lang::get('contenu.sub_sup') }}", "success");
                    $('#etudiants-table').DataTable().ajax.reload(null, false);
                }).error(function () {
                    swal("{{ Lang::get('contenu.oops') }}", "{{ Lang::get('contenu.problem_server') }}", "error");
                });

            });

            //////////////////// Clique sur lancer filtre ///////////////////////////////////

            $("#btnfiltre").click(function (e) {
                e.preventDefault();
                var formData = {
                    nom: $('#nom').val(),
                    prenom: $('#prenom').val(),
                    filiere: $('#filieres').val(),
                    ville: $('#villes').val(),
                    status: $('#status').val(),
                    etablissement: $('#etablissements').val(),
                    genre: $('#genre').val(),
                    archiver: $('#archiver').val(),
                    promotion: $('#promotion').val(),
                };

                $('#etudiants-table').DataTable().destroy();
                //call_dataTable(formData);

            });
        });
    </script>
@endpush