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

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

{% block body %}
    {% form_theme form 'bootstrap_4_layout.html.twig' %}
    <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>
            <!-- Resetting Form -->
            <form action="{{ path('security_login') }}">
<!--                <div class="header">
                        <div class="float-icon">
                        <a href="{{ path('security_login') }}" class="add" title="{{ 'security.login_title'|trans }}"><i class="material-icons">security</i></a>
                    </div>
                </div>-->

                <div class="form-group">
                    {% if sendEmail %}
                        {{ 'security.reset_emailsend'|trans }}
                    {% else %}
                        {{ 'security.reset_completed'|trans }}
                    {% endif %}
                </div>

                <div class="form-group">
                    <div class="peers ai-c jc-sb fxw-nw">
                        <div class="peer">
                            <button type="submit" class="btn btn-primary">{{ 'security.login_title'|trans }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}