{% extends "templates/admin.html" %}

{% block main %}

<div class="container">
    <h1>Users Area</h1>
    <table class="table table-striped">
        <thead>
            <tr>
                {% block thead %}
                {{ th("User", 'name') }}
                {{ th("Admin", 'admin') }}
                {{ th("Last Activity", 'last_activity') }}
                {{ th("Authorized", 'is_authorized') }}
                {{ th("Running (%i)" % running|length, 'running', colspan=2) }}
                {% endblock thead %}
            </tr>
        </thead>
        <tbody>
            <tr class="user-row add-user-row">
                <td colspan="12">
                    <a id="add-users" role="button" class="col-xs-2 btn btn-default">Add Users</a>
                    <span class="col-xs-offset-4 col-xs-3">
                        <a id="start-all-servers" role="button" class="btn btn-primary col-xs-5 col-xs-offset-1">Start
                            All</a>
                        <a id="stop-all-servers" role="button" class="btn btn-danger col-xs-5 col-xs-offset-1">Stop
                            All</a>
                    </span>
                    <a id="shutdown-hub" role="button" class="col-xs-2 col-xs-offset-1 btn btn-danger">Shutdown Hub</a>
                </td>
            </tr>
            {% for user in users %}
            {% for spawner in user.all_spawners() %}
            <tr class="user-row server-row" id="user-{{user.name}}" data-user="{{ user.name }}"
                data-server-name="{{spawner.name}}" data-admin="{{user.admin}}">
                {% block user_row scoped %}

                <td class="name-col col-sm-2">{{user.name}}
                    {%- if spawner.name -%}
                    /{{ spawner.name }}
                    {%- endif -%}
                </td>

                <td class="admin-col col-sm-2">
                    {%- if spawner.name == '' -%}
                    {% if user.admin %}admin{% endif %}
                    {%- endif -%}
                </td>

                <td class="time-col col-sm-2">
                    {%- if spawner.last_activity -%}
                    {{ spawner.last_activity.isoformat() + 'Z' }}
                    {%- else -%}
                    Never
                    {%- endif -%}
                </td>

                <td class="edit-col col-sm-1">
                    <a class="btn btn-xs {% if user.is_authorized %}btn-default{%- else -%}btn-jupyter{%- endif -%}" href="{{ base_url }}authorize/{{ user.name }}"
                        role="button">
                        {% if user.is_authorized %}Unauthorize{%- else -%}Authorize{%- endif -%}
                    </a>
                </td>

                <td class="server-col col-sm-1 text-center">
                    <a role="button"
                        class="stop-server btn btn-xs btn-danger{% if not spawner.active %} hidden{% endif %}">
                        stop server
                    </a>
                    <a role="button"
                        class="start-server btn btn-xs btn-primary{% if spawner.active %} hidden{% endif %}">
                        start server
                    </a>
                </td>
                <td class="server-col col-sm-1 text-center">
                    {%- if admin_access %}
                    <a role="button"
                        class="access-server btn btn-xs btn-primary{% if not spawner.active %} hidden{% endif %}">
                        access server
                    </a>
                    {%- endif %}
                </td>
                <td class="edit-col col-sm-1 text-center">
                    <a class="btn btn-xs btn-info" href="/hub/change-password/{{ user.name }}" role="button">Change Pwd</a>
                </td>
                <td class="edit-col col-sm-1 text-center">
                    {%- if spawner.name == '' -%}
                    <a role="button" class="edit-user btn btn-xs btn-primary">edit user</a>
                    {%- endif -%}
                </td>
                <td class="edit-col col-sm-1 text-center">
                    {%- if spawner.name == '' -%}
                    {#- user row -#}
                    {%- if user.name != current_user.name -%}
                    <a role="button" class="delete-user btn btn-xs btn-danger">delete user</a>
                    {%- endif -%}
                    {%- else -%}
                    {#- named spawner row -#}
                    <a role="button" class="delete-server btn btn-xs btn-warning">delete server</a>
                    {%- endif -%}
                </td>
                {% endblock user_row %}
            </tr>
            {% endfor %}
            {% endfor %}
        </tbody>
        <tfoot>
            <tr class="pagination-row">
                <td colspan="3">
                    {% if pagination.links %}
                    <div class="pagination menu">{{ pagination.links|safe }}</div>
                    {% endif %}
                </td>
                <td colspan="2" class="pagination-page-info">
                    Displaying users {{ pagination.info.start|safe }} - {{ pagination.info.end|safe }} of {{
                    pagination.info.total|safe }}
                </td>
            </tr>
        </tfoot>
    </table>
</div>

{% call modal('Delete User', btn_class='btn-danger delete-button') %}
Are you sure you want to delete user <span class="delete-username">USER</span>?
This operation cannot be undone.
{% endcall %}

{% call modal('Stop All Servers', btn_label='Stop All', btn_class='btn-danger stop-all-button') %}
Are you sure you want to stop all your users' servers? Kernels will be shutdown and unsaved data may be lost.
{% endcall %}

{% call modal('Start All Servers', btn_label='Start All', btn_class='btn-primary start-all-button') %}
Are you sure you want to start all servers? This can slam your server resources.
{% endcall %}

{% call modal('Shutdown Hub', btn_label='Shutdown', btn_class='btn-danger shutdown-button') %}
Are you sure you want to shutdown the Hub?
You can choose to leave the proxy and/or single-user servers running by unchecking the boxes below:
<div class="checkbox">
    <label>
        <input type="checkbox" class="shutdown-proxy-checkbox">Shutdown proxy
    </label>
</div>
<div class="checkbox">
    <label>
        <input type="checkbox" class="shutdown-servers-checkbox">Shutdown single-user-servers
    </label>
</div>
{% endcall %}

{% macro user_modal(name, multi=False) %}
{% call modal(name, btn_class='btn-primary save-button') %}
<div class="form-group">
    <{%- if multi -%} textarea {%- else -%} input type="text" {%- endif %} class="form-control username-input"
        placeholder="{%- if multi -%} usernames separated by lines{%- else -%} username {%-endif-%}">
        {%- if multi -%}</textarea>{%- endif -%}
</div>
<div class="checkbox">
    <label>
        <input type="checkbox" class="admin-checkbox">Admin
    </label>
</div>
{% endcall %}
{% endmacro %}

{{ user_modal('Edit User') }}

{{ user_modal('Add Users', multi=True) }}

{% endblock %}