{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load font_awesome %}
{% block title %}{% trans "Users" %}{% endblock %}
{% block content %}
<div class="row">
    <div class="col-lg-12">
        <a href="{% url 'admin:user_create' %}" class="btn btn-success btn-header pull-right">
            {% icon 'plus' %}
        </a>
        <div class="pull-right search">
            <input id="filter" class="form-control" type="text" placeholder="{% trans "Search" %}">
        </div>
        <h1 class="page-header">{% trans "Users" %}</h1>
    </div>
</div>
{% include 'errors_block.html' %}
<div class="row">
    {% if not users %}
        <div class="col-lg-12">
            <div class="alert alert-warning alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                {% icon 'exclamation-triangle '%} <strong>{% trans "Warning" %}:</strong> {% trans "You don't have any users" %}
            </div>
        </div>
    {% else %}
        <div class="col-lg-12">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>{% trans "Username" %}</th>
                        <th>{% trans "Status" %}</th>
                        <th>{% trans "Staff" %}</th>
                        <th>{% trans "Superuser" %}</th>
                        <th>{% trans "Clone" %}</th>
                        <th>{% trans "" %}</th>
                    </tr>
                </thead>
                <tbody class="searchable">
                {% for user in users %}
                    <tr class="{% if not user.is_active %}danger{% endif %}">
                        <td>
                            {{ user.username }}
                        </td>
                        <td>
                            {% if user.is_active %}
                                {% trans "Active" %}
                            {% else %}
                                {% trans "Blocked" %}
                            {% endif %}
                        </td>
                        <td>{% if user.is_staff %}{% icon 'check' %}{% endif %}</td>
                        <td>{% if user.is_superuser %}{% icon 'check' %}</span>{% endif %}</td>
                        <td>{% if user.userattributes.can_clone_instances %}{% icon 'check' %}{% endif %}</td>
                        <td>
                            <div class="pull-right btn-group">
                                <a class="btn btn-success" title="{%trans "View Profile" %}" href="{% url 'account' user.id %}">{% icon 'eye' %}</a>
                                <a class="btn btn-primary" title="{%trans "Edit" %}" href="{% url 'admin:user_update' user.id %}">{% icon 'pencil' %}</a>
                                {% if user.is_active %}
                                    <a class="btn btn-warning" title="{%trans "Block" %}" href="{% url 'admin:user_block' user.id %}">{% icon 'stop' %}</a>
                                {% else %}
                                    <a class="btn btn-success" title="{%trans "Unblock" %}" href="{% url 'admin:user_unblock' user.id %}">{% icon 'play' %}</a>
                                {% endif %}
                                <a class="btn btn-danger" title="{%trans "Delete" %}" href="{% url 'admin:user_delete' user.id %}">{% icon 'times' %}</a>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
</div>
{% endblock content %}

{% block script %}
<script src="{% static "js/filter-table.js" %}"></script>
{% endblock script %}