{% extends "custom_page/event/base.html" %}

{% load flatblock_tags pagination_tags thumbnail %}

{% block title %}{{ block.super }}{% endblock %}
{% block content_title %}{% endblock %}

{%block head%}
    EVENT LIST
{%endblock%}

{% block content %}
    <div class="clear margin-top47"></div>
    <div class="left width300 post_list margin-right35 margin-top27">
        {% include "custom_page/side.html" %}
    </div>
    <div class="width550 left">
        <div class="title-kuning font14 margin-top35">
            UPCOMING EVENTS
        </div>
        <hr class="margin-bottom13 garis-abu">
        
        {% if next_event %}
            {% for event in next_event %}
                <div class="left">
                {%if event.get_thumbnail%}
                    <img src = "{% thumbnail event.get_thumbnail 187x134 crop%}">
                {%endif%}
                </div>
                <div class="left margin-left25">
                    <span class="date left font11">
                        {{ event.date_of_event|date:"M d, Y" }}
                    </span>
                    <div class="clear margin-bottom8"></div>
                    <div class="red font24 margin-bottom10">
                        <a href="{{ event.get_absolute_url }}" class="read-more nyala">
                            {{event.title}}
                        </a>
                    </div>
                    <div class="font12 width300">
                        {{event.get_description_peek|safe|truncatewords:25}}<br>
                        <a href="{{ event.get_absolute_url }}" class="read-more left margin-top15">
                            Read more
                        </a>
                    </div>
                </div>
                <div class="clear"></div>
                <hr class="margin-bottom15 garis-abu">		
            {% endfor %}
        {% endif %}
        
        <div class="title-kuning font14 margin-top35">
            PREVIOUS EVENTS
        </div>
        <hr class="margin-bottom13 garis-abu">
        {% autopaginate prev_event 5 %}
            {% if prev_event %}
	            {% for event in prev_event %}
	                <div class="left">
                    {%if event.get_thumbnail%}
	                    <img src = "{% thumbnail event.get_thumbnail 187x134 crop%}">
                    {%endif%}
	                </div>
	                <div class="left margin-left25">
	                    <span class="date left font11">
	                        {{ event.date_of_event|date:"M d, Y" }}
                        </span>
                        <div class="clear margin-bottom8"></div>
	                    <div class="red font24 margin-bottom10">
	                        <a href='{{ event.get_absolute_url }}' class="read-more nyala">
	                            {{event.title}}
                            </a>
                        </div>
	                    <div class="font12 width300">
	                        {{event.get_description_peek|safe|truncatewords:25}}<br>
	                        <a href='{{ event.get_absolute_url }}' class="read-more left margin-top15">
	                            Read more
                            </a>
                        </div>
	                </div>
	                <div class="clear"></div>
	                <hr class="margin-bottom15 garis-abu">		
	            {% endfor %}
            {% endif %}
        {% paginate %}
    </div>
    <div class="clear margin-bottom20"></div>
    {% if is_paginated %}
        {% include "blog/includes/pagination.html" %}
    {% endif %}      
{% endblock %}