<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Portal ŠOLAR</title>
    <link rel="stylesheet" href="../static/css/login-styles.css" type="text/css">
    <link rel="stylesheet" href="../static/css/utils.css" type="text/css">
</head>
<body>
    <div class="background">
        <div class="panel login-panel">
            <div class="panel-logo">
                <img src="../static/image/logo.svg" alt="logo"/>
            </div>
            <h1 class="m-b-3">Pozabljeno geslo - ŠOLAR</h1>
            <div>
                <form method="POST" action="../sendresetpass" class="m-b-2">
                    <div class="input-wrapper">
                        <img src="../static/image/user.svg" alt="user" class="input-icon"/>
                        <div class="input-floating-label">
                            <label>E-mail</label>
                            <input type="text" name="email">
                        </div>
                    </div>

                    <button class="btn" style="margin-left: 46px;">Pošlji</button>
                </form>
                {% with messages = get_flashed_messages() %}
                {% if messages %}
                <div class="alert alert-success">
                    <img src="../static/image/success.svg" alt="alert"/>
                    <p>{{ messages[0] }}</p>
                </div>
                {% endif %}
                {% endwith %}

                <div class="back-to-login">
                    <img src="../static/image/chevron-left.svg"/>
                    <a href="../login">Nazaj na prijavo</a>
                </div>
            </div>
        </div>
    </div>
</body>