{% extends 'admin/base.html.twig' %}
{% block CSS %}
<link href="{{asset('build/admin/user.css')}}" rel="stylesheet" type="text/css" />
{{block('CSS', 'frontend/homepage.html.twig')}}
<style>
#wrapper{
overflow-y:scroll!important;
}
</style>
{% endblock %}
{% block JS %}
<script src="{{ asset('build/admin/user.js') }}"></script>
{{block('JS', 'frontend/homepage.html.twig')}}
{% endblock %}
{% block title %}{% if post is defined %}{{post.metaTitle}}{%endif %}{% endblock %}
{% block metaDescription %}{% if post is defined %}{{post.metaDescription}}{%endif %}{% endblock %}
{% block content %}
<section style="width: 80%;margin-top: 0px; margin-left: auto; margin-right: auto;" class="section-blog">
<!-- Page-Title -->
<div class="row">
<div class="col-12">
<h4 class="m-t-20 m-b-20"><a href="{{path('blog')}}">Blogue</a></h4>
<div class="card m-b-20 text-xs-center">
<div class="card-header">PubliƩ depuis {{post.dateSince}}</div>
<div class="card-body p-20">
<h4 class="card-title">{{post.title}}</h4>
{# We take for granted the owner of the image is the owner of the post #}
<h5 class="m-b-20">Par: {{post.author}}</h5>
<p class="card-text">
<img src="{{path('getImageAsThumb', {'id': post.image.id, 'height': '350', 'width': '300'})}}" class="m-r-20 pull-left blog-image" style="padding-right: 20px; padding-bottom: 20px;">
{{post.text | raw }}
</p>
</div>
<div class="card-footer">
</div>
</div>
</div>
</div>
<!-- end row -->
</section>
{% endblock %}