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

{% block title %}{{ 'login'|trans }}{% endblock %}

{% block page_title %}{% endblock %}
{% block page_subtitle %}{% endblock %}
{% block sidebar_nav %}{% endblock %}
{% block breadcrumb %}{% endblock %}
{% block page_content %}
    <div class="login-box">
        <div class="login-logo">
            {{ 'app.name'|trans }}
        </div>
        <!-- /.login-logo -->
        {% if app.environment == 'prod'%}
        <div class="login-box-body" style="margin-top:20px">
            <div class="form-group text-center">
                <a  href="{{ path('microsoft_login') }}">
                    <img src="{{ asset('images/login-with-ms.png') }}">
                </a>
            </div>
        </div>
        {% else %}
            <div class="login-box-body">
            <form method="post">
                <div class="form-group has-feedback">
                    <input type="email" class="form-control" name="email" placeholder="{{ 'label.email'|trans }}"
                           value="{{ last_username }}" required autofocus/>
                    <span class="glyphicon glyphicon-user form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" id="inputPassword" class="form-control" name="password"
                           placeholder="{{ 'label.password'|trans }}" required/>
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                </div>
                {% if error %}
                    <div class="help-block text-red">{{ error.message | trans }}</div>
                {% endif %}
                <div class="row">
                    <div class="col-xs-offset-8 col-xs-4">
                        <input type="submit" class="btn btn-primary btn-block btn-flat" value="{{ 'label.login'|trans }}"/>
                    </div>
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                </div>
            </form>
        </div>
        {% endif %}
        <!-- /.login-box-body -->
    </div>
{% endblock %}

{% block footer %}
{% endblock %}