<!--
Copyright (C) 2019-2023 Nicola Murino

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published
by the Free Software Foundation, version 3.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>{{.Branding.Name}} - Reset password</title>

    <link rel="shortcut icon" href="{{.StaticURL}}{{.Branding.FaviconPath}}" />

    <!-- Custom styles for this template-->
    {{- range .Branding.DefaultCSS}}
    <link href="{{$.StaticURL}}{{.}}" rel="stylesheet" type="text/css">
    {{- end}}
    <style>
        {{template "commoncss" .}}
    </style>

    {{range .Branding.ExtraCSS}}
    <link href="{{$.StaticURL}}{{.}}" rel="stylesheet" type="text/css">
    {{end}}

</head>

<body class="bg-gradient-primary">

    <div class="container">

        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-6 col-lg-7 col-md-9">

                <div class="card o-hidden border-0 shadow-lg my-5">
                    <div class="card-body p-0">
                        <!-- Nested Row within Card Body -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="p-5">
                                    <div class="text-center">
                                        <h1 class="h4 text-gray-900 mb-4">Reset Password</h1>
                                        <p class="mb-4">Check your email for the confirmation code</p>
                                    </div>
                                    {{if .Error}}
                                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                        {{.Error}}
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    {{end}}
                                    <form id="forgot_password_form" action="{{.CurrentURL}}" method="POST" autocomplete="off"
                                        class="user-custom">
                                        <div class="form-group">
                                            <input type="text" class="form-control form-control-user-custom"
                                                id="inputCode" name="code" placeholder="Confirmation code" spellcheck="false" required>
                                        </div>
                                        <div class="form-group">
                                            <input type="password" class="form-control form-control-user-custom"
                                                id="inputPassword" name="password" placeholder="New Password" autocomplete="new-password" spellcheck="false" required>
                                        </div>
                                        <input type="hidden" name="_form_token" value="{{.CSRFToken}}">
                                        <button type="submit" class="btn btn-primary btn-user-custom btn-block">
                                            Update Password & Login
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap core JavaScript-->
    <script src="{{.StaticURL}}/vendor/jquery/jquery.min.js"></script>
    <script src="{{.StaticURL}}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Core plugin JavaScript-->
    <script src="{{.StaticURL}}/vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for all pages-->
    <script src="{{.StaticURL}}/js/sb-admin-2.min.js"></script>

</body>

</html>