{% extends '@RxConnexion/Admin/global.html.twig' %}
{% block body %}
    {% include '@RxConnexion/Admin/flash_messages.html.twig' %}
    <div id="content">
        <div class="header-line"></div>
        <div class="row">
            <div class="large-4 medium-5 small-11 large-centered medium-centered small-centered columns">
                <div class="login-form-container">
                    <span class="login-logo"><a href="{{ path('front_end') }}"><img src="{{ asset('bundles/rxconnexion/admin/images/logo-only.png') }}"/></a></span>
                    <h3 class="subheader text-center title">
                        {#ZAP<span>CONEXION</span>#}
                    </h3>
                    <p class="text-center">Enter your credentials below</p>
                    <form method="POST" action="{{ path('login', {then : thenUri}) }}">
                        <div class="row">
                            <div class="small-12 columns">
                                <div class="input-group">
                                    {#<span class="input-group-label" style="font-size: 12px;"><i class="fa fa-folder-open"></i></span>#}
                                    <input type="hidden" name="account_no" value="1" />
                                </div>
                            </div>
                            <div class="small-12 columns">
                                <div class="input-group">
                                    <span class="input-group-label"><i class="fa fa-user"></i></span>
                                    <input type="text" name="username" id="login_username" placeholder="Username" value="{{ app.request.cookies.has('remUser') ? app.request.cookies.get('remUser') : '' }}" />
                                </div>
                            </div>
                            <div class="small-12 columns">
                                <div class="input-group">
                                    <span class="input-group-label"><i class="fa fa-lock"></i></span>
                                    <input type="password" name="password" placeholder="Password" value="{{ app.request.cookies.has('remPwd') ? app.request.cookies.get('remPwd') : '' }}" />
                                </div>
                            </div>
                            <div class="small-12 columns">
                                <div class="row">
                                    <div class="large-6 columns remember-me-container">
                                        <label>
                                            <input type="checkbox" name="remember" {{ app.request.cookies.has('remPwd') ? 'checked' : '' }} />
                                            Remember Me
                                        </label>
                                    </div>
                                    <div class="large-6 columns">
                                        <div class="button-container">
                                            <button type="submit" class="button expanded">Login&nbsp;&nbsp;<i class="fa fa-sign-in"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="small-12 columns text-right">
                                {#<a href="{{ path('auth_forgot_password') }}">Forgot password?</a>#}
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row max-width-initial">
        <div class="small-12 columns">
            <p class="footer-text">&copy; <a href="{{ path('front_end') }}"></a> 2017 - {{ 'now'|date('Y') }}. All Rights Reserved.</p>
        </div>
    </div>
    {% include '@RxConnexion/Admin/js.html.twig' %}
    <script>
        //<![CDATA[
        jQ(document).ready(function(){
            jQ('#login_username').focus();
        });
        //]]>
    </script>
{% endblock %}