{% extends '@App/partials/base.html.twig' %}

{% block styles %}
  {{ parent() }}
  <link rel="stylesheet" href="{{ asset('assets/css/wizard.css') }}">
{% endblock %}


{% block content %}

      <div class="body-wrapper">
        <div class="container-fluid">

          <div class="d-flex flex-wrap align-items-start justify-content-between gap-2 mb-4">
                <div>
                <h2 class="mb-1 fw-bold">Projets</h2>
                <p class="text-muted mb-0">Retrouvez l’ensemble de vos projets, suivez leur avancement et accédez rapidement aux actions essentielles</p>
                </div>

                <div class="d-flex gap-2">
                {% if permissionAccess.can('CREER_PROJET') %}
                  <a
                    href="{{ path(showOnboardingProjetModal() and not showOnboardingModal() ? 'onboarding_projet_step0' : 'projet_add_modal') }}"
                    class="btn btn-rounded btn-outline-primary"
                    data-turbo-frame="modal-frame"
                  >
                    Ajouter un projet
                  </a>
                {% endif %}
                
                </div>

            </div>

          <div class="card">
            <div class="card-body">
              <turbo-frame id="projet-table" src="{{ path('projet_turbo_table') }}" loading="lazy" data-prefetch-frame>
                Chargement des projets
              </turbo-frame>
            </div>
          </div>

        </div>
      </div>

    </div>

{% endblock  %}