{% 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 Sections</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class="page-header">
				<h1>Manage Sections for <small>{{ page }}</small></h1>
				<h2><a href="{% url 'admin_pages_section_new' page.id %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Section</a></h2>
            </div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">

        	{% if sections %}
                <table class="table table-bordered table-striped">
                    <tr>
                        <th>Title</th>
                        <th>Order</th>
                        <th colspan="3"></th>
                    </tr>
                    {% for section in sections %}
                    	<tr>
                    		<td>{{ section }}</th>
                    		<td>{{ section.order }}</td></th>
                    		<td><a href="{% url 'admin_page_section_resources' page.id section.id %}" title="Resources" class="btn btn-sm btn-default">Resources ({{ section.get_resources.count }})</a></td>

                    		<td><a href="{% url 'admin_pages_section_edit' page.id section.id %}"  class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil" title="Edit"></i></a></td>
                    		<td><a href="{% url 'admin_pages_section_delete' page.id section.id %}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this section?');" title="Delete"><i class="glyphicon glyphglyphicon glyphicon-trash"></i></a></td>
                    	</tr>
                    {% endfor %}
        		</table>
	
        	{% else %}
        		<p>There are currently no sections in 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 %}