{% 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/home.css">
{% endblock %}

{% block page %}
    <script src="{{ app.request.getBaseURL() }}/assets/js/home.js"></script>

    {% set liens = {'Accueil': '#'} %}
    {% include 'breadcrumb.twig' with {'liens': liens} %}

    <div id="mon-espace">
        <h4>
            <iron-icon icon="hardware:desktop-windows"></iron-icon>
            Mon espace de travail
        </h4>

        <div class="row start-justified">
            {% if is_granted('ROLE_CONFIGURATEUR') %}
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Gestion des composants"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-composants.jpg"
                        onclick="href('{{ path("composants_index") }}')">
                    <div class="card-content">
                        {% set i = 0 %}
                        {% for type in nombreComposantsParType | keys %}
                            {% set i = i + 1 %}
                            {% if i is not divisible by(2) %}
                                <div class="line layout horizontal around-justified">
                            {% endif %}
                            <span class="body-2">{{ nombreComposantsParType[type] }} {{ type }}{{ nombreComposantsParType[type] > 1 ? type == 'Niveau' ? 'x' : 's' : '' }}</span>
                            {% if i is divisible by(2) or loop.last %}
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('composants_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
            {% endif %}
            {% if is_granted('ROLE_CONFIGURATEUR') %}
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Gestion des critères"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-criteres.jpg"
                        onclick="href('{{ path("criteres_index") }}')">
                    <div class="card-content">
                        <div class="line layout horizontal around-justified">
                            <span class="body-2">{{ nbCriteres }} Critère{{ nbCriteres > 1 ? 's' : '' }}</span>
                        </div>
                        <span class="body-2"><br></span>
                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('criteres_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
            {% endif %}
            {% if is_granted('ROLE_CONFIGURATEUR') %}
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Gestion des packages"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-packages.jpg"
                        onclick="href('{{ path("packages_index") }}')">
                    <div class="card-content">
                        <div class="line layout horizontal around-justified">
                            <span class="body-2">{{ nbPackages }} Package{{ nbPackages > 1 ? 's' : '' }}</span>
                        </div>
                        <span class="body-2"><br></span>
                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('packages_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
            {% endif %}
            {% if is_granted('ROLE_FORMULE') %}
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Gestion des formules"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-formules.jpg"
                        onclick="href('{{ path("formules_index") }}')">
                    <div class="card-content">
                        <div class="line layout horizontal around-justified">
                            <span class="body-2">{{ nbFormules }} Formule{{ nbFormules > 1 ? 's' : '' }}</span>
                        </div>
                        <span class="body-2"><br></span>
                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('formules_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
            {% endif %}
        </div>
    </div>

    {% if is_granted('ROLE_ADMIN') %}
        <div id="administration">
            <h4>
                <iron-icon icon="hardware:desktop-windows"></iron-icon>
                Administration
            </h4>

            <div class="row start-justified">
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Gestion des utilisateurs"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-utilisateurs.png"
                        onclick="href('{{ path("utilisateurs_index") }}')">
                    <div class="card-content">

                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('utilisateurs_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Gestion des comptes applicatifs"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-composants.jpg"
                        onclick="href('{{ path("comptes_index") }}')">
                    <div class="card-content">

                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('comptes_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
                <paper-card
                        class="flex-xs-12 flex-sm-6 flex-md-4 flex-lg-3"
                        heading="Paramétrages"
                        image="{{ app.request.getBaseURL() }}/assets/img/card-parametrage.jpg"
                        onclick="href('{{ path("parametrage_index") }}')">
                    <div class="card-content">

                    </div>
                    <div class="card-actions">
                        <div class="horizontal justified">
                            <a href="{{ path('parametrage_index') }}">
                                <paper-button>Acceder</paper-button>
                            </a>
                        </div>
                    </div>
                </paper-card>
            </div>
        </div>
    {% endif %}
{% endblock %}