{% extends "custom_page/gallery/base.html" %}
{% load flatblock_tags %}
{% load thumbnail %}
{% block title %}{{ block.super }}{% endblock %}

{% block content_title %}GALLERY LIST{% endblock %}
{%block head%}GALLERY LIST{%endblock%}

{% block content %}
    <div class="clear margin-top30"></div>
    <div class = "gallery_list left width892 margin-bottom10 margin-left14">
        <div class="margin-top35 left width300 post_list margin-right35">	
            <div class="font12">
                <div class="font37 nyala margin-bottom3">
                    Latest Gallery Added
                </div>
                From the event
                <p class="red margin-bottom12 font18">
                    <a href='{{ galleries.0.event.get_absolute_url }}' class="red">
                        {{ galleries.0.event }}
                    </a>
                </p>
            </div>
            <div class="font12">
                Albums:<br> 
                {% for gallery in galleries.0.event.imagegallery_set.all %}
                    <span class = "red">
                        <a href='{{ gallery.get_absolute_url }}' class ="red no_bold">
                            {{ gallery.name }}{% if not forloop.last %}, {% endif %}
                        </a>
                    </span>
                {% endfor %}
            </div>
        </div>

        <div class="width550 left margin-top35">
            {% for image in galleries.0.imagefile_set.all|slice:':1' %}
                <a href='{{ galleries.0.get_absolute_url }}'>
                    <div class="image-gallery1">
                        <img src={% thumbnail image.image 550x370%}>
                    </div>
                </a>
            {% endfor %}
        </div>
        <div class="clear"></div>
        <div class="title-kuning margin-top30 font14">OTHER GALLERIES</div>
        <hr class="garis-abu margin-bottom3"></hr>
    </div>
    <div class="clear"></div>
    {% if object_list|length > 1 %}
        {% for gallery in galleries|slice:'1:' %}
            <div class = "gallery_list left width892 margin-bottom20 margin-left14">
                <div class="left width300 post_list margin-right35">
	                <div class="font12">
	                    From the event<br>
	                    <span class="red font18">
	                        <a href ='{{ gallery.event.get_absolute_url }}' class="red">
	                            {{ gallery.event }}
                            </a>
                        </span>
                    </div>
	                <div class="font12">
			            <p class="margin-top14">
			                Albums:<br> 
			                {% for child_gallery in gallery.event.imagegallery_set.all %}
		                        <span class = "red">
		                            <a href='{{ child_gallery.get_absolute_url }}' class ="red no_bold">
		                                {{ gallery.name }}{% if not forloop.last %}, {% endif %}
	                                </a>
                                </span>
			                {% endfor %}
			            </p>
		            </div>
	            </div>
	            <div class="width550 left">
	                {% with gallery.event.imagegallery_set.all.0 as main_gallery %}
	                    {% for image in main_gallery.imagefile_set.all|slice:':4' %}
		                    <a href='{{ main_gallery.get_absolute_url }}'>
		                        <div class="gallery-thumb left">
		                            <img src={% thumbnail image.image 100x120 crop%}>
	                            </div>
                            </a>
		                {%endfor%}
		            {% endwith %}
	            </div>	
                <div class="clear"></div>
                <hr class="garis-abu"></hr>
            </div>
            <div class="clear"></div>
        {% endfor %}
    {% endif %}
{% endblock %}