@extends('layouts.base',
    $breadcrumb = [
        "title" => "FORMULAIRE D'IMPRESSION DE CARTE D'ETUDIANT / ".session('sigle'),
        "nav" => [ // "text to show" => "link",
            "Dashboard" => route('home'), // Current page is last item
            "CARTE D'ETUDIANT" => route('print.form'),
        ],
    ]
)

@section('title', 'Formulaire')

@section('css')
    <!-- Select2 -->
    <link rel="stylesheet" type="text/css" href=" {{ asset('assets/libs/select2/dist/css/select2.min.css') }} ">

@endsection

@section('content')
    @php
        $filieres = $data['filieres'];
        $yearTitle = nominateYear();
        $cartes = $data['cartes'];
        $min = $data['minYear'];
        $max = $data['maxYear'];
        $anneeAcad = session('annee_acad');
    @endphp

    {{-- alert with content --}}
    @include('partials.alert')

    <div class="row " style="margin:0 150px">
        <div class="col-sm-12">
            <div class="card card-body"  style="background-color: transparent;">
                <div class="text-center">
                    <div class="alert customize-alert alert-dismissible text-primary border border-primary fade show" role="alert"  style="background-color: white;">
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        <div class="d-flex align-items-center font-weight-medium">
                            <i data-feather="info" class="text-primary feather-sm me-2 flex-shrink-0"></i>
                            <span class="text-dark">
                                Cette page vous permet de consulter la liste des étudiants du système suivant la sélection de filtre...
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="card w-100">
                {{-- <div class="card-header bg-info">
                    <h4 class="mb-0 text-white text-uppercase d-inline">formulaire</h4>
                    <button class="btn btn-success btn-rounded pull-right" type="button">
                        Ajouter
                    </button>
                </div> --}}
                <div class="d-flex align-items-center px-3 py-4 border-bottom">
                    <div>
                        <h4 class="card-title font-weight-medium">Formulaire</h4>
                        <h5 class="card-subtitle mb-0">Veuillez sélectionner les données s'il vous plait.</h5>
                    </div>
                    <div class="ms-auto">
                        <a href="{{ route('home')}}" target="_blank" style="color:  {{ session('couleurs.textColor2') }}">
                            <button class="btn btn-theme btn-rounded">
                                Dashboard <i class="icon-action-redo"></i>
                            </button>
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="contact-form create-form">
                        <div class="form-wrapper pt-0">
                            <form id="contact-form" style="display: block; overflow-x: hidden;"  action="{{ route('print.list') }}"  method = "POST">
                                @csrf
                                <div class="row single-form">
                                    <label class="col-sm-5 mt-2 text-end fs-4 form-label fw-bold" for="type">
                                        Statut carte :
                                    </label>

                                    <div class="col-lg-6 col-12 pt-1">
                                        <select
                                            class="form-control fs-5 border-info custom-select2"
                                            name="type"
                                            data-border-color="info"
                                            data-border-variation="darken-2"
                                            data-text-color="info"
                                            data-text-variation="darken-3"
                                            style="width: 100%;height: 36px;"
                                        >
                                            <option value="ALL" selected>Sélectionner le status</option>
                                            @foreach ($cartes as $i => $carte)
                                                <option value="{{ $i }}">{{ $carte }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="row single-form">
                                    <label class="col-sm-5 mt-2 text-end fs-4 form-label fw-bold" for="filiere">
                                        Filière :
                                    </label>

                                    <div class="col-lg-6 col-12 pt-1">
                                        <select
                                            class="form-control fs-5 border-info custom-select2"
                                            name="filiere"
                                            data-border-color="info"
                                            data-border-variation="darken-2"
                                            data-text-color="info"
                                            data-text-variation="darken-3"
                                            style="width: 100%;height: 36px;"
                                        >
                                            <option value="ALL" selected>Sélectionner la filière</option>
                                            @foreach ($filieres as $filiere)
                                                <option value="{{ $filiere['idFiliere'] }}">
                                                    {{ $filiere['intituleFilieres'].' ('. $filiere['sigleFilieres'].')' }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="row single-form">
                                    <label class="col-sm-5 mt-2 text-end fs-4 form-label fw-bold" for="annee_acad">
                                        Année académique :
                                    </label>

                                    <div class="col-lg-6 col-12 pt-1">
                                        {{--
                                            @php
                                                $periode = explode('-', session('periode'));
                                                $pre = intval ($periode[0]);
                                                $post = intval ($periode[1]);
                                                $count = 3;
                                            @endphp
                                        --}}
                                        <select
                                            class="form-control fs-5 border-info custom-select2"
                                            name="annee_acad"
                                            data-border-color="info"
                                            data-border-variation="darken-2"
                                            data-text-color="info"
                                            data-text-variation="darken-3"
                                            style="width: 100%;height: 36px;"
                                            required
                                        >
                                            {{-- @for ($i = 0; $i < $count; $i++)
                                                <option value="{{ $post - $i }}" {{ (strval ($post - $i) == session('annee_acad')) ? 'selected' : ''}}>{{ ($pre - $i).'-'.($post - $i) }}</option>
                                            @endfor --}}
                                            @for ($i = $max; $i >= $min; $i--)
                                                <option value="{{ $i }}" {{ ($i == $anneeAcad) ? 'selected' : '' }}>
                                                    {{ ($i - 1) . '-' . $i }}
                                                </option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>

                                <div class="row single-form">
                                    <label class="col-sm-5 mt-2 text-end fs-4 form-label fw-bold" for="niveau">
                                        Niveau formation :
                                    </label>

                                    <div class="col-lg-6 col-12 pt-1">
                                        <select
                                            class="form-control fs-5 border-info custom-select2"
                                            name="niveau"
                                            data-border-color="info"
                                            data-border-variation="darken-2"
                                            data-text-color="info"
                                            data-text-variation="darken-3"
                                            style="width: 100%;height: 36px;"
                                        >
                                            <option value="ALL" selected>Sélectionner le niveau d'étude</option>
                                            {{-- @foreach (findNiveau() as $i => $niv)
                                                <option value="{{$i + 1}}">{{ ucwords(strtolower($niv))}}</option>
                                            @endforeach --}}

                                                                                       
                                            {{-- @foreach (session('niveauFormationFusion', []) as $index => $niveau)
                                                <option value="{{ $index + 1 }}">{{ ucwords(strtolower($niveau)) }}</option>
                                            @endforeach --}}

                                            <option value="1">
                                                {{ session('formationBase', 'Formation inconnue') }} 
                                            </option>
                                            <option value="2">Master</option>
                                            <option value="3">Doctorat</option>

                                        </select>
                                    </div>
                                </div>

                                <div class="row single-form">
                                    <label class="col-sm-5 mt-2 text-end fs-4 form-label fw-bold" for="annee_etude">
                                        Année d'étude :
                                    </label>

                                    <div class="col-lg-6 col-12 pt-1">
                                        <select
                                            class="form-control fs-5 border-info custom-select2"
                                            name="annee_etude"
                                            data-border-color="info"
                                            data-border-variation="darken-2"
                                            data-text-color="info"
                                            data-text-variation="darken-3"
                                            style="width: 100%;height: 36px;"
                                        >
                                            <option value="ALL" selected>Sélectionner l'année d'étude</option>
                                            @foreach (nominateYear() as $i => $niv)
                                                <option value="{{ intval($i) + 1 }}">{{ $niv }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="form-actions">
                                    <div class="row">
                                        <div class="col-md-12 my-3">
                                            <div class="d-grid gap-2 d-md-flex justify-content-center">
                                                {{-- <a class="fs-4" href="{{ route('home') }}" style="color: black">
                                                    <button type="reset" class=" btn fs-6" style="background-color: #e4e7ea">
                                                        <i class="fa fa-ban" aria-hidden="true"></i>
                                                        Annuler
                                                    </button>
                                                </a> --}}
                                                <button type="submit" class="btn btn-theme btn-rounded fs-4" id="submit-form" style="color:  {{ session('couleurs.textColor2') }}">
                                                    Soumettre
                                                    <i class="icon-paper-plane"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    {{--
                        <form action="{{ route('print.list') }}" method="POST" id="show-users">
                            @csrf
                            <!--/row-->
                            <div class="mb-3 row ">
                                <div class="col-md-3 text-md-end">
                                    <label for="status" class=" col-form-label fw-bold fs-4">Statut carte</label>
                                </div>
                                <div class="col-md-6">
                                    <select name="status" class="form-select col-12 form-sel fs-5 custom-select2" data-placeholder="Choisir la filière">
                                        <option value="ALL" selected>Sélectionner le status</option>
                                        @foreach ($cartes as $i => $carte)
                                            <option value="{{ $i }}">{{ $carte }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="mb-3 row ">
                                <div class="col-md-3 text-md-end">
                                    <label for="filiere" class=" col-form-label fw-bold fs-4">Filière</label>
                                </div>
                                <div class="col-md-6">
                                    <select name="filiere" class="form-select col-12 form-sel fs-5 custom-select2" data-placeholder="Choisir la filière">
                                        <option value="ALL" selected>Sélectionner la filière</option>
                                        @foreach ($filieres as $filiere)
                                            <option value="{{ $filiere['idFiliere'] }}">
                                                {{ $filiere['intituleFilieres'].' ('. $filiere['sigleFilieres'].')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="mb-3 row ">
                                <div class="col-md-3 text-md-end">
                                    <label for="annee_acad" class="col-form-label fw-bold fs-4">Année académique</label>
                                </div>
                                <div class="col-md-6">
                                    @php
                                        $periode = explode('-', session('periode'));
                                        $pre = intval ($periode[0]);
                                        $post = intval ($periode[1]);
                                        $count = 3;
                                    @endphp
                                    <select class="form-select col-12 fs-5 custom-select2" name="annee_acad" required>
                                        @for ($i = 0; $i < $count; $i++)
                                            <option value="{{ $post }}" {{ (strval ($post - $i) == session('annee_acad')) ? 'selected' : ''}}>{{ ($pre - $i).'-'.($post - $i) }}</option>
                                        @endfor
                                    </select>
                                </div>

                            </div>

                            <div class="mb-3 row ">
                                <div class="col-md-3 text-md-end">
                                    <label for="niveau" class=" col-form-label fw-bold fs-4">Niveau formation</label>
                                </div>
                                <div class="col-md-6">
                                    <select class="form-select col-12 custom-select2 fs-5" name="niveau">
                                        <option value="ALL" selected>Sélectionner le niveau d'étude</option>
                                        @foreach (findNiveau() as $i => $niv)
                                            <option value="{{$i + 1}}">{{ ucwords(strtolower($niv))}}</option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>

                            <div class="mb-3 row ">
                                <div class="col-md-3 text-md-end">
                                    <label for="annee_etude" class=" col-form-label fw-bold fs-4">Année d'étude</label>
                                </div>
                                <div class="col-md-6">
                                    <select class="form-select custom-select2 col-12 fs-5" name="annee_etude">
                                        <option value="ALL" selected>Sélectionner l'année d'étude</option>
                                        @for ($i = 0; $i < count($yearTitle); $i++)
                                            <option value="{{ intval($i) + 1 }}">{{ $yearTitle[$i].' année' }}</option>
                                        @endfor
                                    </select>
                                </div>

                            </div>
                            <!--/row-->

                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="d-grid gap-2 d-md-flex justify-content-center">
                                            <button type="submit" class="btn btn-outline-success btn-rounded fs-6" id="submit-form">
                                                Soumettre
                                                <i class="icon-paper-plane"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    --}}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <!--Select2 -->
    <script src="{{ asset('/assets/libs/select2/dist/js/select2.full.min.js')}}"></script>
    <script src="{{ asset('/assets/libs/select2/dist/js/select2.min.js')}}"></script>
    <script>
        $(function(){
            formData = $('#contact-form').serializeArray();
            console.log("formValues", formData);

            let form = $('#contact-form');
            console.log('form', form)

            $('#submit-form').on('click', function (e) {
                e.preventDefault();
                form.submit();
            })

            $(".custom-select2").select2({
                minimumResultsForSearch: Infinity,
                // theme: "classic",
            });
        }());
    </script>
@endsection