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

{% block title %}{{ 'library.title'|trans }}{% endblock %}

{% block body %}
    <section class="section">
        <div class="container">
            <h2 class="section-title">{{ 'library.heading'|trans|raw }}</h2>
            <div class="title-bar"></div>
            <p class="section-sub">{{ 'library.sub'|trans }}</p>

            {% if selectedType %}
                <p><a class="card-link" href="{{ path('app_library') }}">← {{ 'library.back_to_library'|trans }}</a></p>
            {% endif %}

            {% if selectedType is null or selectedType == 'article' %}
                <h3 style="margin-bottom: 24px; font-size: 1.5rem;">{{ 'library.articles_heading'|trans }}</h3>
                {% if articles is empty %}
                    <p style="color: var(--grey); margin-bottom: 40px;">{{ 'library.no_articles'|trans }}</p>
                {% else %}
                    <div class="card-grid" style="margin-bottom: 60px;">
                        {% for article in articles %}
                            <article class="card">
                                <div class="card-img" {% if article.imageName %}style="background-image: url('{{ vich_uploader_asset(article, 'imageFile') }}')"{% endif %}>
                                    {% if not article.imageName %}<div class="placeholder">📄</div>{% endif %}
                                </div>
                                <div class="card-body">
                                    <div class="card-meta">
                                        <span class="badge">{{ 'library.badge_article'|trans }}</span>
                                        {% if article.publishedAt %} {{ article.publishedAt|date('d/m/Y') }}{% endif %}
                                    </div>
                                    <h3><a href="{{ path('app_article_show', {slug: article.slug}) }}">{{ article.getLocalizedTitle(app.request.locale) }}</a></h3>
                                    <p>{{ article.getLocalizedSummary(app.request.locale) ?? article.getLocalizedContent(app.request.locale)|striptags|slice(0, 150) ~ '…' }}</p>
                                    {% if article.author %}<div class="card-meta" style="margin-top: 12px;">✍️ {{ article.author.name }}</div>{% endif %}
                                    <a class="card-link" href="{{ path('app_article_show', {slug: article.slug}) }}">{{ 'library.read_article'|trans }} <span class="dir-arrow">→</span></a>
                                </div>
                            </article>
                        {% endfor %}
                    </div>
                {% endif %}
            {% endif %}

            {% if selectedType is null or selectedType == 'report' %}
                <h3 style="margin-bottom: 24px; font-size: 1.5rem;">{{ 'library.reports_heading'|trans }}</h3>
                {% if reports is empty %}
                    <p style="color: var(--grey);">{{ 'library.no_reports'|trans }}</p>
                {% else %}
                    <div class="card-grid">
                        {% for report in reports %}
                            <article class="card">
                                <div class="card-img" {% if report.imageName %}style="background-image: url('{{ vich_uploader_asset(report, 'imageFile') }}')"{% endif %}>
                                    {% if not report.imageName %}<div class="placeholder">📊</div>{% endif %}
                                </div>
                                <div class="card-body">
                                    <div class="card-meta">
                                        <span class="badge badge-dark">{{ 'library.badge_report'|trans }}</span>
                                        {% if report.publishedAt %} {{ report.publishedAt|date('d/m/Y') }}{% endif %}
                                    </div>
                                    <h3><a href="{{ path('app_article_show', {slug: report.slug}) }}">{{ report.getLocalizedTitle(app.request.locale) }}</a></h3>
                                    <p>{{ report.getLocalizedSummary(app.request.locale) ?? report.getLocalizedContent(app.request.locale)|striptags|slice(0, 150) ~ '…' }}</p>
                                    {% if report.author %}<div class="card-meta" style="margin-top: 12px;">✍️ {{ report.author.name }}</div>{% endif %}
                                    <a class="card-link" href="{{ path('app_article_show', {slug: report.slug}) }}">{{ 'library.read_report'|trans }} <span class="dir-arrow">→</span></a>
                                </div>
                            </article>
                        {% endfor %}
                    </div>
                {% endif %}
            {% endif %}
        </div>
    </section>
{% endblock %}