{% extends "public.html" %}
{% load thumbnail %}

{% block main_content %}

    <div class="row">
        
        <div class="col-sm-4" id="col_left">
            {% block left_content %}{% endblock %}
            {% if sidebar_blocks %}
                <div id="sidebar_blocks" class="hidden-xs">
                     {% for block in sidebar_blocks %}
                        <div class="action {{ block.block_type }}_action" style="{% if block.image %}background-image: url('{% if block.block_type == 'small' %}{{ block.image|thumbnail:'345x258' }}{% elif block.block_type == 'wide' %}{{ block.image|thumbnail:'720x258' }}{% elif block.block_type == 'large' %}{{ block.image|thumbnail:'720x530' }}{% elif block.block_type == 'tall' %}{{ block.image|thumbnail:'1095x530' }}{% endif %}');{% endif %}">
                            <div class="action_inner">
                                <h2><a href="{{ block.link }}">{{ block.name }}</a></h2>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
        
        <div class="col-sm-8" id="col_right">
            {% block title %}{% endblock %}
            {% if messages %}
                <div class="row">
                    <div class="col-xs-12">
                    {% for message in messages %}
                        <div class="alert alert-dismissable alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %}">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            {{ message|safe }}
                        </div>
                    {% endfor %}
                    </div>
                </div>
            {% endif %}
            {% block content %}{% endblock %}
        </div>
    </div>
    
{% endblock %}