{% extends 'base.html' %}

{% block title %}Termine{% endblock %}
{% block header %}
<script src="{{ STATIC_URL }}js/jquery-1.7.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
    $(".events h4").click(function() {
        $(this).next().toggle('medium');
    }).next().hide();
});
-->
</script>
{% endblock %}

{%block content %}
    <h2>Termine</h2>
    <p>Hier findest du Veranstaltungen, die im sublab und dessen Umgebung stattfinden.</p>
    <h3>Veranstaltungen im sublab</h3>
    <div class="events">
    {% for event in events_source_import %}
	<h4>{{ event.start|date:"l, j. F Y H:i" }} bis {{ event.end|date:"H:i" }} Uhr: {{ event.name }}</h4>
        <p class="description">{{ event.description }}</p>
    {% endfor %}
    </div>
    {% if events_source_admin %}
    <h3>Was sonst noch los ist</h3>
    <div class="events">
    {% for event in events_source_admin %}
        <h4>{{ event.start|date:"l, j. F Y H:i" }} bis {{ event.end|date:"l, j. F Y H:i" }} Uhr: {{ event.name }}</h4>
	<p class="description">{{ event.description }}</p>
    {% endfor %}
    </div>
    {% endif %}
{% endblock content %}