{% extends "base.html" %}
{% load catalogue_tags %}

{% block title %}Lektura {{ book.title }} w WolneLektury.pl{% endblock %}

{% block bodyid %}book-detail{% endblock %}

{% block extrahead %}
    <script type="text/javascript">
        $(function() {
            $('#toggle-description').hover(
                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
                function() { $(this).css({background: '#EEE'}); }
            ).click(function() {
                if ($('#description').hasClass('hidden')) {
                    $('#description').slideDown('fast').removeClass('hidden');
                    $('p', this).html('Zwiń opis ▲');
                } else {
                    $('#description').slideUp('fast').addClass('hidden');
                    $('p', this).html('Rozwiń opis ▼');
                }
            });
        });
    </script>
{% endblock %}

{% block body %}
    <h1>{{ book.title }}, {{ categories.author|join:", " }}</h1>
    <form action="{% url main_page %}" method="get" accept-charset="utf-8" id="search-form">
        <p>{{ form.q }} <input type="submit" value="Szukaj" /> <strong>lub</strong> <a href="{% url main_page %}">wróć do strony głównej</a></p>
    </form>
    
    <div id="books-list">
        {% if book.has_description %}
            <div id="description">
                {{ book.description|safe }}
            </div>
            <div id="toggle-description"><p>Zwiń opis ▲</p></div>
        {% endif %}
        <div id="formats">
            <ul>
            {% if book.pdf_file %}
                <li><a href="{{ book.pdf_file.url }}">Pobierz plik PDF</a></li>
            {% endif %}
            {% if book.odt_file %}
                <li><a href="{{ book.odt_file.url }}">Pobierz plik ODT</a></li>
            {% endif %}
            {% if book.html_file %}
                <li><a href="{{ book.html_file.url }}">Pobierz plik HTML</a></li>
            {% endif %}
            </ul>
        </div>
    
        {% if book.children.all %}
        <div id="book-children">
            <h2>Utwory składające się na ten utwór:</h2>
            {% for book in book.children.all %}
                <li><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></li>
            {% endfor %}
        </div>
        {% endif %}
    
    </div>
        
    <div id="tags-list">
        <div id="book-info">
            <h2>O utworze</h2>
            <ul>
                <li>
                    Autor: 
                    {% for tag in categories.author %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
                    {% endfor %}
                </li>
                <li>
                    Epoka:
                    {% for tag in categories.epoch %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
                    {% endfor %}
                </li>
                <li>
                    Rodzaj:
                    {% for tag in categories.kind %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
                    {% endfor %}
                </li>
                <li>
                    Gatunek:
                    {% for tag in categories.genre %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
                    {% endfor %}
                </li>
            </ul>
        </div>
        <div id="themes-list">
            {% if categories.theme %}
                <h2>Motywy w utworze</h2>
                <ul>
                {% for theme in categories.theme %}
                    <li>{{ theme }}</li>
                {% endfor %}
                </ul>
            {% endif %}
        </div>
        <div class="clearboth"></div>
    </div>
{% endblock %}