@extends('layouts.Utillayout')
  @section('content')


  <aside id="sidebar" class="sidebar" >

<ul class="sidebar-nav" id="sidebar-nav">

  <li class="nav-item">
    <a class="nav-link "  href="{{route('panelUtil')}}">
      <i class="bi bi-grid"></i>
      <span>Acceuil</span>
    </a>
  </li><!-- End Dashboard Nav -->

  <li class="nav-item">
    <a class="nav-link collapsed"   href="{{route('panelUtilExam')}}">
      <i class="bi bi-menu-button-wide"></i><span>Examens en cours</span><i class="bi bi-chevron-down ms-auto"></i>
    </a>


    </ul>
  </li><!-- End Components Nav -->




  </li><!-- End Forms Nav -->





  <li class="nav-item">
    <a class="nav-link collapsed" href="users-profile.html">
      <i class="bi bi-person"></i>
      <span>Profile</span>
    </a>
  </li><!-- End Profile Page Nav -->


  <li class="nav-item">
    <a class="nav-link collapsed" href="{{route('loginForm')}}">
      <i class="bi bi-box-arrow-in-right"></i>
      <span>Se déconnecter</span>
    </a>
  </li><!-- End Login Page Nav -->

</ul>

</aside><!-- End Sidebar-->
  <main id="main">
  <div class="card">
    <!-- ======= Breadcrumbs ======= -->
    <div class="breadcrumbs d-flex align-items-center" style="background-image: url('util/img/services-header.jpg');">
      <div class="container position-relative d-flex flex-column align-items-center">

        <h2>Bienvenue sur Optimia Test</h2>
        <ol>
        Veuiller choisir votre examen et débuter
        </ol>

      </div>
    </div><!-- End Breadcrumbs -->

    <!-- ======= Our Services Section ======= -->
    <section id="services-list" class="services-list">
      <div class="container" data-aos="fade-up">

        <div class="section-header">

          <center>@if(Session::has('success'))
       <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="bi bi-check-circle me-1"></i>
                {{Session('success')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
        @endif

                @if(Session::has('erreur'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <i class="bi bi-check-circle me-1"></i>
                {{Session('erreur')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
              @endif
            </center>
        </div>

        <div class="row gy-5">

        @foreach($listMod as $mod)
          <div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
            <div class="icon flex-shrink-0"><i class="bi bi-card-checklist" style="color: #15a04a;"></i></div>
            <div>
              <a><h4 class="title" class="stretched-link">{!!$mod->ilibelle_mod!!}</h4>
              <p class="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p></a>
              <a href="{{route('ajoutFormation',$mod->id_mod)}}" class="stretched-link"><button class="btn btn-info w-100" >Ajouter</button></a>
            </div>
          </div><!-- End Service Item -->
        @endforeach

        </div>

      </div>
    </section><!-- End Our Services Section -->

    <!-- ======= Services Cards Section ======= -->

</div>
  </main><!-- End #main -->

  <!-- ======= Footer ======= -->

@endsection