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

{% block title %}
    Accueil
{% endblock %}

{% block style %}
    <link rel="stylesheet" type="text/css" is="custom-style"
          href="{{ app.request.getBaseURL() }}/assets/css/parametres/index.css">
{% endblock %}

{% block page %}
    {% set liens = {'Accueil': path('home_index'), 'Parametrage': '#'} %}
    {% include 'breadcrumb.twig' with {'liens': liens} %}

    <div style="display: flex;">
        {% for parametre in parametres %}
            <div class="layout horizontal wrap center box-container" onclick="href('{{ path(parametre.lien) }}')">
                <div class="flex-1">
                    <paper-icon-button
                        icon="icons:{{ parametre.icon }}">
                    </paper-icon-button>
                </div>
                <div class="flex-3">
                    <h6>{{ parametre.libelle }}</h6>
                    <div class="box-description">{{ parametre.description }}</div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}