{% extends "base.html.twig" %}

{% block title %}Edit account{% endblock %}

{% block content %}
    <h2>Account: {{ accountUsername }}</h2>

    <p>
        <b>Actions:</b>
        <a href="/accounts/{{ id }}">View</a> |
        <span>Edit</span> |
        <a href="/accounts/{{ id }}/delete">Delete</a> |
        <a href="mailto:{{ accountUsername }}">Send mail</a>
    </p>

    <h3>Edit account data</h3>

    <form action="/accounts/{{ id }}/edit" method="POST">
        {% if error is defined %}
        <div class="error_box">
            <h4>Error</h4>
            {{ error }}
        </div>
        {% endif %}

        <div class="edit_box">
            <h4>Username</h4>
            <table>
                <tr>
                    <td>Current username:</td>
                    <td>{{ accountData['username'] }}</td>
                </tr>
                <tr>
                    <td><label for="edit_username">New username:</label></td>
                    <td><input id="edit_username" name="username"/></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label><input type="checkbox" name="username_create_alias"> Create alias for old username</label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label><input type="checkbox" name="username_replace_alias"> Replace existing alias</label>
                    </td>
                </tr>
            </table>
        </div>

        <div class="edit_box">
            <h4>Password</h4>
            <p>The new password will be hashed using the current default hash algorithm.</p>
            <table>
                <tr>
                    <td><label for="edit_password">New password:</label></td>
                    <td><input type="password" id="edit_password" name="password"/></td>
                </tr>
                <tr>
                    <td><label for="edit_password_repeat">Repeat password:</label></td>
                    <td><input type="password" id="edit_password_repeat" name="password_repeat"/></td>
                </tr>
            </table>
        </div>

        <div class="edit_box">
            <h4>Account status</h4>
            <table>
                <tr>
                    <td>Current status:</td>
                    <td>{{ accountData['is_active'] == '1' ? '<span class="green">Active</span>' : '<span class="red">Inactive</span>' }}</td>
                </tr>
                <tr>
                    <td>New status:</td>
                    <td>
                        <label>
                            <input type="checkbox" name="is_active" {{ accountData['is_active'] == '1' ? 'checked' : '' }}/> Active
                        </label>
                    </td>
                </tr>
            </table>
        </div>

        <div class="edit_box">
            <h4>Home directory</h4>
            <p><b>Important:</b> Changing the home directory here will <b>NOT</b> move any existing mail data, this needs to be done
                manually!</p>
            <table>
                <tr>
                    <td>Current home directory:</td>
                    <td><span class="gray">/srv/vmail/</span>{{ accountData['home_dir'] }}</td>
                </tr>
                <tr>
                    <td><label for="edit_home_dir">New home directory:</label></td>
                    <td>
                        <span class="gray">/srv/vmail/</span><input id="edit_home_dir" name="home_dir"/>
                    </td>
                </tr>
            </table>
        </div>

        <div class="edit_box">
            <h4><label for="edit_memo">Admin memo</label></h4>
            <p>This field is only readable by admins.</p>
            <table>
                <tr>
                    <td><label for="edit_memo">Admin memo:</label></td>
                    <td><textarea id="edit_memo" name="memo" style="min-width: 40em;">{{ accountData['memo'] }}</textarea></td>
                </tr>
            </table>
        </div>

        <button type="submit">Save changes</button>
        <button type="reset">Reset form</button>
    </form>
{% endblock %}