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

{% block content %}
<div class="body-wrapper">
  <div class="container-fluid">
    <div class="card card-body py-3">
      <div class="row align-items-center">
        <div class="col-12">
          <div class="d-sm-flex align-items-center justify-space-between">
            <h4 class="mb-4 mb-sm-0 card-title">Packs</h4>
            <nav aria-label="breadcrumb" class="ms-auto">
              <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item d-flex align-items-center">
                  <a href="{{ path('pack_add_modal') }}" class="btn btn-primary" data-turbo-frame="modal-frame">
                    Ajouter un pack
                  </a>
                </li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="card-body">
        <turbo-frame id="pack-table" src="{{ path('pack_turbo_table') }}">
          Chargement des packs...
        </turbo-frame>
      </div>
    </div>
  </div>
</div>
{% endblock %}