{% extends "public/default.html" %}
{% load static %}

{% block content %}
<link rel="stylesheet" type="text/css" href="{% static "datenbank/css/index.css"%}">
<div id="datenbank_html">
    <table class="tabledatabase">
        <tr>
            <th style="width:33%"/>
            <th style="width:33%"/>
            <th style="width:33%"/>
        </tr>
        <tr class="trdatabase">
            <td class="tddatabase" colspan="3">
                <p id="description">
                    Dies ist eine Datenbank mit allen Dokumenten, die die
                    Goethopische Agentur für politische Bildung herausgebracht hat.
                    Jedes der Elemente ist auf das dazugehörige PDF-Dokument verlinkt.
                </p>
            </td>
        </tr>
        {% if rows|length == 0 %}
        <tr>
            <td class="tddatabase" colspan="3">
                <p id="description">
                    <b>Keine Einträge für den Suchbegriff "{{ query }}" gefunden.</b>
                </p>
            </td>
        </tr>
        {% endif %}
        {% for row in rows %}
        <tr class="trdatabase">
            {% for entry in row %}
            <td class="tddatabase" align="{% cycle "left" "center" "right" %}">
                <div class="polaroid">
                    <a class="thumbnail" href="{{ entry.element.url }}">
                        <img src="{{ entry.image.url }}" alt="{{ entry.title }}">
                    </a>
                    <div class="container">
                        <p>{{ entry.title }}</p>
                    </div>
                </div> 
            </td>
            {% endfor %}
        </tr>
        {% endfor %}
    </table>
</div>
{% endblock %}