@extends('admin.base')
@section('title')

   AKIRO | dashboard
    
@endsection

@section('body')

  <main style="padding-top: 50px" 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">
          <h2>EXAMENS</h2>

        </div>-->

        <div class="row gy-5">

        @foreach($listExamen as $exam)
          <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-briefcase" style="color: #f57813;"></i></div>
            <div>
              <a><h4 class="title">{!!$exam->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('testStart',$exam->id_mod)}}" class="stretched-link"> <button class="btn btn-danger w-100" >Commencer le test</button></a>
            </div>
          </div><!-- End Service Item -->
        @endforeach

        </div>

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

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

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

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

@endsection