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

{% block title %}Données SEO | {{ 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 pages avec données SEO', card_header_right_route:'@Seo_admin_new', card_header_right_label: 'Nouvelle donnée'}) }}#}
        {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:'Liste des pages avec données SEO'}) }}
        <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_first.html.twig', {label:'Sitemap'}) }}
                  {{ include('admin/ui/table/_th.html.twig', {label:'Date de modification'}) }}
                  {{ include('admin/ui/table/_th_action.html.twig', {sizePx:120}) }}
                </tr>
              </thead>
              <tbody>
                {% for seo_page in seo_pages %}
                  <tr>
                    <td>
                      <div class="d-flex px-2 py-1">
                        <div class="d-flex flex-column justify-content-center">
                          <h6 class="mb-0 text-sm">{{ seo_page.title }}</h6>
                          <span>{{ seo_page.slug }}</span>
                        </div>
                      </div>
                    </td>
                    <td>
                      <div class="d-flex px-2 py-1">
                        <div>
                          <span class="me-3">
                            {{ seo_page.isInSitemap ? 'Visible' : '' }}
                          </span>
                        </div>
                      </div>
                    </td>
                    <td class="align-middle text-center">
                      <span class="text-secondary text-xs font-weight-bold">
                        {{ seo_page.updatedAt is not empty ? seo_page.updatedAt|date('d/m/Y') : seo_page.createdAt|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('@Seo_admin_edit', {'id': seo_page.id}), link_label:'Modifier'}) }}
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}