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

{% block title %}Au Fil De La Béhine{% endblock %}

{% block menu %}Blog{% endblock %}

{% block stylesheets %}
  <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="../../css/clean-blog.min.css" rel="stylesheet">
  <link href="../../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
{% endblock %}

{% block body %}
  {% if is_granted('ROLE_ADMIN') %}
    <div class="btn btn-success col-md-3">
      <a href="{{ path('post_edit', { id: post.id }) }}">Modifier l'article</a>
    </div>
    <div class="btn btn-success col-md-3 offset-md-3">
      <a href="{{ path('paragraph_new') }}">Ajouter une section</a>
    </div>
    <hr>
  {% endif %}
  <!-- Post Content -->
  <article>
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-10 mx-auto">
          {% set p_count = post.paragraphs|length %}
          {% for i in 1..p_count  %}
            {% for paragraph in post.paragraphs %}
              {% if paragraph.place == i %}
                {% if paragraph.format is null %}<!-- un simple texte -->
                  <p>{{ paragraph.content | nl2br }}</p>
                  {% if is_granted('ROLE_ADMIN') %}
                    <div class="btn btn-success offset-md-9 col-md-3">
                      <a href="{{ path('paragraph_edit', { id: paragraph.id }) }}">Modifier</a>
                    </div><hr>
                  {% endif %}
                {% else %}
                  {% if paragraph.format.id == 1 %}<!-- Texte simple avec titre -->
                    <h2 class="section-heading">{{ paragraph.subtitle }}</h2>
                    <p>{{ paragraph.content | nl2br }}</p>
                  {% elseif paragraph.format.id == 2 %}<!-- Texte -->
                    <p>{{ paragraph.content | nl2br }}</p>            
                  {% elseif paragraph.format.id == 3 %}<!-- une citation -->
                    <blockquote class="blockquote">{{ paragraph.content | nl2br }}</blockquote>
                  {% elseif paragraph.format.id == 4 %}<!-- image avec commentaire -->
                    {% for picture in paragraph.illustrations %}
                      <img src="{{ vich_uploader_asset(picture, 'imageFile') | imagine_filter('thumb') }}" class="card-img-top" style="width: 100%; height: auto;">
                    {% endfor %}
                    <span class="caption text-muted">{{ paragraph.subtitle | nl2br }}</span>
                  {% endif %}
                  {% if is_granted('ROLE_ADMIN') %}
                    <div class="btn btn-success offset-md-9 col-md-3">
                      <a href="{{ path('paragraph_edit', { id: paragraph.id }) }}">Modifier</a>
                    </div><hr>
                  {% endif %}
                {% endif %}
              {% endif %}
            {% endfor %}
          {% endfor %}
        </div>
      </div>
    </div>
  </article>
{% endblock %}

{% block javascripts %}
  <!-- Contact Form JavaScript -->
  <script src="../../js/jqBootstrapValidation.js"></script>
  <!-- Custom scripts for this template -->
  <script src="../../js/clean-blog.min.js"></script>
{% endblock %}