@extends('layout.template')

@section('title', 'GestStudent')


@section('title2')
    STATISTIQUES FRAIS DE SCOLARITE
@endsection

@section('subtitle')
    Statistiques
@endsection

@section('main')

    <div class="page-content container-fluid">

        <div class="card" style="width: 70%;margin: auto; margin-top:2%;margin-bottom:10%;">
            <div class="card-header bg-info p-4 text-center" ><p style="color: {{ session('couleurText2') }}">Veuillez sélectionner les données s'il
                vous plait</p></div>
            <div class="card-body">
                <form action="{{ route('mouv') }}" method="POST" onsubmit='$("select").addClass("is-valid")'>
                    @csrf()
                    <div class="filiere form-group">
                        <div
                            style="width:30%; margin-right:12px; display: inline-block;vertical-align: top;text-align:right;">
                            <label for="filiere" style="font-weight: bold;">Filiere</label>
                        </div>
                        <div style="margin-right:2px; display: inline-block;vertical-align: top;width:50%;">
                            <select name="filiere" id="filiere" class="form-select second"
                                id="inlineFormCustomSelect">
                                <option value="">Choisissez une filière</option>
                                @foreach ($filieres as $filiere)
                                    <option value="{{ $filiere->idFiliere }}">
                                        {{ $filiere->intituleFilieres }}({{ $filiere->sigleFilieres }})</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="annee form-group" style="border-top: solid 1px rgba(0,0,0,0.1); padding-top:15px; ">
                        <div
                            style="width:30%; margin-right:12px; display: inline-block;vertical-align: top;text-align:right">
                            <label for="annee" style="font-weight: bold;">Année académique</label>
                        </div>
                        <div style="margin-right:2px; display: inline-block;vertical-align: top;width:50%;">
                            <select name="annee" id="annee" class="form-select second"
                                id="inlineFormCustomSelect">
                                @foreach ($academiques as $academique)
                                    <option value="{{ $academique->periode }}">{{ $academique->periode }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="formation form-group" style="border-top: solid 1px rgba(0,0,0,0.1); padding-top:15px; ">
                        <div
                            style="width:30%; margin-right:12px; display: inline-block;vertical-align: top;text-align:right">
                            <label for="formation" style="font-weight: bold;">Niveau de formation</label>
                        </div>
                        <div style="margin-right:2px; display: inline-block;vertical-align: top;width:50%">
                            <select name="formation" id="formation" class="form-select cke_required second"
                                id="inlineFormCustomSelect">
                                <option value="">Sélectionner le niveau d'étude</option>
                                {{-- @foreach ($formations as $formation)
                                    <option value="{{ $formation->id }}">{{ $formation->niveauFormation }}</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="formation form-group" style="border-top: solid 1px rgba(0,0,0,0.1); padding-top:15px; ">
                        <div
                            style="width:30%; margin-right:12px; display: inline-block;vertical-align: top;text-align:right">
                            <label for="etude" style="font-weight: bold;">Année d'étude</label>
                        </div>
                        <div style="margin-right:2px; display: inline-block;vertical-align: top;width:50%">
                            <select name="etude" id="etude" class="form-select cke_required second"
                                id="inlineFormCustomSelect">
                                <option value="">Sélectionner l'année d'étude</option>
                                @foreach ($annees as $annee)
                                    <option value="{{ $annee->id }}">{{ $annee->annee_etude }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="formation form-group" style="border-top: solid 1px rgba(0,0,0,0.1); padding-top:15px; ">
                        <div
                            style="width:30%; margin-right:12px; display: inline-block;vertical-align: top;text-align:right">
                            <label for="periode" style="font-weight: bold;">Période</label>
                        </div>
                        <div style="margin-right:2px; display: inline-block;vertical-align: top;width:50%">
                            <div class='input-group mb-3'>
                                <input type='text' name="periode" id="periode" class="form-control daterange"
                                    style="" />
                            </div>
                        </div>
                    </div>
                    <div style="border-top: solid 1px rgba(0,0,0,0.1); padding-top:15px;text-align:center ">
                        <div style="width: 50%;margin: auto;">
                            <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i> Submit</button>
                            <button type="reset" class="btn btn-secondary">Cancel</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    @if (Session::has('error'))
        <script type="text/javascript">
            Swal.fire({
                icon: 'error',
                title: 'Une erreure s\'est produite !',
                text: "{{ Session::get('error') }}",
                footer: ''
            })
        </script>
        {{-- @php
            Session::forget::('error');
        @endphp --}}
    @endif
    <script type="text/javascript">
        $('.daterange').daterangepicker();
        $('.dateranges').daterangepicker({
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf(
                    'month')]
            }
        });
    </script>
@endsection