templates/invitation/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <div class="container font-urbanist mt-3">
  6.   <div class="row">
  7.     <div class="col text-center">
  8.       <div class="text-darkblue border border-secondary-subtle py-3 fs-14 fw-600 rounded-2 bg-body-secondary lh-1">
  9.         <span class="fs-30 fw-900 d-block">{{ allInvitations }}</span> invités
  10.       </div>
  11.     </div>
  12.     <div class="col text-center ps-0">
  13.       <div class="text-darkblue border-pink border-1 py-3 fs-14 fw-600 rounded-2 bg-lightpink lh-1">
  14.         <span class="fs-30 fw-900 d-block">{{ expected }}</span> attendus
  15.       </div>
  16.     </div>
  17.     <div class="col text-center ps-0">
  18.       <div class="text-darkblue border border-secondary-subtle py-3 fs-14 fw-600 rounded-2 bg-body-secondary lh-1">
  19.         <span class="fs-30 fw-900 d-block">{{ validated }}</span> validés
  20.       </div>
  21.     </div>
  22.     <div class="col text-center ps-0">
  23.       <div class="text-darkblue border border-secondary-subtle py-3 fs-14 fw-600 rounded-2 bg-body-secondary lh-1">
  24.         <span class="fs-30 fw-900 d-block">{{ canceled }}</span> annulés
  25.       </div>
  26.     </div>
  27.   </div>
  28. </div>
  30. <div class="container font-urbanist text-darkblue mt-4">
  31.   <div class="d-flex">
  32.     <div class="flex-grow-1 fs-20 fw-600">
  33.       {% if type == 0 %}
  34.         Liste d'invités 
  35.       {% elseif type == 1 %}
  36.         Liste des validés 
  37.       {% elseif type == 2 %}
  38.         Liste des attendus 
  39.       {% elseif type == 3 %}
  40.         Liste des annulés 
  41.       {% endif %}
  42.       <span class="text-body-tertiary fs-16">({{ invitations|length }}/{{ allInvitations }})</span></div>
  43.     <div class="text-end">
  44.       <button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#filtercanvas" aria-controls="filtercanvasTop">
  45.         <i class="fa-solid fa-filter-list text-body-secondary"></i>
  46.       </button>
  47.     </div>
  48.   </div>
  49. </div>
  51. <div class="pe-1 mt-2 font-urbanist mb-120">
  52.   {% for invitation in invitations %}
  53.   <div class="d-flex align-items-center mb-2">
  54.     {% set vars = {'invitation': invitation} %}
  55.     {% include 'invitation/_status.html.twig' with vars only %}
  56.     <div class="flex-grow-1 ms-1">
  57.       <p class="fs-20 text-darkblue fw-700 mb-0"><span class="text-uppercase">{{ invitation.lastName }}</span> {{ invitation.firstName }}</p>
  58.       <span class="text-body-tertiary fs-20 fw-600">
  59.         {% if invitation.company is not null %}
  60.           {{ invitation.company }}
  61.         {% else %}
  62.           {{ invitation.client.name }}
  63.         {% endif %}
  64.       </span>
  65.     </div>
  66.     <div class="flex-shrink-0">
  67.       <button class="btn showInvitation" id="{{ invitation.id }}" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop{{ invitation.id }}" aria-controls="offcanvasTop"><i class="fa-solid fa-ellipsis"></i></button>
  68.       <div class="offcanvas offcanvas-bottom h-auto" tabindex="-1" id="offcanvasTop{{ invitation.id }}" aria-labelledby="offcanvasTopLabel"></div>
  69.     </div>
  70.   </div>
  71.   {% endfor %}
  72. </div>
  74. {% include 'invitation/footer.html.twig' %}
  76. {% include 'invitation/_filter.html.twig' %}
  78. {% include 'invitation/new.html.twig' %}
  81. {% block javascripts %}
  82.   <script type="text/javascript">
  83.     var type = '{{ type }}';
  84.   </script>
  85. {% endblock %}
  87. <script src="{{ asset('js/app.js') }}"></script>
  88. {% endblock %}