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

{% block title %}{{ page.title }}{% endblock %}

{% block body %}
  <div class="jumbotron">
    <div class="container">
      {{ form_start(form) }}
      <div class="form-row">
        <div class="col">
          {{ form_row(form.category) }}
        </div>
        <div class="col">
          <button class="btn btn-primary">Rechercher</button>
        </div>
      </div>
      {{ form_end(form) }}
    </div>
  </div>
  <!-- Main Content -->
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-10 mx-auto">
        {% for post in posts %}
          <div class="post-preview">
            <a href="{{ path ('post_show', {slug: "exemple", id: post.id})}}">
              <h2 class="post-title">
                {{ post.title }}
              </h2>
              <h3 class="post-subtitle">
                {{ post.subtitle }}</h3>
            </a>
            <p class="post-meta">Par
              <a href="#">{{ post.author }}</a>
              le {{ post.created_at | localizeddate('none', 'none', null, null, 'EEEE d MMMM Y')}} </p>
          </div>
          <hr>
        {% endfor %}
        <!-- Pager -->
        <div class="clearfix">
          <a class="btn btn-primary float-right" href="{{ path('post_index')}}">Tous les articles &rarr;</a>
        </div>
      </div>
    </div>
  </div>

  <hr>
{% endblock %}