{% extends 'layouts/base.twig' %}

{% block content %}
    {# <p>Servicios test</p> #}

    <div class="container">
    <article class="post-type-{{ post.type }}" id="post-{{ post.id }}">
        <section class="article-content mt-5 border-dark border-top">

            <!-- Title & author & date -->
            <h1 class="article-h1">{{ post.title }}</h1>
            <p class="blog-author mt-3 mb-5 border-dark border-bottom">
                <span>{{ __('Autor', 'Sindikatua')}}:</span>
                <a href="{{ post.author.path }}">{{ post.author.name }}</a>
                <span>&bull;</span>
                <time datetime="{{ post.date|date('Y-m-d H:i:s') }}">{{ post.date }}</time>
            </p>

            <!-- Img & Content -->
            <div class="d-flex justify-content-center my-5">
                <img src="{{ post.thumbnail.src }}" 
                        alt="{{ post.thumbnail.alt }}"
                        class="img-fluid object-fit-contain border border-1 rounded p-3"
                        style="max-width: 500px; max-height: 300px;"
                        />
            </div>
            <div class="article-body">{{ post.content }}</div>

        </section>
    </article>
    </div>
{% endblock %}