@extends('layouts.app_client')
@section('content')
    <section id="about" class="about">
      <div class="container">
        <div class="row justify-content-end">
          <div class="col-lg-11">
            <div class="row justify-content-end">
              <div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
                <div class="count-box py-5">
                  <i class="bi bi-emoji-smile"></i>
                  <span data-purecounter-start="0" data-purecounter-end="{{$tot_etudiants}}" class="purecounter">0</span>
                  <p>Etudiants</p>
                </div>
              </div>
              <div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
                <div class="count-box py-5">
                  <i class="bi bi-journal-richtext"></i>
                  <span data-purecounter-start="0" data-purecounter-end="{{$tot_universites}}" class="purecounter">0</span>
                  <p>Universités</p>
                </div>
              </div>
              <div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
                <div class="count-box pb-5 pt-0 pt-lg-5">
                  <i class="bi bi-clock"></i>
                  <span data-purecounter-start="0" data-purecounter-end="{{$tot_inscriptions}}" class="purecounter">0</span>
                  <p>Inscriptions</p>
                </div>
              </div>
              <div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
                <div class="count-box pb-5 pt-0 pt-lg-5">
                  <i class="bi bi-award"></i>
                  <span data-purecounter-start="0" data-purecounter-end="{{$tot_pays}}" class="purecounter">0</span>
                  <p>Pays</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-6 video-box align-self-baseline position-relative">
            <img src="{{asset('assets/img/ua_logo.png')}}" class="img-fluid" alt="">
            <!-- <a href="https://www.youtube.com/watch?v=jDDaplaOz7Q" class="glightbox play-btn mb-4"></a> -->
          </div>
          <div class="col-lg-6 pt-3 pt-lg-0 content">
            <h3>Etapes pour faire une inscription en ligne</h3>
            <p class="fst-italic">
              Les étapes suivantes sont obligatoires pour un(e) étudiant(e) voulant s'inscrire étant à distance : 
            </p>
            <ul>
              <li><i class="bx bx-check-double"></i>Création de compte</li>
              <li><i class="bx bx-check-double"></i>Choisir l'université de votre choix</li>
              <li><i class="bx bx-check-double"></i>Attachement du dossier nécéssaire</li>
              <li><i class="bx bx-check-double"></i>Paiement avec Afripay</li>
            </ul>
            <p>
              NB: Le paiement peut être fait par cash mais ça nécéssite une présence physique.
            </p>
          </div>
        </div>
      </div>
    </section>

    <section id="cta" class="cta">
      <div class="container" data-aos="fade-in">

        <div class="text-center">
          <h3>OUI SOMMES-NOUS ?</h3>
          <p> Nous sommes un groupe d'individus réuni ensemble pour former un canal de liaison entre les universités d'Afrique mais en particulier en Afrique de l'Est et les étudiants voulant s'inscrire sans une présence physique de leur part.</p>
          <a class="cta-btn" href="{{ route('register') }}">Créer un compte</a>
        </div>

      </div>
    </section>

    <section id="services" class="services ">
      <div class="container">
        <div class="section-title pt-5" data-aos="fade-up">
          <h2>Nous sommes en collaboration avec les universités suivant </h2>
        </div>
        <div class="row">
          @foreach($universites as $uni)
          <div class="col-md-6">
            <div class="icon-box" data-aos="fade-up">
              <div class="icon"><img class="img-fluid" src="{{ asset('uploads/logo_univ/' . $uni->logo_uni) }}" width="50px" height="60px" alt="doc"></div>
              <h4 class="title"><a href="">{{$uni->nom_uni}}</a></h4>
              <p class="description">{{$uni->devise_uni}}</p>
            </div>
          </div>
          @endforeach
        </div>
      </div>
    </section>

  @stop