{% extends 'admin.html' %}

{% load url from future %}

{% block headtitle %}Manage Article Resources - {% 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><a href="{% url 'admin_mediacentre' %}">Mediacentre</a></li>
                <li><a href="{% url 'admin_mediacentre_articles' article.section.slug %}">Articles</a></li>
				<li class="active">Article Resources</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
    			<div class="pull-left">
    				<h1>Manage Resources for Article - {{ article }}</h1>
    			</div>
    			<div class="pull-right">
    				<h2><a href="{% url 'admin_mediacentre_add_resource' article.section.slug article.slug %}" class="btn btn-lg btn-primary">Add New Resource <i class="glyphicon glyphicon-chevron-right icon-white"></i></a></h2>
                </div>
                <div class="clearfix"></div>
            </div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
		    {% if resources %}
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Title</th>
        				<th>Resource</th>
                        <th>Order</th>
                        <th colspan="2"></th>
                    </tr>
                    {% for resource in resources %}
                    	<tr>
                    		<td>{{ resource }}</td>
                    		<td>{{ resource.resource.name }}</td>
                    		<td>{{ resource.order }}</td>
                    		<td><a href="{% url 'admin_mediacentre_edit_resource' article.section.slug article.slug resource.id %}" class="btn btn-default"><i class="glyphicon glyphicon-pencil" title="Edit"></i></a></td>
                    		<td><a href="{% url 'admin_mediacentre_delete_resource' article.section.slug article.slug resource.id %}" class="btn btn-default" onclick="return confirm('Are you sure you want to delete this resource?');" title="Delete"><i class="glyphicon glyphicon-trash"></i></a></td>
                    	</tr>
                    {% endfor %}
            
            
        		</table>
	
        	{% else %}
        		<p>There are currently no resources for this article</p>
        	{% endif %}
	
        	<h3><a href="{% url 'admin_mediacentre_articles' article.section.slug %}" class="btn btn-default">&lt; Back to Article Admin</a></h3>
        </div>
    </div>
	
	
{% endblock %}