{% extends "FOSUserBundle::layout.html.twig" %}

{% trans_default_domain 'FOSUserBundle' %}

{% block fos_user_content %}

    {#<form action="{{ path("fos_user_security_check") }}" method="post">

        <fieldset>
            <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
            <div class="form-group">
                <input type="text" class="form-control" placeholder="{{ 'security.login.username'|trans }}" id="username" name="_username" value="{{ last_username }}" required="required" />
            </div>
            <div class="form-group">

                <label for="password"></label>
                <input class="form-control" type="password" placeholder="{{ 'security.login.password'|trans }}" id="password" name="_password" required="required" />
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" id="remember_me" name="_remember_me" value="on"  value="on">{{ 'security.login.remember_me'|trans }}
                </label>
            </div>

            <input type="submit" class="btn btn-lg btn-info btn-block" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" />
        </fieldset>

    </form>#}
    <ol class="breadcrumb">
        <li><a href="{{ path('home_page') }}">Home</a></li>
        <li class="active">User access</li>
    </ol>

    <div class="row">

        <!-- Article main content -->
        <article class="col-xs-12 maincontent">
            <header class="page-header">
                <h1 class="page-title">Sign in</h1>
            </header>

            <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                <div class="panel panel-default">
                    <div class="panel-body">

                        {% if error %}
                            <br/>
                            <div class="row">
                                <div class="col-lg-12">                     
                                    <div class="alert alert-danger alert-dismissable">
                                        <h5 style="margin: 0;"> <i class="fa fa-ban"></i> {{ error.messageKey|trans(error.messageData, 'security') }}.</h5>
                                    </div>

                                </div>
                            </div>
                        {% endif %}

                        <h3 class="thin text-center">Sign in to your account</h3>
                        <hr>
                        <form action="{{ path("fos_user_security_check") }}" method="post">
                            <div class="top-margin">
                                <label>Username <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" placeholder="{{ 'security.login.username'|trans }}" id="username" name="_username" value="{{ last_username }}" required="required">
                            </div>
                            <div class="top-margin">
                                <label>Password <span class="text-danger">*</span></label>
                                <input type="password" class="form-control" type="password" placeholder="{{ 'security.login.password'|trans }}" id="password" name="_password" required="required" >
                            </div>

                            <hr>

                            <div class="row">
                                <div class="col-lg-8">
                                    <b><a href="{{ path('fos_user_resetting_request') }}">Forgot password?</a></b>
                                </div>
                                <div class="col-lg-4 text-right">
                                    <button class="btn btn-action" type="submit">Sign in</button>
                                </div>
                            </div>
                            {#<div class="row">
                                <div class="col-lg-8">
                                    <b><a href="{{ path('fos_user_resetting_request') }}">Register as new Candidate</a></b>
                                </div>
                            </div>#}
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
                        </form>

                    </div>
                </div>

            </div>

        </article>
        <!-- /Article -->

    </div>
{% endblock fos_user_content %}