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

{% block title %}
  Liste des réalisations | {{ parent() }}
{% endblock %}

{% block body %}
  <div class="row">
    <div class="col-12">
      <div class="card my-4">
        {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:'Liste des réalisations', card_header_right_route:'@Realization_admin_new', card_header_right_label: 'Nouveau'}) }}
        <div class="card-body px-0 pb-2">
          <div class="table-responsive p-0">
            <table class="table align-items-center mb-0">
              <thead>
                <tr>
                  {{ include('admin/ui/table/_th_first.html.twig', {label:'Informations'}) }}
                  {{ include('admin/ui/table/_th.html.twig', {label:'Etat'}) }}
                  {{ include('admin/ui/table/_th.html.twig', {label:'Date de réalisation'}) }}
                  {{ include('admin/ui/table/_th_action.html.twig', {sizePx:120}) }}
                </tr>
              </thead>
              <tbody>
                {% for realization in realizations %}
                  <tr>
                    <td>
                      <div class="d-flex px-2 py-1">
                        <div>
                          <span class="me-3">
                            {{ realization.id }}
                          </span>
                        </div>
                        <div class="d-flex flex-column justify-content-center">
                          <h6 class="mb-0 text-sm">
                            {{ realization.name }}
                          </h6>
                        </div>
                      </div>
                    </td>
                    <td class="align-middle text-center text-sm">
                      <div>
                        {{ include('admin/ui/_badge.html.twig', {badge_class:realization.isActive ? 'bg-success' : 'bg-secondary', badge_label : realization.isActive ? 'Visible' : 'Désactivé'}) }}
                      </div>
                    </td>
                    <td class="align-middle text-center">
                      <span class="text-secondary text-xs font-weight-bold">
                        {{ realization.designedAt |date('d/m/Y') }}
                      </span>
                    </td>
                    <td class="align-middle text-end">
                      {{ include('admin/ui/_link_button.html.twig', {link_class:'primary', link_path:path('@Realization_admin_edit', {'id': realization.id}), link_label:'Modifier'}) }}
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}