{% extends "admin.html" %}

{% load url from future %}

{% block headtitle %}Manage Mediacentre - {% endblock %}

{% block mediacentre_active %}class="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">Mediacentre</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
			<div class="page-header">
				<h1>Manage Mediacentre</h1>
			</div>
		</div>
	</div>
	
	<div class="row">
	    <div class="col-lg-12">
            {% if sections %}
                <table class="table table-bordered table-striped">
            		<thead>
            			<tr>
            				<th>Section</th>
            				<th>URL</th>
            				<th colspan="3"></th>
            			</tr>
            		</thead>
            		<tbody>
            			{% for section in sections %}
            			<tr>
            				<td>{{ section }}</td>
            				<td>{% url 'media_section' section.slug %}</td>
            				<td><a href="{% url 'admin_mediacentre_articles' section.slug %}" title="Manage Articles" class="btn btn-sm btn-default">Manage Articles ({{ section.get_articles|length }})</td>
            				<td><a href="{% url 'admin_mediacentre_edit_section' section.slug %}" title="Edit section {{ section }}" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil"></i></a></td>
            			</tr>
            			{% endfor %}
            		</tbody>
            	</table>
            {% else %}
                <p>There are no sections setup</p>
        	{% endif %}
	    </div>
	</div>
	
	
{% endblock %}