{% extends "base.html" %}
{% block content %}

<div class="columns">


    <div class="column col-md-12 col-mx-auto col-2">
        {% if wrong_password %}
        <span class="label label-warning">
            Het originele wachtwoord is verkeerd!
        </span>
        {% endif %}

        {% if wrong_dupe_password %}
        <span class="label label-warning">
            Het herhaalde wachtwoord was niet het zelfds als het nieuwe wachtwoord
        </span>
        {% endif %}

        <form method="post" class="form-horizontal">
            <div class="form-group">
                <div class="col-3 col-sm-12">
                    <label for="password" class="form-label">Oud Wachtwoord</label>
                </div>
                <div class="col-9 col-sm-12">
                    <input type="password" class="form-input" id="password" name="password" placeholder="Wachtwoord"
                        autocomplete="current-password">
                </div>
            </div>
            <div class="form-group">
                <div class="col-3 col-sm-12">
                    <label for="password-new" class="form-label">Nieuw Wachtwoord</label>
                </div>
                <div class="col-9 col-sm-12">
                    <input type="password" class="form-input" id="password-new" name="password_new"
                        placeholder="Wachtwoord" autocomplete="new-password">
                </div>
            </div>
            <div class="form-group">
                <div class="col-3 col-sm-12">
                    <label for="password-new-again" class="form-label">Nieuw Wachtwoord (herhaling)</label>
                </div>
                <div class="col-9 col-sm-12">
                    <input type="password" class="form-input" id="password-new-again" name="password_new_again"
                        placeholder="Wachtwoord" autocomplete="new-password">
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-primary col-12">Verander Wachtwoord</button>
            </div>
        </form>
    </div>

</div>

{% endblock %}