{% extends "base.html" %}
{% block content %}
<h3 class="text-center mb-4"><img style="width: 3em; height: 3em" src="/static/login.svg"></h3>
{% with messages = get_flashed_messages() %}
  {% for message in messages %}
    <div class="alert alert-danger" role="alert">{{ message }}</div>
  {% endfor %}
{% endwith %}
<form method="post">

  <input class="form-control mb-3" name="password_old" type="password" placeholder="Old Password" required>
  <input class="form-control mb-3" name="password_new1" type="password" placeholder="New Password" required>
  <input class="form-control mb-3" name="password_new2" type="password" placeholder="Repeat" required>
    <input
    type="image"
    src="/static/save.svg"
    alt="Save"
    style="width: 2em; height: 2em;"
  >

</form>
{% endblock %}