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

{% block content %}
    <article class="blog-post">
        <h1>{{ page.title }}</h1>
        
        <div class="blog-post-meta">
            {% if page.header.date %}
                <span class="blog-date">{{ page.header.date|date("d M Y") }}</span>
            {% endif %}
            {% if page.header.author %}
                <span class="blog-author">Par {{ page.header.author }}</span>
            {% endif %}
            
            {% if page.header.taxonomy.category or page.header.taxonomy.tag %}
                <div class="blog-taxonomy">
                    {% if page.header.taxonomy.category %}
                        <div class="categories">
                            Catégories:
                            {% for category in page.header.taxonomy.category %}
                                <span class="category">{{ category }}</span>
                            {% endfor %}
                        </div>
                    {% endif %}
                    
                    {% if page.header.taxonomy.tag %}
                        <div class="tags">
                            Tags:
                            {% for tag in page.header.taxonomy.tag %}
                                <span class="tag">{{ tag }}</span>
                            {% endfor %}
                        </div>
                    {% endif %}
                </div>
            {% endif %}
        </div>

        <div class="blog-content">
            {{ page.content|raw }}
        </div>
    </article>
{% endblock %}