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

{%- block meta_title -%}
    {{- post.title -}}
{% endblock %}

{%- block page_title -%}
    {{- post.title -}}
{% endblock %}

{%- block page_subtitle -%}
    <ul class="list--inline no-margin">
        <li>
            <time datetime="{{ post.publishedAt|date("Y-m-d") }}" title="{{ post.publishedAt|date("r") }}">
                {{- 'Le ' ~ post.publishedAt|date("d/m/Y à H\\hi") -}}
            </time>
        </li>
        {% for category in post.categories %}
            <li>
                <a href="{{ safe_path('blog_menu_category', {category: category.id, slug: category.slug}) }}">
                    {{- category.title -}}
                </a>
            </li>
        {% endfor %}

        {% for tag in post.tags %}
            <li>
                <a href="{{ safe_path('blog_menu_search', {tag: tag}) }}">
                    {{- '#' ~ tag -}}
                </a>
            </li>
        {% endfor %}
    </ul>
{% endblock %}

{%- block body -%}
    {{ include('blog/post/_post.html.twig', {full: true}) }}
{% endblock %}

{%- block openGraph -%}
    {% if not post.isQuick %}
        {% set name = 'Deblan Blog' %}
        {% set title = 'Blog - ' ~ block('meta_title') %}
        {% set image = post.image ? asset(post.image) : null %}
    {% else %}
        {% set image = post.quickImage %}
        {% set title = block('meta_title') %}
        {% set name = '' %}
    {% endif %}

    <link rel="canonical" href="{{ safe_url(_node.routeName, {post: post.id, slug: post.slug}) }}" />
    <meta property="og:title" content="{{ title|raw }}" />
    <meta property="og:url" content="{{ safe_url(_node.routeName, {post: post.id, slug: post.slug}) }}" />

    {% if image %}
        <meta property="og:image" content="{{ image }}" />
        <meta property="og:image:secure_url" content="{{ image }}" />
    {% endif %}

    <meta property="og:site_name" content="{{ name }}" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:type" content="article" />
{% endblock %}