@extends('admin.base')
@section('title')

   EDUCATIVE | Eleve
    
@endsection

@section('meta')
   <!-- Required meta tags-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Colorlib Templates">
    <meta name="author" content="Colorlib">
    <meta name="keywords" content="Colorlib Templates">    
@endsection

@section('stylesheet')

    <!-- Icons font CSS-->
    <link href="{{asset('eleve_form/vendor/mdi-font/css/material-design-iconic-font.min.css')}}" rel="stylesheet" media="all">
    <link href="{{asset('eleve_form/vendor/font-awesome-4.7/css/font-awesome.min.css')}}" rel="stylesheet" media="all">
    <!-- Font special for pages-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">

    <!-- Vendor CSS-->
    <link href="{{asset('eleve_form/vendor/select2/select2.min.css')}}" rel="stylesheet" media="all">
    <link href="{{asset('eleve_form/vendor/datepicker/daterangepicker.css')}}" rel="stylesheet" media="all">

    <!-- Main CSS-->
    <link href="{{asset('eleve_form/css/main.css')}}" rel="stylesheet" media="all">

@endsection

@section('body')
<div class="row">
<div class="col-md-8 mx-auto">
    <div class="card">
        <div class="card-header">
            <h5>Enregistrement Elève</h5>
        </div>
        <div class="card-block">
            <form class="form-material" action="{{route('eleves.store')}}" method="POST">
                @csrf
                <div class="form-group form-default">
                    <input type="text" name="nom" class="form-control">
                    <span class="form-bar"></span>
                    <label class="float-label">Nom</label>
                    @error('nom')
                     <p class="text-danger">{{ $message }}</p>
                    @enderror
                </div>
                <div class="form-group form-default">
                    <input type="text" name="prenom" class="form-control">
                    <span class="form-bar"></span>
                    <label class="float-label">Prénom</label>
                    @error('prenom')
                     <p class="text-danger">{{ $message }}</p>
                    @enderror
                </div>
                <div class="form-group form-default">
                    <select name="sexe" class="form-control">
                        <option value="">Choisir</option>
                        <option value="M">Masculin</option>
                        <option value="F">Feminin</option>
                    </select>
                    <span class="form-bar"></span>
                    <label class="float-label">Sexe</label>
                    @error('sexe')
                     <p class="text-danger">{{ $message }}</p>
                    @enderror
                </div>
                <div hidden="" class="form-group form-default">
                    <input value="111" type="number" name="matricule" class="form-control">
                    <span class="form-bar"></span>
                    <label class="float-label">Numero Matricule</label>
                    @error('matricule')
                     <p class="text-danger">{{ $message }}</p>
                    @enderror
                </div>
                <div class="form-group form-default">
                    <input type="date" name="dateNaissance" class="form-control">
                    <span class="form-bar"></span>
                    <label class="float-label">Date de naissance</label>
                    @error('dateNaissance')
                     <p class="text-danger">{{ $message }}</p>
                    @enderror
                </div>
                <div class="form-group form-default">
                    <select class="form-control"  name="classe_id">
                        <option value="">Choisir</option>
                            @foreach($classe as $cl)
                             <option value="{{$cl->id}}">
                                {{$cl->nom}}
                             </option>
                            @endforeach 
                    </select>
                    <span class="form-bar"></span>
                    <label class="float-label">Classe</label>
                    @error('classe')
                     <p class="text-danger">{{ $message }}</p>
                    @enderror
                </div>
                <div class="row m-t-30">
                    <div class="col-md-12">
                        <!-- <button type="button" class="btn btn-primary btn-md btn-block waves-effect waves-light text-center m-b-20"> -->
                        <button type="submit" class="btn btn--radius-2 btn-primary">
                          Enregistrer
                       </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</div>

@endsection

@section('javascript')
 
<script src="{{asset('eleve_form/vendor/select2/select2.min.js')}}"></script>

<!-- Main JS-->
<script src="{{asset('eleve_form/js/global.js')}}"></script>

    @if(session()->has('info'))
    <script >

      Swal.fire('{{session('info')}}')
      
    </script>
    @endif  

@endsection