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

{% block body_id 'homepage' %}
{% block body_class 'bg-white' %}
{% block body_container_class %}d-flex align-items-center{% endblock %}
{% block main %}

{%  endblock %}
{% block body %}
    <div class="d-flex container bg-white d-flex justify-content-center align-items-center h-100" style="padding-bottom: 7.5rem !important;">
        <div class="row" style="width: 80%">
            <div class="col-md-6  p-5 bg-light border rounded-3">
                <div class="d-flex justify-content-center align-items-center h-100 flex-column">
                    <p class="">
                        {{ 'help.login_sso'|trans|raw }}
                    </p>
                    <p style="margin-bottom:0;">
                        <a class="btn btn-primary btn-lg" href="{{ path('homepage') }}">
                            <i class="fa fa-medium fa-windows" aria-hidden="true"></i> {{ 'action.login_sso'|trans }}
                        </a>
                    </p>
                </div>
            </div>

            <div class="col-md-6">
                <div class="p-5 bg-light border rounded-3">
                    <form action="{{ path('security_login') }}" method="post" data-no-reset="">
                        <fieldset>
                            <legend><i class="fa fa-lock" aria-hidden="true"></i> {{ 'title.login'|trans }}</legend>
                            {% if error %}
                                <div class="messages">
                                    <div class="alert alert-danger " role="alert">
                                        {{ error.messageKey|trans(error.messageData, 'security') }}
                                    </div>
                                </div>
                            {% endif %}
                            <div class="form-group">
                                <label for="username">identifiant</label>
                                <input  type="text" id="username" name="_username" value="" class="form-control"/>
                            </div>
                            <div class="form-group ">
                                <label  for="password">mot de passe</label>
                                <input  type="password" id="password" name="_password" class="form-control" />
                            </div>
                            <input type="hidden" name="_target_path" value="{{ app.request.get('redirect_to') }}"/>
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
                            <button type="submit" class="btn btn-primary mt-3">
                                <i class="fa fa-sign-in" aria-hidden="true"></i> {{ 'action.sign_in'|trans }}
                            </button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block sidebar_right %}
{% endblock %}