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

 {% block stylesheets %}
     {{ parent() }}
	 <link href="{{asset('assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
{% endblock %}


{% block content_body %}
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div class="d-flex flex-column flex-column-fluid">
            <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
                <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                        <h1 class="page-heading text-dark fw-bold fs-3 flex-column justify-content-center my-0">Pages avec une similarité de contenu élevée à {{post.title}} - <a href="{{ path('admin_post_edit', {id: post.id,type:post.typepost.id}) }}"  data-bs-toggle="tooltip"  aria-label="Modifier" data-bs-original-title="Modifier">Voir</a></h1>
                    </div>
                </div>
            </div>

            <div id="kt_app_content" class="app-content flex-column-fluid">
                <div id="kt_app_content_container" class="app-container container-xxl">
                    <div class="card">

                        <div class="card-header border-0 pt-6">
                            <div class="card-title">
                                <div class="d-flex align-items-center position-relative my-1">
                                    <span class="svg-icon svg-icon-1 position-absolute ms-6">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="currentColor" />
                                            <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="currentColor" />
                                        </svg>
                                    </span>
                                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-14" placeholder="Rechercher" />
                                </div>
                            </div>

                            <div class="card-toolbar">
      

                            </div>
                        </div>

                        <div class="card-body py-4">
                            <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
                                <thead>
                                    <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                    <th class="min-w-125px">Note</th>
                                        <th class="min-w-125px">Titre</th>
                                        <th class="min-w-125px">Type de comparaison</th>
                                        {# <th class="min-w-125px">Type de post</th> #}
                                        <th class="min-w-125px">Date de création</th>
                                        <th class="min-w-125px">Date de Modification</th>
                                        <th class="text-end min-w-100px">Actions</th>
                                    </tr>
                                </thead>

                                <tbody class="text-gray-600 fw-semibold">
                                    {% if seoComparatifPosts is defined and seoComparatifPosts is not empty %}
                                          {% for item in seoComparatifPosts %}
                                            <tr>
                                                <td><span class="badge text-white {% if item.note >= 0.7 %}bg-danger{% else %}bg-success{% endif %}">{{ item.note|convert_pourcentage }}</span></td>
                                                <td class="d-flex align-items-center">
                                                    <div class="d-flex flex-column">
                                                        <span class="text-gray-800 text-gray-800 mx-2">{{ item.idpostcompare.title }}</span>
                                                    </div>
                                                </td>
                                                {# <td>{{ item.idpostcompare.typepost.name }}</td> #}
                                                <td>{% if item.typecompare == "content" %}Contenu{% elseif item.typecompare == "titre"  %}H1{% endif %}</td>
                                                <td>{{ item.idpostcompare.createdAt|date('d/m/Y') }}</td>
                                                <td>{{ item.idpostcompare.updatedAt|date('d/m/Y') }}</td>
                                                <td class="text-end"> 
                                                    {% if item.idpostcompare.slug == 'home'  %}
                                                        <a href="{{ path('index_page_home') }}" target="_blank" class="btn btn-icon btn-active-light-primary w-30px h-30px me-3"  data-bs-toggle="tooltip"  aria-label="Voir page" data-bs-original-title="Voir page">
                                                           <i class="fa fa-eye" aria-hidden="true"></i>
                                                        </a>
                                                    {% else %}
                                                        <a href="{{ path('page', {slug: item.idpostcompare.slug}) }}" target="_blank" class="btn btn-icon btn-active-light-primary w-30px h-30px me-3"  data-bs-toggle="tooltip"  aria-label="Voir page" data-bs-original-title="Voir page">
                                                           <i class="fa fa-eye" aria-hidden="true"></i>
                                                        </a>
                                                    {% endif %}


                                                    <a href="{{ path('admin_post_edit', {id: item.idpostcompare.id,type:item.idpostcompare.typepost.id}) }}" class="btn btn-icon btn-active-light-primary w-30px h-30px me-3"  data-bs-toggle="tooltip"  aria-label="Modifier" data-bs-original-title="Modifier">
                                                        <span class="svg-icon svg-icon-3">
                                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path opacity="0.3" d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z" fill="currentColor"></path>
                                                                <path d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z" fill="currentColor"></path>
                                                            </svg>
                                                        </span>
                                                    </a>
                                                </td>
                                            </tr>
                                          {% endfor %}
                                    {% endif %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}


{% block javascripts %}
    {{ parent() }}
   	<script src="{{asset('assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
    <script src="{{asset('assets/js/table.js')}}"></script>
{% endblock %}