@extends('layouts.app')

@section('content')

<link rel="stylesheet" href="{{asset('css/comment_ca_marche.css')}}">

<div class="centered">
  <h2>Comment ça marche ?</h2>

  <p class="intro">
    Ce site vous permet de réserver facilement un rendez-vous profiter du système d'achat et de vente de manuels scolaires organisé par la FCPE. Voici comment cela fonctionne :
  </p>

  <div class="steps">
    <div class="step">
      <h3>1. Inscription</h3>
      <p>
        Pour participer, commencez par vous inscrire en remplissant le formulaire en ligne.
        Ces informations nous permettent de préparer les lots de manuels adaptés à la scolarité de votre enfant et d’organiser la vente dans les meilleures conditions.
      </p>
      <p>
        👉 <a href="/register" class="cta-link">S'inscrire</a>
      </p>
    </div>

    <div class="step">
      <h3>2. Choix du créneau</h3>
      <p>
        Lors de l’inscription, vous pourrez sélectionner un ou plusieurs créneaux horaires afin de réaliser votre transaction (revente et/ou achat) en toute simplicité.
      </p>
    </div>

    <div class="step">
      <h3>3. Accéder à vos rendez-vous</h3>
      <p>
        À tout moment, vous pouvez consulter la date et l’heure de vos rendez-vous ou en prendre un nouveau en vous connectant à votre compte.
      </p>
      <p>
        👉 <a href="/login" class="cta-link">Se connecter</a>
      </p>
    </div>

    <div class="step">
      <h3>4. Besoin d’aide ?</h3>
      <p>
        En cas de question ou de difficulté, l’équipe de la FCPE reste à votre disposition pour vous accompagner.
      </p>
      <p>
        👉 <a href="/contacts" class="cta-link">
          Accéder à la page de contact
        </a>
      </p>
    </div>
  </div>
</div>
@endsection