{% extends "admin.html" %}

{% load staticfiles %}

{% block blocks_active %}active{% endblock %}

{% block headscript %}
	<script type="text/javascript" src="{% static 'lib/ckeditor/ckeditor.js' %}"></script>
{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <ul class="breadcrumb">
                <li><a href="{% url 'admin' %}">Admin</a></li>
                <li>Homepage Content</li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="page-title">
                <h1>Homepage Content</h1>
            </div>
        </div>
    </div>

	<div class="row">
		<div class="col-lg-12">
            <h2><a href="{% url 'admin_blocks_edit_homepage_content' %}">Edit Homepage Content</a></h2>
		</div>
	</div>

    <h2>Content</h2>

    {% if background_areas %}
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Order</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for background_area in background_areas %}
                    <tr>
                        <td>{{ background_area }}</td>
                        <td>{{ background_area.order }}</td>
                        <td><a href="{% url 'admin_blocks_edit_background_area' background_area.id %}" class="btn btn-primary" title="Edit Content Area"><i class="glyphicon glyphicon-pencil"></i></a></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    <h2>Blocks</h2>

    <h3><a href="{% url 'admin_blocks_add_join_reason' %}" class="btn btn-success btn-lg" title="Add Join Reason"><i class="glyphicon glyphicon-plus"></i> Add Block</a></h3>

    {% if background_areas %}
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Order</th>
                    <th colspan="2"></th>
                </tr>
            </thead>
            <tbody>
                {% for join_reason in join_reasons %}
                    <tr>
                        <td>{{ join_reason }}</td>
                        <td>{{ join_reason.order }}</td>
                        <td><a href="{% url 'admin_blocks_edit_join_reason' join_reason.id %}" class="btn btn-primary" title="Edit Block"><i class="glyphicon glyphicon-pencil"></i></a></td>
                        <td><a href="{% url 'admin_blocks_delete_join_reason' join_reason.id %}" class="btn btn-danger" title="Delete Block" onclick="return confirm('Are you sure you want to delete this block?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    <h2>Banners</h2>

    <h3><a href="{% url 'admin_blocks_add_banner' %}" class="btn btn-success btn-lg" title="Add Banner"><i class="glyphicon glyphicon-plus"></i> Add Banner</a></h3>

    {% if home_banners %}
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Text</th>
                    <th>Order</th>
                    <th>Link</th>
                    <th colspan="2"></th>
                </tr>
            </thead>
            <tbody>
                {% for banner in home_banners %}
                    <tr>
                        <td>{{ banner }}</td>
                        <td>{{ banner.order }}</td>
                        <td>{{ banner.link }}</td>
                        <td><a href="{% url 'admin_blocks_edit_banner' banner.id %}" class="btn btn-primary" title="Edit Banner"><i class="glyphicon glyphicon-pencil"></i></a></td>
                        <td><a href="{% url 'admin_blocks_delete_banner' banner.id %}" class="btn btn-danger" title="Delete Banner" onclick="return confirm('Are you sure you want to delete this block?');"><i class="glyphicon glyphicon-trash"></i></a></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}


{% endblock %}