{%  extends "auth/base.html.twig" %}

{% block head_title %}{{ 'security.login_title'|trans }}{% endblock %}

{% block body %}

    <div class="peers ai-s fxw-nw h-100vh">
        <div class="d-n@sm- peer peer-greed h-100 pos-r bgr-n bgpX-c bgpY-c bgsz-cv" style='background-image:  url("{{ asset('assets/images/bg.jpg') }}")'>
            {#<div class="pos-a centerXY">#}
            {#<div class="bgc-white bdrs-50p pos-r" style='width: 120px; height: 120px;'>#}
            {#<img class="pos-a centerXY" src="{{ asset('assets/images/sf.png') }}" alt="logo" />#}
            {#</div>#}
            {#</div>#}
        </div>

        <div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style='min-width: 320px;'>

            <h4 class="fw-300 c-grey-900 mB-40">{{ 'security.reset_title'|trans }}</h4>

            <form action="{{ path("security_lost_password") }}" method="POST">
                {{ form_row(form._token) }}
                <div class="form-group">
                    <label class="text-normal text-dark"> {{ 'security.login_username'|trans }}</label>
                    <input type="text" class="form-control" placeholder="{{ 'security.login.username'|trans }}" id="username" name="username" required="required">
                    <small id="emailHelp" class="form-text text-muted">Password reset instructions will be sent to this email address.</small>
                    {{ form_errors(form.username) }}
                </div>
                <div class="form-group">
                    <div class="peers ai-c jc-sb fxw-nw">
                        <div class="peer">
                            <div class="checkbox checkbox-circle checkbox-info peers ai-c">
                                <a href="{{ path('security_login') }}"><i class="fas fa-angle-left"></i> Back to login</a>
                            </div>
                        </div>
                        <div class="peer">
                            <button type="submit" id="register_submit" class="btn btn-primary btn">{{ 'security.reset_btn'|trans }}</button>
                        </div>
                    </div>
                </div>
            </form>

            {# <form action="{{ path("security_login") }}" method="POST">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
                <div class="form-group">
                    <label class="text-normal text-dark">Username:</label>
                </div>
                <div class="form-group">
                    <label class="text-normal text-dark">Password:</label>
                    <a style="float:right;" href="{{ path("security_forgot_password") }}"><small>Forgot Password?</small></a>
                </div>
                <div class="form-group">
                    <div class="peers ai-c jc-sb fxw-nw">
                        <div class="peer">
                            <div class="checkbox checkbox-circle checkbox-info peers ai-c">
                                <input type="checkbox" id="inputCall1" name="inputCheckboxesCall" class="peer">
                                <label for="inputCall1" class=" peers peer-greed js-sb ai-c">
                                    <span class="peer peer-greed">Remember Me</span>
                                </label>
                            </div>
                        </div>
                        <div class="peer">
                            <button class="btn btn-primary" id="_submit" name="_submit">{{ 'security.login.submit'|trans }}</button>
                        </div>
                    </div>
                </div>
            </form> #}

        </div>
    </div>

{% endblock body %}