@extends('layouts.struct')
@section('content')
  <div class="auth">
    <div class="row">
      <div class="col-12 col-md-6">
        @yield('form')
      </div>
      <div class="col-md-6 d-none d-md-block visuels">
        <div id="carouselAuth" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carouselAuth" data-slide-to="0" class="active"></li>
            <li data-target="#carouselAuth" data-slide-to="1"></li>
            <li data-target="#carouselAuth" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner h-100">
            <div class="carousel-item active h-100">
              <div class="d-flex flex-column justify-content-center h-100">
                <img class="" src="/img/login_commandes.svg" alt="Commandes">
                <h2>Commandez nos produits en ligne</h2>
                <p>Passez directement commande depuis notre site internet, celui-ci est disponible 7 jours sur 7, 24h sur 24.</p>
              </div>
            </div>
            <div class="carousel-item h-100">
              <div class="d-flex flex-column justify-content-center h-100">
                <img class="" src="/img/login_promotions.svg" alt="Promotions">
                <h2>Découvrez nos promotions</h2>
                <p>À tout moment découvrez toutes nos promotions ou bons plans en temps réel, n'attendez plus pour passer vos commandes.</p>
              </div>
            </div>
            <div class="carousel-item h-100">
              <div class="d-flex flex-column justify-content-center h-100">
                <img class="" src="/img/login_documents.svg" alt="Documents">
                <h2>Récupérer vos documents en ligne</h2>
                <p>Tous vos documents sont disponibles 7 jours sur 7, 24h sur 24 au format PDF dans votre espace client.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection