@extends('menu_et_footer')


@section('title')
    Historique des compositions | {{config('app.name')}}
@endsection

@section('container-fluid')
<div class="container-fluid">
    <!-- petite entete dans laquelle on avait écrit basic tables-->
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Consultez les vidéos des compositions passées ici...</h4>
        </div>
        {{-- <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <button class="right-side-toggle waves-effect waves-light btn-info btn-circle pull-right m-l-20"><i class="ti-settings text-white"></i></button>
            <a target="_blank" class="btn btn-danger pull-right m-l-20 hidden-xs hidden-sm waves-effect waves-light">GestSurvey</a>
        </div> --}}
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <h3 class="box-title m-b-0">Historique des compositions</h3>
                <p class="text-muted m-b-30">Liste des compositions passées</p>
                <div class="table-responsive">
                    <table  id="myTable" class="table table-striped">
                        <thead>
                            <tr>
                                <th>Date et heure</th>
                                <th>Durée</th>
                                <th>Matière</th>
                                <th>Filière</th>

                                @if($infos['type']=='Administrateur')
                                <th>Enseignant</th>
                                @endif

                                <th>Type</th>
                                <th>Salle</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>


                @foreach ($tableau as $cle => $ligne)
                   <tr>
                        <td><span class="text-muted"><i class="fa fa-clock-o"></i> {{$ligne['date_et_heure']}} </span> </td>
                        <td><span class="text-muted"><i class="fa fa-clock-o"></i> {{$ligne['duree_en_minutes']}}</span> </td>
                        <td>{{$ligne['nom_de_lecu']}}</td>
                        <td>{{$ligne['nom_de_la_filiere'].' '.$ligne['annee']}}</td>

                        @if($infos['type']=='Administrateur')
                        <td>{{$ligne['enseignant']}}</td>
                        @endif

                        @if($ligne['type_examen']=='Devoir')
                        <td><div class="label label-table label-success">Devoir</div></td>
                        @elseif($ligne['type_examen']=='Rattrapage')
                        <td><div class="label label-table label-info">Rattrapage</div></td>
                        @elseif($ligne['type_examen']=='Reprise')
                        <td><div class="label label-table label-danger">Reprise</div></td>
                        @endif

                        <td>{{$ligne['salle_de_compo']}}</td>
                        @php($url ="videos"."/".$ligne['examen_id'])
                        <td><a href="{{$url}}">Accéder aux vidéos</a></td>
                    </tr>
                @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="7">
                                    <div class="text-right ">
                                        <ul class="pagination"> </ul>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection