{% extends "admin.html" %}

{% load url from future %}

{% block members_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><a href="{% url 'admin_members' %}">Members</a> </li>
				<li class="active">Member Groups</li>
			</ul>
		</div>
	</div>
    
    <div class="row">
        <div class="col-lg-12">
            <div class="pull-left">
                <h1>Manage Member Groups</h1>
            </div>
			<div class="pull-right">
                <h2><a href="{% url 'admin_member_group_add' %}" title="Add New Group" class="btn btn-lg btn-primary">Add New Group<i class="glyphicon glyphicon-chevron-right"></i></a></h2>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
    
            {% if member_groups %}

            	<table class="table table-bordered table-striped">
         			<thead>
         				<tr>
         					<th>Name</th>
         					<th>Order</th>
         					<th colspan="2"></th>
         				</tr>
         			</thead>
            		<tbody>
            		    {% for group in member_groups %}
            		        <tr>
            		            <td>{{ group.name }}</td>
            		            <td>{{ group.order }}</td>
            		            <td><a href="{% url 'admin_member_group_edit' group.id %}" class="btn btn-default" title="Edit"><i class="glyphicon glyphicon-pencil"></i></a></td>
            		            <td><a href="{% url 'admin_member_group_delete' group.id %}" class="btn btn-default" title="Delete" onclick="return confirm('Are you sure you want to delete this member group?');"><i class="glyphicon glyphicon-trash"></i></a></td>
            		        </tr>
            		    {% endfor %}
                    </tbody>
                </table>
    
            {% endif %}
        </div>
    </div>

{% endblock %}