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

{% block title post.name %}

{% block body %}

    {% if post.filename %}
        <div class="jumbotron" style="background: center / cover no-repeat url({{ vich_uploader_asset(post, 'imageFile')}}); opacity: 0.7;">
        </div>  
    {% else %}
        <div class="jumbotron">
        </div>  
    {% endif %}         

    <div class="page">
        <div class="container">
            <div class="content shadow rounded px-3 py-3">
                <div class="text-center">
                    <h1 class="display-4">{{ post.name }}</h1>
                    <h2 class="lead my-4">{{ post.subtitle }}</h2>
                    <div class="clearfix">
                        <div class="float-left">
                            <span class="text-muted">
                                <small class="text-muted">Publié {{ post.createdAt | ago }}</small>            
                            </span>
                        </div>
                        <div class="float-right">
                            <a href="/blog?categories={{ post.category.id }}" class="badge badge-info" title="Lister les articles de la catégorie {{ post.category }}">{{ post.category }}</a>
                            {% for tag in post.tags %}
                                <a href="/blog?tags[]={{ tag.id }}" class="badge badge-warning" title="Lister les articles ayant comme mot-clé {{ tag }}">{{ tag }}</a>
                            {% endfor %}
                        </div>
                    </div>
                </div>
        
                <hr class="mb-5">
        
                {{ post.content | raw }}    
            </div>
        </div>
    </div>

{% endblock %}