{% 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">Staff</h4>
                  {% if canAddUser is not defined or canAddUser %}
                    <nav aria-label="breadcrumb" class="ms-auto">
                      <ol class="breadcrumb">
                        <li class="breadcrumb-item d-flex align-items-center">
                          <a class="btn btn-rounded btn-outline-primary" href="{{path('user_new_staff')}}">
                            Ajouter un membre du staff
                          </a>
                        </li>
                      </ol>
                    </nav>
                  {% endif %}
                </div>
              </div>
            </div>
          </div>

          <div class="card">
            <div class="card-body">
              <turbo-frame id="user-table" src="{{ path('staff_turbo_table') }}" loading="lazy">
                Chargement des membres du staff
              </turbo-frame>
            </div>
          </div>

      </div>
    </div>

{% endblock %}