{% extends "admin.html" %}

{% load thumbnail %}

{% 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_blocks_homepage_blocks' %}">Homepage Blocks</a></li>
                <li>Banners</li>
            </ul>
        </div>
    </div>
    
    <div class="row">
        <div class="col-lg-12">
            <div class="page-header">
                <h1>Banners for Homepage Block: {{ homepage_block.name }}</h1>
                <h3><a href="{% url 'admin_blocks_add_banner' homepage_block.id %}" class="btn btn-lg btn-success"><i class="glyphicon glyphicon-plus"></i> Add New Banner</a></h3>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            
            {% if banners %}
				<table class="table table-bordered table-striped">
	                <thead>
	                    <tr>
	                        <th>Image</th>
	                        <th>Title</th>
                            <th>Subtitle</th>
                            <th>Link</th>
	                        <th></th>
	                    </tr>
	                </thead>
	                <tbody>
	                    {% for banner in banners %}
	                        <tr>
	                            <td><img src="{{ banner.image|thumbnail:'50x50' }}" alt=""/></td>
	                            <td>{{ banner.title }}</td>
                                <td>{{ banner.sub_title }}</td>
                                <td>{{ banner.link }}</td>
	                            <td class="text-right">
                                    <a href="{% url 'admin_blocks_edit_banner' homepage_block.id banner.id %}" title="Edit Banner" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-pencil"></i></a>
                                    <a href="{% url 'admin_blocks_delete_banner' homepage_block.id banner.id %}" title="Delete Banner" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this banner?';)"><i class="glyphicon glyphicon-trash"></i></a>
                                </td>
	                        </tr>
	                    {% endfor %}
	                </tbody>
	            </table>
			{% else %}
				<p>There are no Banners</p>
			{% endif %}
        </div>
    </div>


{% endblock %}