{% extends 'admin.html' %}

{% load url from future %}



{% block pages_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_pages' %}">Pages</a></li>
				<li class="active">Page Resources</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
				<h1>Manage Resources for <small>{{ page }}</small></h1>
				<h2><a href="{% url 'admin_pages_resource_new' page.id %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Resource</a></h2>
            </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_pages_resource_edit' page.id resource.id %}" class="btn btn-sm btn-primary" title="Edit"><i class="glyphicon glyphicon-pencil"></i></a></td>
                    		<td><a href="{% url 'admin_pages_resource_delete' page.id resource.id %}" class="btn btn-sm btn-danger" 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 page</p>
        	{% endif %}
	
        	<h3><a href="{% url 'admin_pages' %}" class="btn btn-default"><i class="glyphicon glyphicon-chevron-left"></i> Back to Page Admin</a></h3>
        </div>
    </div>
	
	
{% endblock %}