{% extends "base.auth.html" %}
{% block container %}
<div class="row g-0 flex-fill">
    <div class="col-12 col-lg-6 col-xl-4 d-flex flex-column justify-content-center">
        <div class="container container-tight my-5 px-lg-5">
            <div class="text-center mb-2">
                {% include "logo.html" %}
            </div>
            <div class="text-center">
                <h1 class="h4 text-gray-900 mb-2">{{ _("Forgot Your Password?") }}</h1>
                <p class="mb-4">{{ _("We get it, stuff happens. Just enter your email address below and we'll send you a link to reset your password!") }}</p>
            </div>
            {{ msg() }}
            <form class="user" method="POST">
                {{ csrf_token()|raw }}
                <div class="mb-3">
                    <input type="hidden" class="form-control form-control-user" name="reset_key" value="{{ reset_key }}">
                    <input type="password" name="password" class="form-control form-control-user" id="password" aria-describedby="email" placeholder="{{ _('Enter New Password...') }}">
                </div>
                
                <button type="submit" class="btn btn-dark w-100 btn-user btn-block">
                    {{ _('Reset Password') }}
                </button>
            </form>
            <hr>
            <div class="text-center">
                <a class="small" href="{{ url('register') }}"><i class="ti ti-user-plus ti-12"></i> {{_("Create an account")}}</a>
                <a class="small" href="{{ url('login') }}"><i class="ti ti-login ti-12"></i> {{_("I have an account")}}</a>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-6 col-xl-8 d-none d-lg-block">
        {% if SETTINGS.register_page_image %}
            <div class="bg-cover h-100 min-vh-100" style="background-image: url({{MEDIA_URL}}/settings/{{SETTINGS.forget_password_page_image}})"></div>
        {% else %}
            <div class="bg-cover h-100 min-vh-100" style="background-image: url({{STATIC_URL}}/img/login.jpg"></div>
        {% endif %}
    </div>
</div>

{% endblock %}