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

{% block titleextra %}{{ book.title }}{% endblock %}

{% block metadescription %}{% book_title book %}. {{ block.super }}{% endblock %}

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

{% block body %}
    <h1>{% book_title book %}</h1>

    <div id="books-list">
        <div id='breadcrumbs'>
            {% if categories.author %}
                {% for tag in categories.author %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                {% endfor %}
                &#187; 
            {% endif %}
            {% for parent in parents %}
                <a href="{{ parent.get_absolute_url }}">{{ parent }}</a> &#187; 
            {% endfor %}
        </div>

        {% if extra_info.license %}
        <p>{% trans "Work is licensed under " %} <a href="{{ extra_info.license }}">{{ extra_info.license_description }}</a>.</p>
        {% endif %}
        <p>{% trans "Based on" %}: {{ extra_info.source_name }}</p>
        {% if book.has_description %}
            <div id="description">
                <div id='description-long'>{{ book.description|safe }}</div>
                <div id='description-short'>{{ book.description|safe|truncatewords_html:30 }}</div>
            </div>
            <div id="toggle-description"><p></p></div>
        {% endif %}
        <div id="formats">
            <p class="change-sets">{% trans "Put a book" %} <span><a href="{% url catalogue.views.book_sets book.urlid %}" class="jqm-trigger">{% trans "on the shelf!" %}</a></span></p>
            <div class="clearboth"></div>
            <div class="wrap">
                {% if book.has_html_file %}
                    <a class="online" href="{% url book_text book.fileid %}">{% trans "Read online" %}</a>
                {% endif %}
                <div class="download">
                    {% if book.pdf_file %}
                        <a href="{{ book.pdf_file.url }}"><img src="{{ STATIC_URL }}img/pdf.png" title="{% trans "Download PDF" %} &ndash; {% trans "for reading" %} {% trans "and printing using" %} Adobe Reader" %}" alt="{% trans "Download PDF" %}" /></a>
                    {% endif %}
                    {% if book.epub_file %}
                        <a href="{{ book.epub_file.url }}"><img src="{{ STATIC_URL }}img/epub.png" title="{% trans "Download EPUB" %} &ndash; {% trans "for reading" %} {% trans "on mobile devices" %}" alt="{% trans "Download EPUB" %}" /></a>
                    {% endif %}
                    {% if book.mobi_file %}
                        <a href="{{ book.mobi_file.url }}"><img src="{{ STATIC_URL }}img/mobi.png" title="{% trans "Download MOBI" %} &ndash; {% trans "for reading" %} {% trans "on mobile devices" %}" alt="{% trans "Download MOBI" %}" /></a>
                    {% endif %}
                    {% if book.txt_file %}
                        <a href="{{ book.txt_file.url }}"><img src="{{ STATIC_URL }}img/txt.png" title="{% trans "Download TXT" %} &ndash; {% trans "for reading" %} {% trans "on small displays, for example mobile phones" %}" alt="{% trans "Download TXT" %}" /></a>
                    {% endif %}
			
                    {% if book.pdf_file %}
			<br/><a href="#" id="custom-pdf-link">{% trans "Dowload customized PDF" %}</a>.
		    {% endif %}
			<div style="display: none" class="custom-pdf">
			  <form action="{% url catalogue.views.download_custom_pdf book.fileid %}" method="GET">
			    {{custom_pdf_form.as_p}}
			    <input type="submit" value="{% trans "Download" %}"/>
			  </form>
			</div>
                </div>
                {% if book.has_mp3_file or book.has_ogg_file or book.has_daisy_file %}
                    <p class="header">
                        <span class="desc">{% trans "Audiobooks" %}:</span>
                        <span class="audiotabs">
                            {% if book.has_mp3_file %}<span class="active" data-format="mp3">MP3</span>{% endif %}
                            {% if book.has_ogg_file %}<span data-format="ogg">Ogg Vorbis</span>{% endif %}
                            {% if book.has_daisy_file %}<span data-format="daisy">DAISY</span>{% endif %}
                        </span>
                    </p>
                    <div class="audiobooks">
                        <img src="{{ STATIC_URL }}img/speaker.png" id="speaker" alt="Speaker icon"/>
                        {% if book.has_mp3_file %}
                            <ul class="audiobook-list" id="mp3-files">
                            {% for media in book.get_mp3 %}
                                <li class="mp3Player">
                                  <a href="{{ media.file.url }}">{{ media.name }}</a><br/>
                                  {% trans "Artist" %}: {{ media.get_extra_info_value.artist_name }}<br/>
                                  {% trans "Director"%}: {{ media.get_extra_info_value.director_name }}<br/>
                                  <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="{{ STATIC_URL }}player.swf" width="226" height="20">
                                        <param name="movie" value="{{ STATIC_URL }}player.swf" />
                                        <param name="bgcolor" value="#ffffff" />
                                        <param name="FlashVars" value="mp3={{ media.file.url }}&amp;width=226&amp;showvolume=1&amp;bgcolor1=eeeeee&amp;bgcolor2=eeeeee&amp;buttoncolor=666666" />
                                    </object>
                                    
                                </li>
                            {% endfor %}
                            </ul>     
                        {% endif %}

                        {% if book.has_ogg_file %}
                            <ul class="audiobook-list" id="ogg-files">
                            {% for media in book.get_ogg %}
                                <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
                            {% endfor %}
                            </ul>
                        {% endif %}
                        {% if book.has_daisy_file %}
                            <ul class="audiobook-list" id="daisy-files">
                            {% for media in book.get_daisy %}
                                <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
                            {% endfor %}
                            </ul>
                        {% endif %}
                    </div> <!-- /audiobooks -->
                    {% if projects|length > 1 %}
                        <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
                        <ul>
                        {% for cs, fb in projects %}
                            <li>
                            {% if fb %}
                                {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
                            {% else %}
                                {{ cs }}
                            {% endif %}
                            </li>
                        {% endfor %}
                        </ul>
                    {% else %}
                        <p>
                        {% with projects.0.0 as cs %}
                        {% with projects.0.1 as fb %}
                            {% if fb %}
                                {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
                            {% else %}
                                {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
                            {% endif %}
                        {% endwith %}
                        {% endwith %}
                        </p>
                    {% endif %}
                {% endif %}
            </div>
        </div>

        {% if book_children %}
        {% autopaginate book_children 10 %}
        <div id="book-children">
            <ol>
            {% for book in book_children %}
                <li>{{ book.short_html }}</li>
            {% endfor %}
            </ol>
        </div>
        {% paginate %}
        {% endif %}

    </div>

    <div id="tags-list">
        <div id="book-info">
            <h2>{% trans "Details" %}</h2>
            <ul>
                <li>
                    {% trans "Author" %}:
                    {% for tag in categories.author %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </li>
                <li>
                    {% trans "Epoch" %}:
                    {% for tag in categories.epoch %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </li>
                <li>
                    {% trans "Kind" %}:
                    {% for tag in categories.kind %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </li>
                <li>
                    {% trans "Genre" %}:
                    {% for tag in categories.genre %}
                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </li>              
            </ul>
            <h2>{% trans "Other resources" %}</h2>
            <ul>
                {% if extra_info.source_url %}
                <li><a href="{{ extra_info.source_url }}">{% trans "Source of the book" %}</a></li>
                {% endif %}
                {% if extra_info.about and not hide_about %}
                <li><a href="{{ extra_info.about }}">{% trans "Book on the Editor's Platform" %}</a></li>
                {% endif %}
                {% if book.gazeta_link %}
                <li><a href="{{ book.gazeta_link }}">{% trans "Book description on Lektury.Gazeta.pl" %}</a></li>
                {% endif %}
                {% if book.wiki_link %}
                <li><a href="{{ book.wiki_link }}">{% trans "Book description on Wikipedia" %}</a></li>
                {% endif %}
            </ul>
            <p><a href="{{ book.xml_file.url }}">{% trans "View XML source" %}</a></p>
            <p><a href="{% url poem_from_book book.urlid %}">Miksuj ten utwór</a></p>
        </div>
        <div id="themes-list">
            <h2>{% trans "Work's themes " %}</h2>
            <ul>
            {% for theme in book_themes %}
                <li><a href="{% url book_fragments book.urlid theme.slug %}">{{ theme }} ({{ theme.count }})</a></li>
            {% endfor %}
            </ul>
        </div>
        <div class="clearboth"></div>
    </div>
{% endblock %}