{% extends "base.html" %}
{% load i18n markdown %}


{% block content %}

<div class="level">
  <div class="level-left">
    <div class="level-item">
      <h1 class="title">{% trans "Liste des FAQ" %}</h1>
    </div>
  </div>

  {% if perms.faqs.faq_admin %}
  <div class="level-right">
    <div class="level-item">
      <a class="button is-light is-outlined is-primary" href={% url 'faq.create' %}>
        <span class="icon">
          <i class="fas fa-plus"></i>
        </span>
        <span>{% trans "Créer une FAQ" %}</span>
      </a>
    </div>
  </div>
  {% endif %}
</div>
<hr>

{% for f in faq_list %}
<div class="panel is-primary is-radiusless">
  <div class="panel-heading is-size-6 is-radiusless">
    <a class="has-text-primary-light" href="{% url 'faq.view' f.anchor %}"><u>{{ f.title }}</u></a>
  </div>

  {% if f.description %}
  <div class="panel-block">
    <div class="content is-flex-grow-1">
      {{ f.description|markdown|safe }}
    </div>
  </div>
  {% endif %}
</div>
{% if not forloop.last %}
<br>
{% endif %}
{% endfor %}

{% endblock %}