{% extends 'frontend/base.html.twig' %}
{% block CSS %}
<link href="{{asset('build/admin/user.css')}}" rel="stylesheet" type="text/css" />
{{block('CSS', 'frontend/homepage.html.twig')}}
{% endblock %}
{% block JS %}
<script src="{{ asset('build/admin/user.js') }}"></script>
{{block('JS', 'frontend/homepage.html.twig')}}
{% endblock %}
{% block title %}{% endblock %}
{% block metaDescription %}{% endblock %}
{% block content %}
<section style="width: 80%;margin-left: auto; margin-right: auto;" class="section-blog-archive">
<!-- Page-Title -->
<div class="row">
<div class="col-12">
<h4 class="m-t-20 m-b-20">Blogue</h4>
<div class="card-deck-wrapper">
<div class="card-deck">
{% for post in posts %}
<div class="card m-b-20">
<a href="{{path('viewPost', {'title': post.getUrlTitle, 'id': post.id})}}">
<img class="card-img-top img-fluid" src="{{path('getImageAsCroppedThumb', {'id': post.image.id, 'height': '250', 'width' : '350'})}}" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">{{post.title}}</h5>
<p class="card-text">
{{post.resume | raw}}
</p>
<p class="card-text">
<small class="text-muted">Mise en ligne il y a {{post.dateSince}}</small>
</p>
</div>
</a>
</div>
{% if loop.index is divisible by (3) %}
</div>
<div class="card-deck">
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
<!-- end row -->
</section>
{% endblock %}