{% extends 'base.html.twig' %}

{% block title %}TailleEcran index{% endblock %}

{% block body %}
   <div class="absolute">
       <div class="d-flex align-items-center">
           <h1>Taille d'écran </h1>
           <div class="mx-3">
               <button  data-bs-toggle="modal" data-bs-target="#createTailleEcranModal" class="btn btn-success">Créer</a>

           </div>
       </div>

       <table class="table">
           <thead>
           <tr>
               <th>Id</th>
               <th>Size</th>
               <th>actions</th>
           </tr>
           </thead>
           <tbody>
           {% for taille_ecran in taille_ecrans %}
               <tr>
                   <td>{{ taille_ecran.id }}</td>
                   <td>{{ taille_ecran.size }}</td>
                   <td>
                       {% if app.user.is('dev') %}
                           <a href="{{ path('taille_ecran_show', {'id': taille_ecran.id}) }}" class="btn btn-dark">Voir</a>

                       {% endif %}

                       <a href="{{ path('taille_ecran_edit', {'id': taille_ecran.id}) }}" class="btn btn-info">Modifier</a>
                   </td>
               </tr>
           {% else %}
               <tr>
                   <td colspan="3">no records found</td>
               </tr>
           {% endfor %}
           </tbody>
       </table>

   </div>

    {% include 'CRUD/taille_ecran/modal_new.html.twig' %}
{% endblock %}