{% extends "layout/default.html" %}
{% block title %}{% trans %}self service{% endtrans %}{% endblock %}
{% block content %}
            <form action="{{ url_for("selfservice") }}" method="post" class="row g-3 needs-validation">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <fieldset>
                    <legend>{% trans %}Edit User Data{% endtrans %}</legend>

                    <div class="row mb-3">
                        <label for="uid" class="form-label col-sm-2">{% trans %}uid{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="text" name="uid" id="uid" value="{{ CURRENT_USER["uid"]|e }}" disabled readonly class="form-control" aria-describedby="uidHelp">
                            <div id="uidHelp" class="form-text">{% trans %}Contact an administrator if you want to change this.{% endtrans %}</div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="cn" class="form-label col-sm-2">{% trans commonName %}name{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="text" name="cn" id="cn" value="{{ CURRENT_USER["cn"]|e }}" disabled readonly class="form-control" aria-describedby="cnHelp">
                            <div id="cnHelp" class="form-text">{% trans %}This field gets adjusted automatically based on the fields below.{% endtrans %}</div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="sn" class="form-label col-sm-2">{% trans sn %}surname{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="text" name="sn" id="sn" value="{{ CURRENT_USER["sn"]|e }}" required class="form-control">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="givenName" class="form-label col-sm-2">{% trans givenName %}given name{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="text" name="givenName" id="givenName" value="{{ CURRENT_USER["givenName"]|e }}" required class="form-control">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="mail" class="form-label col-sm-2">{% trans email %}e-mail address{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="email" name="mail" id="mail" value="{{ CURRENT_USER["mail"]|e }}" required class="form-control">
                        </div>
                    </div>

                    <input type="submit" name="userdata" value="{% trans %}Update{% endtrans %}" class="btn btn-primary mb-3"><br>
                </fieldset>
            </form>

            <form action="{{ url_for("selfservice") }}" method="post">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <fieldset>
                    <legend>{% trans %}change password{% endtrans %}</legend>

                    <div class="row mb-3">
                        <label for="current" class="form-label col-sm-2">{% trans %}current password{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="password" name="current" id="current" value="" class="form-control">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="new" class="form-label col-sm-2">{% trans %}new password{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="password" name="new" id="new" value="" class="form-control" aria-describedby="newHelp">
                            <div id="newHelp" class="form-text">{% trans %}Your new password must be atleast 12 characters long.{% endtrans %}</div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="repeat" class="form-label col-sm-2">{% trans %}repeat new password{% endtrans %}</label>
                        <div class="col-sm-10">
                            <input type="password" name="repeat" id="repeat" value="" class="form-control">
                        </div>
                    </div>

                    <input type="submit" name="passwordchange" value="{% trans %}change password{% endtrans %}" class="btn btn-primary mb-3"><br>
                </fieldset>
            </form>
{% endblock %}