@extends('layouts.base-refonte')

@section('title','Devoirs')

@section('css')
    <style>
        @media (min-width: 768px) {
            .single-comment .reply {
                top: -1.1em;
                right: -1.5em;
            }

            .single-comment .comment-author .author-content {
                padding-right: 50px;
            }
        }

        @media only screen and (max-width: 575px) {
            .single-comment .comment-author .author-content {
                padding-top: 0; 
            }
        }

        .single-comment .reply {
            padding: 0 10px;
            font-size: 1em;
        }

        svg .custom-color {
            fill: var(--gs-primary-color);
        }
    </style>
@endsection

@section('content')

    <!-- 
    =============================================
        Theme Inner Banner
    ============================================== 
    -->
    <div class="inner-banner">
        <div class="opacity">
            <div class="container">
                <h2>Mes Devoirs</h2>
                <ul>
                    <li><a href="index.html" class="tran3s">Accueil</a></li>
                    <li>/</li>
                    <li>Évaluations</li>
                </ul>
            </div> <!-- /.container -->
        </div> <!-- /.opacity -->
    </div> <!-- /.inner-banner -->

    <div class="section section-padding mt-n10">
        <div class="container">
            <div class="blog-details-comment">
                <div class="comment-wrapper">
                    @if (count($exams))
                        <h3 class="title">Devoirs en attente ({{count($exams)}})</h3>
                        <ul class="comment-items row">
                            @foreach ($exams as $exam)
                                @php
                                    $ec = $ecs[$exam['id_ecu']][0];
                                @endphp
                                <li class="col-lg-6 col-md-12">
                                    <!-- Single Comment Start -->
                                    <div class="single-comment">
                                        <div class="comment-author">
                                            <!-- <div class="author-thumb">
                                                <img src="assets/images/author/author-01.jpg" alt="Author">
                                            </div> -->
                                            <div class="author-content ps-0">
                                                <h4 class="name">
                                                    {{ $ec['intituleUnite'] }}
                                                </h4>
                                                <div class="meta">
                                                    <span class="designation"><i class="icofont-calendar"></i> {{ $exam['date'] }} à 
                                                        <span class="fw-bold"> {{ $exam['heure'] }} </span>
                                                    </span>
                                                    <span class="time">
                                                        <span class="" style="font-weight: 500;"> <i class="fa fa-clock-o"></i>  Durée</span> : 
                                                        {{ $exam['duree'] }} minutes
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <p><span class="fw-bold">Description</span> : {{ $exam['description'] }}</p>
                                        <div>
                                            <a 
                                                href={{"https://ng.africawebstudent.org/login?token=".session('token')."&redirectUrl=".session('redirectUrl') }}
                                                class="btn btn-primary mt-2" 
                                                style="line-height: 2.5; padding: 0 0.8rem; font-size: 1rem;"
                                                target="_blank"
                                            >
                                                Composer
                                                <i class="fa fa-external-link"></i>
                                            </a>
                                        </div>
                                        <button class="btn reply">
                                            <i class="fa fa-bookmark-o mx-0"></i> Session 
                                            @if ($exam["type_examen"] == 1) 
                                                normale
                                            @elseif ($exam["type_examen"] == 2)
                                                rattrapage
                                            @else
                                                Reprise
                                            @endif
                                        </button>
                                    </div>
                                    <!-- Single Comment End -->
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <!-- No exam found -->
                        <div class="single-comment text-center w-75 mx-auto">
                            <h1>
                                <i class="fa fa-inbox text-dark"></i>
                            </h1>
                            Aucun devoir en instance !
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- Blog Details End -->
@endsection