{% extends 'front/' ~ websiteTemplate ~ '/base.html.twig' %}

{% trans_default_domain 'front_default' %}

{% import 'core/src-macro.html.twig' as resources %}

{% block metaTitle %}{{ "Connectez-vous"|trans|striptags }} - {{ companyName }}{% endblock %}
{% block metaRobots %}noindex{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block body %}

    {% include 'front/' ~ websiteTemplate ~ '/blocks/titleheader.html.twig' with { 'fullSize': true } %}

    <div class="container-fluid mt-5 mb-5">
        <div class="row">
            <div class="col-md-4 offset-md-4">

                <h2 class="mb-4">{{ "Connectez-vous"|trans }}</h2>

                {% if is_granted('ROLE_ALLOWED_TO_SWITCH') %}

                    {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'info', "message": "Vous êtes déjà connecté en tant qu'administrateur. Veuillez utiliser le commutateur ci-dessous pour changer d'utilisateur :"} only %}

                    <div id="users-switcher-front-box" class="card text-center">
                        <div class="card-body">
                            <label for="users-switcher-box" class="d-inline-block w-100">{{ "Changer d'utilisateur"|trans }}</label>
                            <select id="users-front-switcher-select" class="d-inline-block w-100">
                                <option value="">{{ "Séléctionnez un utilisateur"|trans }}</option>
                                {% for user in users %}
                                    <option value="{{ path('front_index', {'_switch_user': user.login}) }}">{{ user.username }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                {% else %}

                    {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'info', "message": "Vous êtes déjà connecté en tant qu'administrateur."} only %}

                {% endif %}

            </div>
        </div>
    </div>

{% endblock %}