{% extends "base.html" %}
{% block title %}{{ page.title }} - {{ SITENAME }}{% endblock %}

{% block breadcrumbs %}
    {% if DISPLAY_BREADCRUMBS %}
    <ol class="breadcrumb">
        <li><a href="{{ SITEURL }}" title="{{ SITENAME }}"><i class="fa fa-home fa-lg"></i></a></li>
        <li class="active">{{ page.title }}</li>
    </ol>
    {% endif %}
{% endblock %}

{% block content %}
    <section id="content" class="body">
        <h1 class="entry-title">{{ page.title }}</h1>
        {% import 'includes/translations.html' as translations with context %}
        {{ translations.translations_for(page) }}
        {% if PDF_PROCESSOR %}
            <a href="{{ SITEURL }}/pdf/{{ page.slug }}.pdf">
                get the pdf
            </a>
        {% endif %}
        <div class="entry-content">
        {% for album, images in page.gallery.iteritems() %}
        <h2><a name="{{ album }}">{{ album }}</a></h2>

            <table class="gallery_table">
                <tr>
                {% for image in images %}
                   <td><a class="{{ album }} cboxElement" href="{{ SITEURL }}/images/gallery/{{ album }}/{{ image }}"><img src="{{ SITEURL }}/images/thumbs/{{ album }}/{{ image }}"></a></td>
                    {% if (loop.index % GALLERY_IMG_PER_ROW) == 0 %}
                </tr>
                <tr>
                    {% endif %}
                {% endfor %}
                </tr>
            </table>


<!--
        <ul>
            {% for image in images %}
            <li><a class="{{ album }} cboxElement" href="{{ SITEURL }}/images/gallery/{{album}}/{{ image }}" title="{{ image }}"><img src="{{ SITEURL }}/images/thumbs/{{album}}/{{ image }}"></a></li>
            {% endfor %}
        </ul> -->
        {% endfor %}
        </div>
    </section>
{% endblock %}

