SergiX44/XBackBone

View on GitHub
resources/templates/auth/recover_password.twig

Summary

Maintainability
Test Coverage
{% extends 'base.twig' %}

{% block title %}{{ lang('password_recovery') }}{% endblock %}

{% block head %}
    <style>
        html {
            height: 100%;
        }
        body {
            height: 100%;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-align: center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            padding-bottom: 40px;
            margin-bottom: 0;
        }
    </style>
{% endblock %}

{% block content %}
    <div class="container-fluid">
        <form class="form-signin" method="post" action="{{ route('recover.password', {'resetToken': reset_token}) }}">
            <div class="row text-center">
                <div class="col-md-12">
                    <h1 class="h3 mb-3 font-weight-normal">{{ config.app_name }}</h1>
                    {% include 'comp/alert.twig' %}
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label for="password" class="sr-only">{{ lang('password') }}</label>
                    <input type="password" id="password" class="form-control first" placeholder="{{ lang('password') }}" name="password" required>
                    <label for="password_repeat" class="sr-only">{{ lang('password_repeat') }}</label>
                    <input type="password" id="password_repeat" class="form-control last" placeholder="{{ lang('password_repeat') }}" name="password_repeat" required>
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-md-12">
                    <button class="btn btn-lg btn-primary btn-block" type="submit">{{ lang('password_recovery') }}</button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}