{% extends 'base.html' %}

{% block content %}

<div class="large-8 medium-8 columns special-column">
    {% if events.image %}
	<img src="{{events.image_url}}">
    {% endif %}
	<div class="index-text">
	<h4><a href="{{ events.get_absolute_url }}/" class="big-title">{{events.title}} </a></h4>
	<p> {{events.formatted_header|safe}} </p>
	<p> {{events.formatted_body|safe}} </p>
	{% if gallery %}
	<h6><strong>Gallery: {{gallery.title}}</strong></h6>
	<ul class="clearing-thumbs" data-clearing>
	{% for photo in gallery.public %}
	  <li><a href="{{ photo.get_absolute_url }}"><img src="{{ photo.get_thumbnail_url }}"></a></li>
	{% endfor %}
	{% endif %}
	</ul>
</div>
</div>



	<div class="large-4 medium-4 columns">
		{% if events.children.all %}
		<h4 class="sidebar-h4"> Related </h4>
		{% for child in events.children.all %}
		<div class="row related-row">
		<div class="small-6 columns">
			<img src="{{ child.image_url }}">
		</div>
		<div class="small-6 columns">
		<h6><a href="{{ child.get_absolute_url }}" class="sidebar-title"> {{child}} </a> </h6>
		<h6 class="sidebar-date">
            <font color="#ef4e5c">
                <b> {{ child.datestart }} {% if child.dateend %} - {{child.dateend}} {% endif %} </b>
            </font>
            {% if content.place %}<br/>{{content.place}}{% endif%}
            </h6>

		</div>
		</div>
		{% endfor %}
		{% endif %}
		<h4 class="sidebar-h4">Events </h4>
		<div class="row">
		
		{% for events in latest_content_list %}
		    
		    <div class="row right-items">
			    <div class="small-6 columns">
			        <a href="{{ events.get_absolute_url }}/"> <img src="{{ events.image_url }}"> </a>
			    </div>
			    <div class="small-6 columns">
			        <a href="{{ events.get_absolute_url }}/" class="sidebar-title"  >{{ events.title }}</a>
			         <h6 class="sidebar-date"> <font color="#ef4e5c"> <b> {{ events.datestart }} </b></font> <br/></h6>
			          <p> {{events.header|striptags|truncatechars:200|safe}} </p>
			    </div>
			</div>
		    

		{% endfor %}
			
				</div>
			</div>		

{% endblock %}