{% extends 'manage/users/master.twig' %}
{% from 'manage/macros.twig' import permissions_table %}

{% block manage_content %}
    {% if can_manage_users %}
        <form method="post" enctype="multipart/form-data" action="">
            <div class="container">
                <div class="container__title">
                    Viewing <span style="{{ view_user.colour|html_colour }}">{{ view_user.username }}</span> ({{ view_user.user_id }})
                </div>

                <label class="form__label">
                    <div class="form__label__text">Username</div>
                    <div class="form__label__input">
                        <input class="input__text" type="text" value="{{ view_user.username }}" name="user[username]" maxlength="16">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">E-mail address</div>
                    <div class="form__label__input">
                        <input class="input__text" type="text" value="{{ view_user.email }}" name="user[email]" maxlength="255">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Title</div>
                    <div class="form__label__input">
                        <input class="input__text" type="text" value="{{ view_user.user_title }}" name="user[title]" maxlength="64">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Joined</div>
                    <div class="form__label__input">
                        <input class="input__text" readonly type="text" value="{{ view_user.created_at }}">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Last online</div>
                    <div class="form__label__input">
                        <input class="input__text" readonly type="text" value="{{ view_user.last_seen }}">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Register IP</div>
                    <div class="form__label__input">
                        <input class="input__text" readonly type="text" value="{{ 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 class="input__text" readonly type="text" value="{{ view_user.last_ip_decoded }}">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Country</div>
                    <div class="form__label__input">
                        <input class="input__text" type="text" value="{{ view_user.user_country }}" name="user[country]" maxlength="2">
                    </div>
                </label>
            </div>

            <div class="container">
                <div class="container__title">Avatar</div>

                <label class="form__label">
                    <div class="form__label__text">New Avatar</div>
                    <div class="form__label__input">
                        <input class="input__text" type="file" name="avatar[file]">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Delete Avatar</div>
                    <div class="form__label__input">
                        <input class="input" type="checkbox" name="avatar[delete]">
                    </div>
                </label>
            </div>

            <div class="container">
                <div class="container__title">Password</div>

                <label class="form__label">
                    <div class="form__label__text">New Password</div>
                    <div class="form__label__input">
                        <input class="input__text" type="password" name="password[new]">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Confirm Password</div>
                    <div class="form__label__input">
                        <input class="input__text" type="password" name="password[confirm]">
                    </div>
                </label>
            </div>

            <div class="container">
                <div class="container__title">Profile fields</div>

                {% for name, props in profile_fields %}
                    <label class="form__label">
                        <div class="form__label__text">{{ props.name }}</div>
                        <div class="form__label__input">
                            <input class="input__text" type="{{ props.type|default('text') }}" value="{{ view_user['user_' ~ name] }}" name="profile[{{ name }}]">
                        </div>
                    </label>
                {% endfor %}
            </div>

            <div class="container">
                <div class="container__title">Colour</div>

                {% set colour_is_defined = view_user is defined and view_user.user_colour is not null and not view_user.user_colour|colour_get_inherit %}

                <label class="form__label">
                    <div class="form__label__text">Custom Colour</div>
                    <div class="form__label__input">
                        <input class="input" type="checkbox" name="colour[enable]"{% if colour_is_defined %} checked{% endif %}>
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Red</div>
                    <div class="form__label__input">
                        <input class="input input--number" type="number" value="{{ colour_is_defined ? view_user.user_colour|colour_get_red : '0' }}" min="0" max="255" name="colour[red]">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Green</div>
                    <div class="form__label__input">
                        <input class="input input--number" type="number" value="{{ colour_is_defined ? view_user.user_colour|colour_get_green : '0' }}" min="0" max="255" name="colour[green]">
                    </div>
                </label>

                <label class="form__label">
                    <div class="form__label__text">Blue</div>
                    <div class="form__label__input">
                        <input class="input input--number" type="number" value="{{ colour_is_defined ? view_user.user_colour|colour_get_blue : '0' }}" min="0" max="255" name="colour[blue]">
                    </div>
                </label>
            </div>

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

            <button class="input__button" name="csrf" value="{{ csrf_token() }}">Update</button>
        </form>
    {% endif %}

    {% if can_manage_users %}
        {% if has_roles|length > 0 %}
            <form method="post" action="" class="container">
                <div class="container__title">Manage Roles</div>
                <div class="container__content">
                    <input type="hidden" name="csrf" value="{{ csrf_token() }}">

                    <label class="form__label">
                        <div class="form__label__text">Has Roles</div>
                        <div class="form__label__input">
                            <select name="manage_roles[role]" class="input__select">
                                {% for role in has_roles %}
                                    <option value="{{ role.role_id }}"{% if role.role_id == view_user.display_role %} selected{% endif %}>
                                        {{ role.role_name }}
                                    </option>
                                {% endfor %}
                            </select>
                        </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">
                <div class="container__title">Add Role</div>
                <div class="container__content">
                    <label class="form__label">
                        <div class="form__label__text">Available Roles</div>
                        <div class="form__label__input">
                            <select name="add_role[role]" class="input__select">
                                {% for role in available_roles %}
                                    <option value="{{ role.role_id }}">
                                        {{ role.role_name }}
                                    </option>
                                {% endfor %}
                            </select>
                        </div>
                    </label>

                    <button class="input__button" name="csrf" value="{{ csrf_token() }}">Add</button>
                </div>
            </form>
        {% endif %}
    {% endif %}
{% endblock %}