{% extends 'index.html' %}
{% load static %}
{% block main %}
<main>
    <div class="search-container">
        <search>
            <form onsubmit="submitSearch(event)" class="search-bar">
            <input type="search" id="searchInput" placeholder="Suche nach Titel" minlength="3">
            </form>
        </search>
        <small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ allbooks_count }} Bücher.</a> </small>
        <a href="javascript:void(window.open('{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern">
            <img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
        </a>
        <a href="https://github.com/eneller/epub2go-web" title="Projekt auf GitHub ansehen">
            <img src="{% static 'github.svg' %}" alt="GitHub" class="header-icon">
        </a>
    </div>
    <table id="table">
    <caption>{{ page.paginator.count }} Ergebnisse gefunden:</caption>
        <thead>
            <tr>
                <th></th>
                <th>Titel (anklicken zum herunterladen)</th>
                <th>Autor</th>
            </tr>
        </thead>
        <tbody>
        {% for item in page.object_list %} 
            <tr class="table-entry">
            <td>
                <a href= {{ item.url }} target="_blank" rel="noopener noreferrer" class="table-link">
                    <img src="{% static 'open-link.svg' %}" alt="Open Link" class="inline-icon">
                </a>
            </td>
            <td class="table-data">
                <a href="./?t= {{ item.url }}" class="table-link">
                {{ item.title }}
                </a>
            </td> 
            <td>
                <a> {{ item.author }}</a>
            </td>
            </tr>
        {% endfor %} 
        </tbody>
    </table>
    {% if page.has_other_pages %}
    <div class="pagination">
        {% if page.has_previous %}
            <a onclick="window.location.href = buildURI(1)" href="#"> &lt;&lt; </a>
            <a onclick="window.location.href = buildURI('{{ page.previous_page_number }}')" href="#"> &lt; </a>
        {% endif %}
        {% if page.has_next %}
            <a onclick="window.location.href = buildURI('{{ page.next_page_number }}')" href="#"> &gt; </a>
            <a onclick="window.location.href = buildURI('{{ page.paginator.num_pages }}')" href="#"> &gt;&gt; </a>
        {% endif %}
    </div>
    {% endif %}
</main>
{% endblock %}