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

   EDUCATIVE | Cours
    
@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 DE COURS</h5>
            </div>
            <div class="card-block">
             <form action="{{route('cours.store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group form-default">
                        <input type="text" name="intitule" class="form-control">
                        <span class="form-bar"></span>
                        <label class="float-label">Intitulé</label>
                        @error('intitule')
                         <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="form-group form-default">
                        <input type="text" name="description" class="form-control">
                        <span class="form-bar"></span>
                        <label class="float-label">Description</label>
                        @error('description')
                         <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="form-group form-default">
                        <select class="form-control"  name="matiere_id">
                            <option value="">Choisir</option>
                            @foreach($matieres as $mt)
                                <option value="{{$mt->id}}">
                                    {{$mt->nom}}
                                </option>
                                @endforeach
                        </select>
                       <span class="form-bar"></span>
                        <label class="float-label">Matiere</label>
                           @error('matiere_id')
                            <p class="text-danger">{{ $message }}</p>
                          @enderror
                    </div>
                    <div class="pb-2 form-group form-default">
                        <input type="file" name="fichier" class="form-control pt-3 ">
                        <span class="form-bar"></span>
                        <label class="float-label">Fichier à joindre</label>
                        @error('fichier')
                         <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="pb-2 form-group form-default">
                        <input type="file" name="photo" class="form-control pt-3 ">
                        <span class="form-bar"></span>
                        <label class="float-label">Image de couverture</label>
                        @error('photo')
                         <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="form-group form-default ">
                        <div class="rs-select2 js-select-simple select-search select is-multiple">
                        <select multiple='multiple' class="form-control select2" data-placeholder="veuillez selectionner les classes"  name="classes[]">
                          <option value="">Choisir</option> 
                            @foreach($classes as $classe)
                             <option value="{{ $classe->id }}">{{ $classe->nom }}</option>
                            @endforeach
                        </select>
                        <div class="select-dropdown"></div>
                     </div>
                    </div>
                    <div class="row m-t-30">
                        <div class="col-md-12">
                            <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