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

{# SEO gere par SeoService via la variable seo (base.html.twig) #}

{% block jsonld %}
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {"@type": "ListItem", "position": 1, "name": "Accueil", "item": "{{ absolute_url(path('app_home')) }}"}
        {%- if hasBlog %},
        {"@type": "ListItem", "position": 2, "name": "Blog", "item": "{{ absolute_url(path('app_article_show_all')) }}"},
        {"@type": "ListItem", "position": 3, "name": {{ tag.name|json_encode|raw }}}
        {%- else %},
        {"@type": "ListItem", "position": 2, "name": {{ tag.name|json_encode|raw }}}
        {%- endif %}
    ]
}
</script>
{% endblock %}

{% block body %}
<div class="container">
    <nav aria-label="breadcrumb" class="mb-3">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('app_home') }}">Accueil</a></li>
            {% if hasBlog %}
                <li class="breadcrumb-item"><a href="{{ path('app_article_show_all') }}">Blog</a></li>
            {% endif %}
            <li class="breadcrumb-item active" aria-current="page">{{ tag.name }}</li>
        </ol>
    </nav>
</div>

<div class="container">
    <div class="row">
        <div class="col-lg-8">
            <div class="page-detail">
                <h1 class="page-detail__title">
                    {% if tag.tagGroup %}
                        <span class="tag-cloud-group__label" style="--tg-color: {{ tag.tagGroup.color }};">{{ tag.tagGroup.name }}</span>
                    {% endif %}
                    {{ tag.name }}
                </h1>

                {# Resume multi-source #}
                {% set sources = [] %}
                {% if counts.articles > 0 %}{% set sources = sources|merge(['%d article%s'|format(counts.articles, counts.articles > 1 ? 's' : '')]) %}{% endif %}
                {% if counts.directory > 0 %}{% set sources = sources|merge(['%d membre%s de l\'annuaire'|format(counts.directory, counts.directory > 1 ? 's' : '')]) %}{% endif %}
                {% if counts.products > 0 %}{% set sources = sources|merge(['%d produit%s'|format(counts.products, counts.products > 1 ? 's' : '')]) %}{% endif %}
                {% if counts.portfolio > 0 %}{% set sources = sources|merge(['%d realisation%s'|format(counts.portfolio, counts.portfolio > 1 ? 's' : '')]) %}{% endif %}
                {% if sources|length > 0 %}
                    <p class="text-muted mb-4">{{ sources|join(' • ') }}</p>
                {% endif %}

                <div class="page-detail__content article-detail__content">

                    {# --- Section Annuaire --- #}
                    {% if hasDirectory and directoryEntries|length > 0 %}
                        <h2 class="h4 mt-4 mb-3">{{ bi('address-book', 'me-2') }}Annuaire</h2>
                        <div class="directory-grid">
                            {% for entry in directoryEntries %}
                                {% include '_partials/_directory_card.html.twig' with { entry: entry } %}
                            {% endfor %}
                        </div>
                    {% endif %}

                    {# --- Section Articles --- #}
                    {% if hasBlog and articles|length > 0 %}
                        <h2 class="h4 mt-5 mb-3">{{ bi('newspaper', 'me-2') }}Articles</h2>
                        <div class="row">
                            {% for article in articles %}
                                {% include 'article/item.html.twig' %}
                            {% endfor %}
                        </div>

                        {% if totalPages > 1 %}
                            <nav aria-label="Pagination" class="mt-4">
                                <ul class="pagination justify-content-center">
                                    {% if currentPage > 1 %}
                                        <li class="page-item">
                                            <a class="page-link" href="{{ path('app_tag_show', { slug: tag.slug, page: currentPage - 1 }) }}">Precedent</a>
                                        </li>
                                    {% endif %}

                                    {% for i in 1..totalPages %}
                                        <li class="page-item {{ currentPage == i ? 'active' : '' }}">
                                            <a class="page-link" href="{{ path('app_tag_show', { slug: tag.slug, page: i }) }}">{{ i }}</a>
                                        </li>
                                    {% endfor %}

                                    {% if currentPage < totalPages %}
                                        <li class="page-item">
                                            <a class="page-link" href="{{ path('app_tag_show', { slug: tag.slug, page: currentPage + 1 }) }}">Suivant</a>
                                        </li>
                                    {% endif %}
                                </ul>
                            </nav>
                        {% endif %}
                    {% endif %}

                    {# --- Aucun contenu --- #}
                    {% if articles|length == 0 and directoryEntries|length == 0 %}
                        <p class="text-muted">Aucun contenu pour ce tag.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <aside class="blog-sidebar">
                {% include 'widgets/tag_cloud.html.twig' %}
                {% if hasBlog %}
                    {% include 'widgets/categories.html.twig' %}
                    {% include 'widgets/archives.html.twig' %}
                {% endif %}
            </aside>
        </div>
    </div>
</div>
{% endblock %}