{% extends 'manage/users/master.twig' %}
{% from 'macros.twig' import container_title %}
{% from 'manage/macros.twig' import permissions_table %}
{% from '_layout/input.twig' import input_csrf, input_text, input_checkbox, input_file, input_select, input_colour %}

{% set site_link = '/profile.php?u=' ~ manage_user.user_id %}

{% block manage_content %}
    <div class="manage__user"{% if manage_user is defined %} style="{{ manage_user.user_colour|html_colour('--accent-colour') }}"{% endif %}>
        {% if manage_notices|length > 0 %}
            <div class="warning">
                <div class="warning__content">
                    {% for notice in manage_notices %}
                        <p>{{ notice }}</p>
                    {% endfor %}
                </div>
            </div>
        {% endif %}

        {% if can_manage_users %}
            <form method="post" action="" class="container manage__user__container">
                {{ container_title('Editing ' ~ manage_user.username ~ ' (' ~ manage_user.user_id ~ ')') }}
                {{ input_csrf('users_edit') }}

                <div class="manage__user__details">
                    <label class="form__label">
                        <div class="form__label__text">Username</div>
                        <div class="form__label__input">
                            {{ input_text('user[username]', 'manage__user__input', manage_user.username, 'text', '', true, {'maxlength':16}) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">E-mail address</div>
                        <div class="form__label__input">
                            {{ input_text('user[email]', 'manage__user__input', manage_user.email, 'text', '', true, {'maxlength':255}) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Title</div>
                        <div class="form__label__input">
                            {{ input_text('user[title]', 'manage__user__input', manage_user.user_title, 'text', '', false, {'maxlength':64}) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Joined</div>
                        <div class="form__label__input">
                            {{ input_text('', 'manage__user__input', manage_user.user_created) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Last online</div>
                        <div class="form__label__input">
                            {{ input_text('', 'manage__user__input', manage_user.user_active) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Register IP</div>
                        <div class="form__label__input">
                            {{ input_text('', 'manage__user__input', manage_user.register_ip_decoded) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Last IP</div>
                        <div class="form__label__input">
                            {{ input_text('', 'manage__user__input', manage_user.last_ip_decoded) }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Country</div>
                        <div class="form__label__input">
                            {{ input_text('user[country]', 'manage__user__input', manage_user.user_country, 'text', 'XX', true, {'maxlength':2,'minlength':2}) }}
                        </div>
                    </label>


                    <label class="form__label">
                        <div class="form__label__text">New Password</div>
                        <div class="form__label__input">
                            {{ input_text('password[new]', 'manage__user__input', '', 'password') }}
                        </div>
                    </label>

                    <label class="form__label">
                        <div class="form__label__text">Confirm Password</div>
                        <div class="form__label__input">
                            {{ input_text('password[confirm]', 'manage__user__input', '', 'password') }}
                        </div>
                    </label>
                </div>

                <div class="manage__user__details">
                    <label class="form__label">
                        <div class="form__label__text">Custom Colour</div>
                        <div class="form__label__input">
                            {{ input_checkbox('colour[enable]', '', manage_user.user_colour is not null and not manage_user.user_colour|colour_inherit) }}
                        </div>
                    </label>

                    {{ input_colour('colour[hex]', '', manage_user.user_colour|default(0)|colour_hex) }}
                </div>

                <div class="manage__user__buttons">
                    <button class="input__button manage__user__button">Save</button>
                    <button class="input__button manage__user__button" type="reset">Reset</button>
                </div>
            </form>


            {% if can_manage_perms %}
                <form method="post" action="" class="container manage__user__container">
                    {{ container_title('Permissions for ' ~ manage_user.username ~ ' (' ~ manage_user.user_id ~ ')') }}
                    {{ input_csrf('users_edit') }}

                    {{ permissions_table(permissions, true) }}

                    <div class="manage__user__buttons">
                        <button class="input__button manage__user__button">Save</button>
                        <button class="input__button manage__user__button" type="reset">Reset</button>
                    </div>
                </form>
            {% endif %}
        {% endif %}

        {% if can_manage_users %}
            {% if has_roles|length > 0 %}
                <form method="post" action="" class="container">
                    {{ container_title('Manage Roles') }}
                    {{ input_csrf('users_edit') }}

                    <div class="container__content">
                        <label class="form__label">
                            <div class="form__label__text">Has Roles</div>
                            <div class="form__label__input">
                                {{ input_select('manage_roles[role]', has_roles, manage_user.display_role, 'role_name', 'role_id') }}
                            </div>
                        </label>

                        <button class="input__button" name="manage_roles[mode]" value="display">Set Display</button>
                        <button class="input__button" name="manage_roles[mode]" value="remove">Remove</button>
                    </div>
                </form>
            {% endif %}

            {% if available_roles|length > 0 %}
                <form method="post" action="" class="container">
                    {{ container_title('Add role') }}
                    {{ input_csrf('users_edit') }}

                    <div class="container__content">
                        <label class="form__label">
                            <div class="form__label__text">Available Roles</div>
                            <div class="form__label__input">
                                {{ input_select('add_role[role]', available_roles, '', 'role_name', 'role_id') }}
                            </div>
                        </label>

                        <button class="input__button">Add</button>
                    </div>
                </form>
            {% endif %}
        {% endif %}
    </div>
{% endblock %}