{% extends "admin.html" %}

{% block users_active %}active{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <ul class="breadcrumb">
                <li><a href="{% url 'admin' %}">Admin</a></li>
                <li class="active">Admin Groups</li>
            </ul>
        </div>
    </div>
    
    <div class="row">
        <div class="col-lg-12">
            <div class="page-header">
                <h1>Manage Admin Groups</h1>
                <h2><a href="{% url 'admin_groups_add_group' %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add Admin Group</a></h2>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-lg-12">
            
            {% if groups %}            
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th colspan="2"></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for group in groups %}
                            <tr>
                                <td>{{ group }}</td>
                                <td><a href="{% url 'admin_groups_edit_group' group.id %}" title="Edit Group" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil"></i></a></td>
                                <td><a href="{% url 'admin_groups_delete_group' group.id %}" title="Delete Group" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this group?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% endif %}
            
        </div>
    </div>
    
{% endblock %}