{% extends "_base.html" %}
{% block title %}
    {% if term: %}{{ term }}{% else %}Start a new Search{% endif %}
{% endblock %}
{% block searchValue %}{{ term }}{% endblock %}
{% block javascript %}
    <script>
        jQuery(document).ready(function() {
            // createa accordion for all books
            var acc = jQuery("div.book div.matches").accordion({active:false, autoHeight:false});
            // accordion change handler
            acc.bind('accordionchangestart', function(event, ui) {
              var docnum = ui.newContent.find("p.docnum").text();
              var term = ui.newContent.find("p.term").text();
              /* load excerpt */
              jQuery.get("{{ url_for("do_excerpt", docnum=-9999, term="TERM") }}".replace("-9999", docnum).replace("TERM", term),
                function(data) {
                    ui.newContent.children("div.excerpt").html(data);
                }
              );
              /* update image preview */
              var frontpage = jQuery(this).parent().parent().find("img.frontpage");
              var loader = jQuery(this).parent().parent().find("div.loader");
              frontpage.attr('src', "{{ url_for("do_page_image",docnum=-9999) }}".replace("-9999", docnum));
              frontpage.hide();
              loader.show()
              frontpage.load(function() {
                  loader.hide();
                  frontpage.show();
              });
            });
            acc.bind('accordionchange', function(event, ui) {
                /* align image preview to current match */
                var frontpage = jQuery(this).parent().parent().find("img.frontpage");
                var offset = ui.newHeader[0].offsetTop - frontpage.parent()[0].offsetTop;
                frontpage.parent().animate({paddingTop: offset});
            });
        });
    </script>
{% endblock %}
{% block content %}
    Matched {{ books.__len__() }} Book{% if books.__len__() > 1 %}s{% endif %} in {{ "%0.0f"|format(time*1000) }}ms. 
    {% if books %}
        {% for docnum, book in books.items() %}
            <h2 asd="foo">
                {{ book['filename'] }}
                {% if book['title'] %}
                    (<small>
                        {{ book['title'] }}
                    </small>)
                {% endif %}
                <a href="{{ url_for("do_book_file", docnum=docnum) }}" title="Download {{docnum}}">
                    ↸
                </a>
            </h2>
            <div class="book">
                <div class="c_frontpage">
                    <img class="frontpage" src="{{ url_for("do_book_frontpage", docnum=docnum) }}"/>
                    <div class="loader">
                        <img class="ajaxLoader" src="{{ url_for("static", filename="ajax-loader.gif") }}"/>
                        Loading..
                    </div>
                </div>
                <div class="description">
                    filename, creationtime, indexed-time, +any pdf metadata
                </div>
                <div class="c_matches">
                <div class="matches">
                    {% for match in book['matches'] %}
                        <h3>
                            <a href="#">Match at page {{ match[2] }}</a>
                        </h3>
                        <div class="match">
                            <p class="docnum" style="display:none;">{{ match[0] }}</p>
                            <p class="term" style="display:none;">{{ term}}</p>
                            <div class="toolbar">
                                <a href="{{ url_for("do_page_file", docnum=match[0]) }}">Download page as PDF</a>
                                -
                                <a href="{{ url_for("do_page_image", docnum=match[0], size=1500) }}">Download page as Image</a>
                            </div>
                            <div class="excerpt"></div>
                        </div>
                    {% endfor %}
                </div>
                </div>
                <br style="clear: both;"/>
            </div>
        {% endfor %}
    {% endif %}
{% endblock %}