{% 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 %}

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

{% block manage_content %}
    {% if can_manage_users %}
        <form method="post" enctype="multipart/form-data" action=""{% if view_user is defined %} style="{{ view_user.user_colour|html_colour('--accent-colour') }}"{% endif %}>
            {{ input_csrf('users_edit') }}

            <div class="container">
                {{ container_title('Viewing ' ~ view_user.username ~ ' (' ~ view_user.user_id ~ ')') }}

                <label class="form__label">
                    <div class="form__label__text">Username</div>
                    <div class="form__label__input">
                        {{ input_text('user[username]', '', view_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]', '', view_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]', '', view_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('', '', view_user.user_created) }}
                    </div>
                </label>

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

                <label class="form__label">
                    <div class="form__label__text">Register IP</div>
                    <div class="form__label__input">
                        {{ input_text('', '', view_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('', '', view_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]', '', view_user.user_country, 'text', 'XX', true, {'maxlength':2,'minlength':2}) }}
                    </div>
                </label>
            </div>

            <div class="container">
                {{ container_title('Avatar') }}

                <label class="form__label">
                    <div class="form__label__text">New Avatar</div>
                    <div class="form__label__input">
                        {{ input_file('avatar[file]') }}
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Delete Avatar</div>
                    <div class="form__label__input">
                        {{ input_checkbox('avatar[delete]') }}
                    </div>
                </label>
            </div>

            <div class="container">
                {{ container_title('Password') }}

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

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

            <div class="container">
                {{ container_title('Colour') }}

                {% set colour_props = view_user.user_colour|default(constant('MSZ_COLOUR_INHERIT'))|colour_props %}

                <label class="form__label">
                    <div class="form__label__text">Custom Colour</div>
                    <div class="form__label__input">
                        {{ input_checkbox('colour[enable]', '', colour_props.inherit) }}
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Red</div>
                    <div class="form__label__input">
                        {{ input_text('colour[red]', '', colour_props.red, 'number', '', false, {'min':0,'max':255}) }}
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Green</div>
                    <div class="form__label__input">
                        {{ input_text('colour[green]', '', colour_props.green, 'number', '', false, {'min':0,'max':255}) }}
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Blue</div>
                    <div class="form__label__input">
                        {{ input_text('colour[blue]', '', colour_props.blue, 'number', '', false, {'min':0,'max':255}) }}
                    </div>
                </label>
            </div>

            {% if can_manage_perms %}
                <div class="container">
                    {{ container_title('Permissions') }}
                    {{ permissions_table(permissions) }}
                </div>
            {% endif %}

            <button class="input__button">Update</button>
        </form>
    {% 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, view_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 %}
{% endblock %}