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

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

{% block menu %}Édition d'un article{% 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 %}
    <!-- 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>
                    {% 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 %}
                    {% endif %}
                  {% endif %}
              {% endfor %}
            {% endfor %}
          </div>
        </div>
      </div>
    </article>

    <div class="btn btn-success col-md-3 offset-md-9">
      <a href="{{ path('paragraph_new') }}">Ajouter une section</a>
    </div>
  </div>


  <hr>
{% 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 %}