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

{% block headtitle %}{{ homepage_settings.meta_title }}{% endblock %}
{% block meta_description %}{{ homepage_settings.meta_description }}{% endblock %}

{% block banner_extra %}
    {% if homepage_settings.banner %}
        <div id="banner" class="jumbotron hidden-xs" style="background-image:url({% thumbnail homepage_settings.banner '2200x400' crop %});">
            <div class="overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="banner_inner">
                            <div class="banner_text">
                                <h1>{{ homepage_settings.banner_title }}<br/> {{ homepage_settings.banner_subtitle }}</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block banner_mobile %}
    {% if homepage_settings.mobile_banner %}
        <div id="banner_mob" class="jumbotron visible-xs-block">
            <img class="item img-responsive fullsize" src="{% thumbnail homepage_settings.mobile_banner '768x376' crop %}" alt=""/>
            <div class="overlay"></div>

            <div class="banner_inner">
                <div class="banner_text">
                    <h1>{{ homepage_settings.banner_title }}<br/> {{ homepage_settings.banner_subtitle }}</h1>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block main_content %}

    <div id="actions">
        <div class="container" id="actions_container">
            {% if block_layout %}
                {% include block_layout.get_public_template %}
            {% endif %}
    	</div>
    </div>

    {% comment %}
    <div id="news_events">
        <div id="news_container" class="container">
            <div class="row">
                {% if news_cat %}
                    <div class="col-sm-8 col-xs-12">
                    	<h2 class="title"><a href="{% url 'media_section' news_cat.slug %}">Latest News</a></h2>
                        <div class="articles">
                            {% if news_articles %}
                                <div class="row">
                                    {% for article in news_articles %}
                                        <div class="col-xs-12 col-md-6">
                                            <div class="article {% if forloop.last %}last{% endif %}">
                                                <h3><a href="{% url 'media_article' news_cat.slug article.slug %}">{{ article }}</a></h3>
                                                <p class="date">{{ article.created|date:'jS F Y' }}</p>
                                                <p>{{ article.description }} <a href="{% url 'media_article' news_cat.slug article.slug %}">Read More</a></p>
                                            </div>
                                        </div>
                                        {% if forloop.counter == 2 %}
                                            <div class="clearfix"></div>
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            {% else %}
                                <p>There are no articles currently</p>
                            {% endif %}
                        </div>
                    </div>
                {% endif %}
                {% if events_cat %}
                    <div class="col-sm-4 col-xs-12">
                    	<h2 class="title"><a href="{% url 'media_section' events_cat.slug %}">Upcoming Events</a></h2>
                    	<div class="articles">
                            {% if event_articles %}
                                {% for article in event_articles %}
                        		    <div class="article {% if forloop.last %}last{% endif %}">
                        			    <h3><a href="{% url 'media_article' events_cat.slug article.slug %}">{{ article }}</a></h3>
                                        <p class="date">{{ article.event_date_start|date:'jS F Y' }}</p>
                        				<p>{{ article.description }} <a href="{% url 'media_article' events_cat.slug article.slug %}">View Event</a></p>
                                    </div>
                                {% endfor %}
                            {% else %}
                                <p>There are no upcoming events.</p>
                        	{% endif %}
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
    {% endcomment %}

    <div id="home_content">
        <div class="container">
            <div class="row">
                <div class="text col-md-8 col-md-offset-2">
                    {{ homepage_settings.content|safe }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}