@extends('layouts.admin')
@section('title')
    <title>{{ config('app.name', 'SMS') }} | Gestion des Séances</title>
@endsection
@section('header')
@endsection
@section('content')
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1><i class="nav-icon fas fa-edit text-primary"></i> Gestion des Séances</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/">Accueil</a></li>
                            <li class="breadcrumb-item active">Maquette/Séances</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <form action="{{ route('ajouter.seance') }}" method="POST" >
                    @csrf
                    <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="card card-primary card-outline shadow-lg">
                                <div class="card-header">
                                    <center><h2>Détails de la séance</h2></center>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>Enseignant</label>
                                                <select name = "personnel_id" id="selectPersonnel" style="width: 100%;" class="form-control select2" onchange="populateMatiere(this.id, 'selectCours')"  required >
                                                    <option selected disabled>-- Choisissez l'enseignant --</option>
                                                    @foreach ($personnels as $key => $personnel)
                                                        <option value="{{ $personnel->id }}">
                                                            {{ $personnel->noms }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>Cours</label>
                                                <select name = "cour_id" id="selectCours"  style="width: 100%;" class="form-control select2" required >
                                                    <option  disabled>-- Choisissez d'abord l'enseignant --</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>Salle</label>
                                                <select name = "sale_id" id="selectSalle" style="width: 100%;" class="form-control select2" required >
                                                    @foreach ($salles as $key => $salle)
                                                        <option value="{{ $salle->id }}">
                                                            {{ $salle->libelle }} - {{ $salle->etage->libelle }} - {{ $salle->etage->batiment->libelle }} - {{ $salle->etage->batiment->campus->libelle }} - {{ $salle->etage->batiment->campus->etablissement->libelle }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>Date de le Séance</label>
                                                <input type="date" name="date_seance" required class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>Heure de Début</label>
                                                <input type="time"  name="heure_debut" required class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>Heure de Fin</label>
                                                <input type="time"  name="heure_fin" required class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="card card-primary card-outline shadow-lg">
                                <div class="card-header">
                                    <center><h2>Contenu de la séance</h2></center>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label></label>
                                                <textarea name="contenu" placeholder="Saisissez le contenu du cours ici..." id="" cols="30" rows="10" class="form-control"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <button type="submit" class="btn btn-primary btn-block">
                                                <span class="fas fa-save"></span> &nbsp; &nbsp; &nbsp; ENGERISTRER
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </form>
            </div><!-- /.container-fluid -->
        </section>
    <!-- /.content-wrapper -->

@endsection

@section('footer')
  <script type="text/javascript">

    function populateMatiere(s1,s2){
        var s1 = document.getElementById(s1);
        var s2 = document.getElementById(s2);
        s2.innerHTML = "";
        @php foreach($personnels as $personnel): @endphp
            if(s1.value == "{{ $personnel->id}}"){
                var optionArray = ["0| Choisir le cours "@forelse ($personnel->cours as $cour),"{{$cour->id}}|{{$cour->module->libelle}}.{{$cour->semestre->cd_params}}"@empty @endforelse];
            }
        @php endforeach; @endphp

        for(var option in optionArray){
            var pair = optionArray[option].split("|");
            var newOption = document.createElement("option");
            newOption.value = pair[0];
            newOption.innerHTML = pair[1];
            s2.options.add(newOption);
        }
    }


</script>


  <script>
    $('#OpenImgUploard').click(function(){
        $('#imgupload').trigger('click');
    });
</script>
@endsection