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

{% block page_title %}
    {{- _page.title.value -}}
{% endblock %}

{% block page_subtitle %}
    <p class="h3">
        {{- _page.subTitle.value -}}
    </p>
{% endblock %}

{% block css %}
    {{- parent() -}}

    <style>
        #rss-icon {
            color: #fd9f13;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="col-12">
        <div class="body">
            <div class="body-content">
                {{- _page.content.value|murph_url|markdown('post') -}}

                <p>
                    <a target="_blank" title="RSS" href="{{ safe_path(_node.routeName ~ '_rss') }}">
                        <span id="rss-icon" class="deblan-icon deblan-icon-rss"></span>
                        {{- ' Flux RSS' -}}
                    </a>
                </p>
            </div>
        </div>
    </div>

    {% if pager.items is defined %}
        {% for item in pager.items %}
            <div class="col-12">
                <div class="body">
                    <div class="quick">
                        <div class="quick-body">
                            <h2 class="h4 no-margin">
                                <a href="{{ item.link }}" target="_blank">
                                    {{- item.title -}}
                                </a>
                            </h2>
                            <p>
                                <a href="{{ item.link }}" target="_blank">
                                    {{- item.link -}}
                                </a>
                                <br>
                                {{- item.timestamp|date("d/m/Y à H\\hi") -}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}

        {% if pager.maxPage %}
            <div class="col-12">
                <div class="body">
                    <div class="pager align-right">
                        {{ include('module/_pager.html.twig', {
                            route: _node.routeName,
                            routeParams: {},
                            pages: pager.maxPage,
                            currentPage: pager.page
                        }) }}
                    </div>
                </div>
            </div>
        {% endif %}
    {% else %}
        <div class="grid">
            <div class="col-12 alert alert-notice">
                {{- 'Aucun lien disponible pour le moment.' -}}
            </div>
        </div>
    {% endif %}
{% endblock %}