{% extends 'admin.html' %}

{% load thumbnail %}

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

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

	<div class="row">
		<div class="col-lg-12">
		    {% if blocks %}
                <table class="table table-bordered table-striped">
                    <tr>
                        <th></th>
                        <th>Title</th>
        				<th>Link</th>
                        <th>Order</th>
                        <th colspan="2"></th>
                    </tr>
                    {% for block in blocks %}
                    	<tr>
                    		<td><img src="{% thumbnail block.image.image '80x80' crop %}" alt=""/></td>
                            <td>{{ block.image }}</td>
                    		<td>{{ block.link }}</td>
                    		<td>{{ block.order }}</td>
                    		<td><a href="{% url 'admin_pages_edit_block' page.id block.id %}" class="btn btn-sm btn-primary" title="Edit"><i class="glyphicon glyphicon-pencil"></i></a></td>
                    		<td><a href="{% url 'admin_pages_delete_block' page.id block.id %}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this block?');" title="Delete"><i class="glyphicon glyphicon-trash"></i></a></td>
                    	</tr>
                    {% endfor %}
        		</table>
        	{% else %}
        		<p>There are currently no blocks 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 %}