<!DOCTYPE HTML>
<html>

<head>
    <title>Reset Page</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="static/css/main.css" />
    <noscript>
        <link rel="stylesheet" href="static/css/noscript.css" />
    </noscript>
</head>

<body class="is-preload">

    <!-- Wrapper -->
    <div id="wrapper">

        <header id="header">
            <a href="#" class="logo"><strong>Parablu</strong> <span>Systems</span><span> Opcenter</span></a>
            <nav>
                <a href="#menu">Menu</a>
            </nav>
        </header>

        <!-- Menu -->
        <nav id="menu">
            <ul class="actions stacked">
                <li><a href="{{url_for('users.register')}}" class="button primary fit">Register</a></li>
                <li><a href="#" class="{{url_for('users.login')}}">Login</a></li>
            </ul>
        </nav>

        <!-- Main -->
        <div id="main" class="alt">
            <!-- One -->
            <h1>Reset Password</h1>

            <section>
                <form method="post" action="">
                    {{ form.hidden_tag() }}
                    <div class="field ">
                        {{ form.password.label}}
                        {% if form.password.errors %}
                        {{ form.password }}
                        <div class="invalid-feedback">
                            {% for error in form.password.errors %}
                            <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                        {% else %}
                        {{ form.password }}
                        {% endif %}
                    </div>
                    <div class="field ">
                        {{ form.confirm_password.label}}
                        {% if form.confirm_password.errors %}
                        {{ form.password }}
                        <div class="invalid-feedback">
                            {% for error in form.confirm_password.errors %}
                            <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                        {% else %}
                        {{ form.confirm_password }}
                        {% endif %}
                    </div>
                    <ul class="actions">
                        <li>{{form.submit}}</li>
                    </ul>
                </form>
            </section>
        </div>
        <!-- Footer -->
        <footer id="footer">
            <div class="inner">
                <ul class="icons">
                    <li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
                    <li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
                    <li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
                    <li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
                    <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
                </ul>
                <ul class="copyright">
                    <li>&copy; Parablu Systems</li>
                </ul>
            </div>
        </footer>

    </div>

    <!-- Scripts -->
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/jquery.scrolly.min.js"></script>
    <script src="static/js/jquery.scrollex.min.js"></script>
    <script src="static/js/browser.min.js"></script>
    <script src="static/js/breakpoints.min.js"></script>
    <script src="static/js/util.js"></script>
    <script src="static/js/main.js"></script>

</body>

</html>