@extends('layouts.main')

@section('content')



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



    <div class="col-md-3 text-center"  style="  background: #ebe9ff;  ">

        {{--
        <div class="alert alert-secondary">

        </div> --}}

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

                <h1 class="m-0" style="font-size: 20px;font-weight: 900;"> {{ $classeActive->cl_cycle}} {{ $classeActive->cl_nom}}</h1>
                <p class="p-0 m-0">  ({{ $classeActive->cl_niveau}})</p>
                


               

            </div>

        </div>

    </div>

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

        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab_direction-2" role="tab"
                aria-selected="false">Matières [{{ count($matieres) }}]</a></li>
            <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#tab_direction-1" role="tab"
                    aria-selected="true">Etudiant(s) inscrit(s) [{{ count($etudiant_inscrit) }}]</a></li>
           
           

        </ul>
        <div class="tab-content p-3" style="  background: #fff; padding: 5px;  ">
            <div class="tab-pane fade" id="tab_direction-1" role="tabpanel">
				<div class="row" style="   background: rgb(212 211 211);   padding: 5px;  ">
					<div class="col-sm-6 p-0 m-0">
						<h1 class="m-0" ><i class="fal fa-md fa-fw m-r-0 fa-user"></i>Liste des inscrits à la filière {{ $classeActive->cl_cycle }} {{ $classeActive->cl_nom }} </h1>
					
					</div>
					<div class="col-sm-6 text-right  p-0 m-0">
						<a  href="#modal-dialog" data-toggle="modal"  class="btn btn-default btn-xs"> <i class="fal fa-plus"></i> Inscrire un etudiant</a> 
					
					</div>
				</div>
		
		
				<p class=""> <strong style="font-size: 28px;"> {{count($etudiant_inscrit)}}</strong> <br> Etudiant(s) Inscrit(s)</p>
		
				<table id="" class="table table-bordered table-hover table-striped w-100">
						<thead>
							<th>Etudiant</th>
							<th>Date naissance</th>
							<th>Portable</th>
							<th>Email</th>
							<th>Date d'inscription</th>
							<th>Type Paiement</th>
							<th></th>
						</thead>
						<tbody>
						  @foreach ($etudiant_inscrit as $inscrit )
			
						 <tr> 													
						 
						  <td><a href="{{URL::route('etudiants_details', ['id' => encrypt($inscrit->et_id)])}}"> {{ $inscrit->et_civilite}} {{ $inscrit->et_prenom}} {{ $inscrit->et_nom}}  </a> </td>
						  <td>{{ $inscrit->et_datenaissance}}</td>
						  <td>{{ $inscrit->et_portable}}</td>
						  <td>{{ $inscrit->et_email}}</td>
						  <td>{{ $inscrit->insc_date}}</td>
						  <td>{{ $inscrit->ins_paiementtype}}</td>
						  <td><a href="{{URL::route('etudiants_details', ['id' => encrypt($inscrit->et_id)])}}"> <i class="fal fa-eye"></i> Détail</a> </td>
						  </tr>
						  @endforeach
						</tbody>
					  </table>
					<p class="text-right"> <strong> {{count($etudiant_inscrit)}}</strong> Etudiant(s) Inscrit(s)</p>
               
            </div>




            <div class="tab-pane fade active show" id="tab_direction-2" role="tabpanel">

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


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

                            <input type="hidden" value="{{ $classeActive->cl_id}}" name="mat_idclasse">
                            <input type="hidden" name="mat_usercrea" value="{{ Auth::user()->name }}[{{ Auth::user()->id }}]"
                                name="p_idetudiant">
                            <fieldset class="scheduler-border">
                                <legend class="scheduler-border h4"
                                    style="text-align: center;background: antiquewhite;">Matière
                                </legend>


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





                                        <fieldset style="border: #ffd9a6 1px solid;padding: 10px;background: #f8f7f5;">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-5 text-right">Matière :</label>
                                                <div class="col-md-7">
                                                    <input type="text" value="" class="form-control"  name="mat_nom">
                                                </div>
                                            </div>
                                          

                                        </fieldset>

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



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

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

                        <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>Libellé</th>
                                <th>Statut</th>
                                <th>Date </th>
                                <th></th>
                            </thead>
                            <tbody>
                                
                                @foreach ($matieres as $mat )
                                <tr style="cursor: pointer;">
                                    <td>{{ $mat->mat_id }}</td>
                                    <td>{{ $mat->mat_nom }}</td>
                                    <td>{{ $mat->mat_statut }}</td>
                                    <td>{{ $mat->mat_datecrea }}</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($matieres)}}</strong> Matière(s)</p>
                    </div>
                </div>
            </div>









        </div>


    </div>

</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