{% extends "base2col.html" %}
{% load events %}
{% load thumbnail %}
{% load staticfiles %}

{% block extraheader %}
    <link rel="stylesheet" href="{% static 'reserved/css/bootstrap-image-gallery.min.css' %}">
{% endblock extraheader %}

{% block breadcrumb %}{% endblock breadcrumb %}


{% block content %}
<h2>Concerti {{ year|date:"Y" }}</h2>
<ul class="list-unstyled">
    {% for evt in object_list %}
        <li class="media event-separator">
            {% if evt.locandina %}
            <div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery">
                {% thumbnail evt.locandina "100x140" crop="center" as im %}
                    <a href="{{ evt.locandina.url }}" class="pull-left" data-gallery="gallery"><img class="media-object event"  src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" /></a>
                {% endthumbnail %}
            </div></a>
            {% else %}
                <a class="pull-left" href="#"><img class="media-object event" style="width:100px;" width="100" src="/static/website/img/canticorum-logo_128.jpg"></a>
            {% endif %}
        <div class="media-body" style="padding-left: 10px;">
            <h4 class="media-heading"><a id="{{ evt.slug }}">{{ evt.titolo }}</a></h4>
            <p>{{ evt.evt_date|date:"d F Y" }}</p>
            <p>{{ evt.luogo }}</p>
            <p><strong>{{ evt.descrizione|safe }}</strong></p>
            {% if evt.programma_sala %}
            <p class="pull-right"><a class="btn btn-primary" target="_blank" href="{{ evt.programma_sala.url }}"><i class="icon-download icon-white"></i> PROGRAMMA</a></p>
            {% endif %}
        </div>
    </li>
    {% endfor %}
</ul>

<!-- pagination -->
{% if is_paginated %}
<div class="pagination pagination-medium pull-right">
    <ul>
        {% if page_obj.has_previous %}
        <li><a href="?page={{ page_obj.previous_page_number }}">Prev</a></li>
        {% endif %}
        {% if page_obj.has_next %}
        <li><a href="?page={{ page_obj.next_page_number }}">Next</a></li>
        {% endif %}
    </ul>
</div>
{% endif %}
<!-- /pagination -->

{% endblock content %}

{% block sidebar %}

<div class="well">
    {% render_year_links %}
</div>
{% endblock sidebar %}


{% block extrabody %}
        <script src="{% static 'reserved/js/load-image.js' %}"></script>
        <script src="{% static 'reserved/js/bootstrap-image-gallery.min.js' %}"></script>
        
        {% include "reserved/snippet_modal_gallery.html" %}
        
{% endblock extrabody %}