{% extends "base.html" %} {% block content %}

<h2 class="title is-3">{{- section.title -}}</h2>
{%- if section.extra.subtitle -%}
<p class="subtitle is-5 has-text-primary-dark">
    {{- section.extra.subtitle -}}
</p>
{%- endif -%}
<section class="content-section">{{- section.content | safe -}}</section>

<div class="grid">
    {%- for page in section.pages -%}
    <div class="card cell">
        <header class="card-header">
            <p class="card-header-title">{{ page.title }}</p>
            <button class="card-header-icon" aria-label="more options">
                <span class="icon">
                    <i class="fas fa-angle-down" aria-hidden="true"></i>
                </span>
            </button>
        </header>
        <div class="card-image">
            <figure class="image is-4by3">
                <img
                    src="{{ get_url(path=page.extra.img | default(value='/img/placeholder.png')) }}"
                    alt="{{ page.extra.alt | default(value="") }}"
                />
            </figure>
        </div>
        <div class="card-content">
            <div class="content">{{ page.content |safe }}</div>
        </div>
        <footer class="card-footer">
            <a href="{{ page.path }}" class="card-footer-item">Lire le détail</a>
        </footer>
    </div>
    {%- endfor -%}
</div>

{% endblock content %}