{% extends "admin/components/input-forms.html" %}

{% block content %}
    <div class="form-container">
        <form name="form-update-account" class="form-display form-post" action="{{ url_for(request.endpoint, **request.view_args) }}" data-rel-success="{{ url_for('admin._home') }}">
            {% include "admin/components/server-alerts.html" %}
            <h2 class="form-heading">Update Your Account</h2>
            {{ form.hidden_tag() }}
            <div class="form-label-group">
                Please confirm <strong>your current password</strong> before making any changes to your user account.
            </div>
            <div class="form-label-group">
                {{ form.password_confirm(class_="form-control", placeholder="Current Password", value = user.email, autofocus=true) }}
                {{ form.password_confirm.label }}
            </div>
            <div class="form-label-group">
                You can use this panel to update your email address or password.
            </div>
            <div class="form-label-group">
                {{ form.email(class_="form-control", placeholder="Email Address", value = user.email) }}
                {{ form.email.label }}
            </div>
            <div class="form-label-group">
                {{ form.password(class_="form-control", placeholder="Password") }}
                {{ form.password.label }}
            </div>
            <div class="form-label-group">
                {{ form.password_reenter(class_="form-control", placeholder="Password") }}
                {{ form.password_reenter.label }}
            </div>
            {% include "admin/components/client-alerts.html" %}
            <div class="container form-submission-button">
                <div class="row">
                    <div class="col text-center">
                        <a href="{{ url_for('admin._users') }}" class="btn btn-md btn-danger btn-block" type="button">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
                                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
                            </svg>
                            <span>
                                Cancel
                            </span>
                        </a>
                        <button class="btn btn-md btn-primary btn-block" type="submit">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-lines-fill" viewBox="0 0 16 16">
                                <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z"/>
                            </svg>
                            <span>
                                Update
                            </span>
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
{% endblock %}