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

{% block title %}{{ pageTitleString }}{% endblock title %}

{% block head_description %}{{ descriptionString }}{% endblock head_description %}
{% block head_keyword %}{{ keyWordString }}{% endblock head_keyword %}

{% block og_title %}{{ titleString }}{% endblock og_title %}
{% block og_description %}{{ descriptionString }}{% endblock og_description %}

{% block head_style %}
    {{ parent() }}
    {{ encore_entry_link_tags('form') }}
{% endblock head_style %}

{% block head_script %}
    {{ parent() }}
    {{ encore_entry_script_tags('form') }}
{% endblock head_script %}

{% block page_header_h1 %}{{ pageTitleString }}{% endblock page_header_h1 %}

{% block top_banner %}{% endblock top_banner %}

{% block content %}

    {% if error %}
        <div class="failureMessage">{{ error }}</div>
    {% endif %}
    <div class="space"></div>
    <form class="well" action="{{ path('login') }}" method="POST">

        <div class="form-group row p-3">
            <div class="col-sm-12 col-lg-3">
                <label class="control-label required" for="_username">
                    {{ 'Username'|phrase }}: *
                </label>
            </div>
            <div class="col-sm-12 col-lg-9">
                <input type="text" class="form-control" placeholder="Username" required="required" name="_username" id="username" value="{{ last_username }}" />
            </div>
        </div>

        <div class="form-group row p-3">
            <div class="col-sm-12 col-lg-3">
                <label class="control-label required" for="_password">
                    {{ 'Password'|phrase }}: *
                </label>
            </div>
            <div class="col-sm-12 col-lg-9">
                <input type="password" class="form-control" placeholder="Password" required="required" name="_password" id="password" />
            </div>
        </div>

        <div class="row p-3">
            <div class="d-grid justify-content-md-center">
                <button type="submit" class="btn btn-primary">{{ 'Login'|phrase }}</button>
            </div>
        </div>

        <div class="row p-3">
            <div class="btn-group justify-content-center col-sm-6 offset-sm-3" role="group">
                <a class="btn btn-primary mb-3" href="{{ path('iga_user_forgot_pw') }}">{{ 'Forgot password'|phrase }}</a>
            </div>
        </div>

    </form>

{% endblock %}
{% block bottom_banner %}{% endblock bottom_banner %}