@extends('menu_et_footer')


@section('title')
    Compositions en cours | {{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-4 col-md-5 col-sm-4 col-xs-12">
                <h4 class="page-title">Visionnez les vidéos de vos compositions 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>
        <!-- /.row -->
        <div class="row">
            <div class="col-md-12">
                {{-- @dd($examen) --}}
                <div class="white-box">
                    <h3 class="box-title">TYPE: &nbsp;<span class="text-info">{{$examen['type_examen']}}</span></h3>
                    <h3 class="box-title">ECU: &nbsp;<span class="text-info">{{$examen['ecu']['intitule_ecu']}} ({{$examen['ecu']['code_ecu']}})</span></h3>
                    <h3 class="box-title">NIVEAU: &nbsp;<span class="text-info">{{$examen['ecu']['niveau_formation']}} ({{$examen['ecu']['annee_academique']}})</span></h3>
                    <h3 class="box-title">DATE DE COMPOSITION: &nbsp;<span class="text-info text-lowercase">{{ date('d/m/Y à H:i:s', strtotime($examen['dateheure'])) }}</span></h3>
                    <br>
                    <div id="gallery">
                        <div id="gallery-content">
                            <div id="gallery-content-center" class="row">
                                @foreach($mes_videos as $user_name =>  $user_videos)
                                <div class="col-md-6 m-b-20">
                                    <div class="card p-t-10 p-b-10" style="background-color: #edf1f5; border-radius: 10px">
                                        <div class="card-header w-100">
                                            <h4 class="font-bold text-capitalize text-center">{{$user_name}}</h4>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="card-body p-l-10 p-r-10">
                                                @foreach ($user_videos as $video)
                                                <div class="col-xs-6">
                                                        <h4 class="font-bold text-capitalize text-center">{{$video['type'] == "screen" ? "Ecran" : "Caméra"}}</h4>
                                                    <a style="width:100%" class="bg-warning" href="{{$video['lien_de_telechargement']}}" data-toggle="lightbox" data-gallery="multiimages" data-title="Video title will be apear here"></a>
                                                    <video style="width:100%" src="{{asset($video['lien_de_telechargement'])}}" controls style="width:47%">Votre navigateur ne supporte pas le format de cette vidéo!!</video>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                <!--{{print_r($mes_videos)}}; -->
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
@endsection