{% extends '@App/partials/base.html.twig' %}
{% block title %}Parcours guidés{% endblock %}
{% block content %}
{% include '@Dashboard/resources/_styles.html.twig' %}
<div class="body-wrapper" data-controller="resource-center" data-resource-center-track-url-value="{{ path('dashboard_resources_track_action') }}">
  <div class="resource-shell">
    <div class="d-flex justify-content-between align-items-end flex-wrap gap-2 mb-3">
      <div>
        <h1 class="resource-page-title mb-1">Parcours guidés</h1>
        <p class="resource-subtitle mb-0">Passez d’une intention à un résultat avec une séquence d’actions concrètes.</p>
      </div>
      <a href="{{ path('dashboard_resources_home') }}" class="btn btn-light border">Retour</a>
    </div>

    <div class="course-grid">
      <article class="resource-card resource-card-body d-flex flex-column">
        <h3 class="h5">Trouver 10 partenaires en 30 jours</h3>
        <p class="text-muted">Prospection ciblée, séquence de contact et suivi relance.</p>
        <div class="small text-muted mb-2">8 étapes • 3h • Intermédiaire</div>
        <div class="progress mb-3" style="height:8px"><div class="progress-bar bg-success" style="width:35%"></div></div>
        <div class="mt-auto d-flex gap-2"><button class="btn btn-success w-100">Reprendre</button></div>
      </article>
      <article class="resource-card resource-card-body d-flex flex-column">
        <h3 class="h5">Passer au mécénat (sans risque)</h3>
        <p class="text-muted">Cadre fiscal, documents et check conformité.</p>
        <div class="small text-muted mb-2">6 étapes • 2h • Débutant</div>
        <div class="progress mb-3" style="height:8px"><div class="progress-bar bg-success" style="width:0%"></div></div>
        <div class="mt-auto d-flex gap-2"><button class="btn btn-success w-100">Démarrer</button></div>
      </article>
      <article class="resource-card resource-card-body d-flex flex-column">
        <h3 class="h5">Signer plus vite</h3>
        <p class="text-muted">Workflow signature, relances J0/J3/J7/J14, points de blocage.</p>
        <div class="small text-muted mb-2">5 étapes • 2h • Intermédiaire</div>
        <div class="progress mb-3" style="height:8px"><div class="progress-bar bg-success" style="width:60%"></div></div>
        <div class="mt-auto d-flex gap-2"><button class="btn btn-success w-100">Reprendre</button></div>
      </article>
      <article class="resource-card resource-card-body d-flex flex-column">
        <h3 class="h5">Livrer & fidéliser</h3>
        <p class="text-muted">Preuves, bilan, plan de reconduction.</p>
        <div class="small text-muted mb-2">7 étapes • 2h30 • Expert</div>
        <div class="progress mb-3" style="height:8px"><div class="progress-bar bg-success" style="width:0%"></div></div>
        <div class="mt-auto d-flex gap-2"><button class="btn btn-success w-100">Démarrer</button></div>
      </article>
    </div>
  </div>
</div>
{% endblock %}