<!--
Copyright (C) 2023 Nicola Murino

This WebUI uses the KeenThemes Mega Bundle, a proprietary theme:

https://keenthemes.com/products/templates-mega-bundle

KeenThemes HTML/CSS/JS components are allowed for use only within the
SFTPGo product and restricted to be used in a resealable HTML template
that can compete with KeenThemes products anyhow.

This WebUI is allowed for use only within the SFTPGo product and
therefore cannot be used in derivative works/products without an
explicit grant from the SFTPGo Team (support@sftpgo.com).
-->
{{- template "baselogin" .}}

{{- define "content"}}
<form class="form w-100" id="sign_in_form" action="{{.CurrentURL}}" method="POST">
    <div class="container mb-10">
        <div class="row align-items-center">
            <div class="col-5 align-items-center">
                <a href="{{.LoginURL}}">
                    <img alt="Logo" src="{{.StaticURL}}{{.Branding.LogoPath}}" class="h-80px h-md-90px h-lg-100px" />
                </a>
            </div>
            <div class="col-7">
                <a href="{{.LoginURL}}" class="text-gray-900 mb-3 ms-3 fs-1 fw-bold">
                    {{.Branding.ShortName}}
                </a>
            </div>
        </div>
    </div>
    <div class="text-center mb-10">
        <h2 data-i18n="login.reset_password" class="text-gray-900 mb-3">
            Reset Password
        </h2>
        <div class="text-gray-700 fw-semibold fs-4">
            <span data-i18n="login.reset_pwd_msg">
                Check your email for the confirmation code
            </span>
        </div>
    </div>
    {{- template "errmsg" .Error}}
    <div class="fv-row mb-10">
        <input data-i18n="[placeholder]login.confirm_code" class="form-control form-control-lg form-control-solid" type="text" placeholder="Confirmation code" name="code" spellcheck="false" required />
    </div>
    <div class="fv-row mb-10">
        <div class="position-relative" data-password-control="container">
            <input data-i18n="[placeholder]general.new_password" data-password-control="input" class="form-control form-control-lg form-control-solid"
                type="password" name="password" placeholder="New Password" autocomplete="new-password" spellcheck="false" required />
            <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-password-control="visibility">
                <i class="ki-duotone ki-eye-slash fs-1">
                    <span class="path1"></span>
                    <span class="path2"></span>
                    <span class="path3"></span>
                    <span class="path4"></span>
                </i>
                <i class="ki-duotone ki-eye d-none fs-1">
                    <span class="path1"></span>
                    <span class="path2"></span>
                    <span class="path3"></span>
                </i>
            </span>
        </div>
    </div>
    <div class="fv-row mb-10">
        <div class="position-relative" data-password-control="container">
            <input data-i18n="[placeholder]change_pwd.confirm" data-password-control="input" class="form-control form-control-lg form-control-solid"
                type="password" name="confirm_password" placeholder="Confirm Password" autocomplete="new-password" spellcheck="false" required />
            <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-password-control="visibility">
                <i class="ki-duotone ki-eye-slash fs-1">
                    <span class="path1"></span>
                    <span class="path2"></span>
                    <span class="path3"></span>
                    <span class="path4"></span>
                </i>
                <i class="ki-duotone ki-eye d-none fs-1">
                    <span class="path1"></span>
                    <span class="path2"></span>
                    <span class="path3"></span>
                </i>
            </span>
        </div>
    </div>
    <div class="text-center">
        <input type="hidden" name="_form_token" value="{{.CSRFToken}}">
        <button type="submit" id="sign_in_submit" class="btn btn-lg btn-primary w-100 mb-5">
            <span data-i18n="login.reset_submit" class="indicator-label">Update Password & Login</span>
            <span data-i18n="general.wait" class="indicator-progress">
                Please wait...
                <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
            </span>
        </button>
    </div>
</form>
{{- end}}