@extends('layouts.main')

@section('content')


<!-- end breadcrumb -->
<!-- begin row -->
<div class="row">

	<div class=" col-sm-2 ">

		@include('modules.scolarite.menu')
	</div>


	<div class="col-md-8" style="padding: 10px; ">

        <h1 class="m-0" style="font-size: 20px;font-weight: 900; text-transform:uppercase">{{ $classeActive->cl_niveau}} > {{ $classeActive->cl_cycle}} {{ $classeActive->cl_nom}}</h1>
   
<!-- end breadcrumb -->
<!-- begin row -->
<div class="row">




    <div class="col-md-12 " style="  background: #f2f2f2; padding: 5px;  ">

   

                <div class="row">
                    <div class="col-sm-3">


                        <form method="POST" action="{{ route('matiereclasses_crea') }}">
                            @csrf

                            <input type="hidden" value="{{ $classeActive->cl_id}}" name="cm_idclasse">
                            <input type="hidden" name="usercrea" value="{{ Auth::user()->name }}[{{ Auth::user()->id }}]" >
                            <fieldset class="scheduler-border">
                               

                                <div class="row">
                                    <div class="col-sm-12">





                                        <fieldset style="border: #ffd9a6 1px solid;padding: 10px;background: #f8f7f5;">
                                            <legend class="scheduler-border h4"
                                    style="text-align: center;background: antiquewhite;">Matière
                                </legend>

                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 ">Matières :</label>
                                                <div class="col-md-12">
                                                    <select name="cm_idmatiere" class="form-control">
                                                        @foreach ($matieres as $mat )
                                                        @if($mat->mat_cycle == $classeActive->cl_niveau)
                                                        <option value="{{ $mat->mat_id }}">{{ $mat->mat_nom }}</option>
                                                        @endif
                                                        @endforeach                                                      

                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12">Enseignants :</label>
                                                <div class="col-md-12">
                                                    <select name="cm_idenseignant" class="form-control">
                                                        @foreach ($enseignants as $ens )
                                                        <option value="{{ $ens->et_id }}">{{ $ens->et_civilite }} {{ $ens->et_prenom }} {{ $ens->et_nom }}</option>
                                                        @endforeach                                                      

                                                    </select>
                                                </div>
                                            </div>
                                          
                                        <br>
                                            <div class="form-group row m-b-0">
                                                <div class="col-md-12">
                                                    <button type="submit" class="btn btn-block btn-default btn-sm">
                                                        <h1>ENREGISTRER</h1>
                                                    </button>
                                                </div>
                                            </div>
                                        </fieldset>

                                        



                                    </div>
                                </div>
                            </fieldset>
                        </form>
                    </div>

                    <div class="col-sm-9">

                        <legend class="scheduler-border h4" style="text-align: center;background: antiquewhite;">Matieres
                        </legend>
                        <table id="" class="table table-bordered table-hover table-striped w-100">
                            <thead>
                                <th>ID</th>
                                <th>Matière</th>
                                <th>Enseignant</th>
                                <th>Date </th>
                                <th>Par </th>
                                <th></th>
                            </thead>
                            <tbody>
                                
                                @foreach ($classes_matieres as $mat )
                                <tr style="cursor: pointer;">
                                    <td>{{ $mat->cm_id }}</td>
                                    <td>{{ $mat->mat_nom }}</td>
                                    <td>{{ $mat->et_civilite }} {{ $mat->et_prenom }} {{ $mat->et_nom }}</td>
                                    <td>{{ $mat->cm_datecrea }}</td>
                                    <td>{{ $mat->cm_usercrea }}</td>
                                    <td> <button class="btn btn-block btn-danger btn-xs"><i
                                                class="fal fa-trash"></i></button></td>
                                </tr>
                                @endforeach



                            </tbody>
                        </table>
                        <p class="text-right"> <strong> {{count($classes_matieres)}}</strong> Matière(s)</p>
                    </div>
                </div>
           


    </div>

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




<script>
    $('document').ready(function () {
    $("#imgload").change(function () {
        if (this.files && this.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#imgshow').attr('src', e.target.result);
            }
            reader.readAsDataURL(this.files[0]);
        }
    });
});
</script>
@endsection