{% 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('/excerpt/' + docnum + '/' + term,
                function(data) {
                    ui.newContent.children("div.excerpt").html(data);
                }
              );

              /* update image preview */
              var frontpage = jQuery(this).parent().parent().find("img.frontpage");
              frontpage.attr('src', '/static/ajax-loader.gif');
              frontpage.load(function() {
                  frontpage.attr('src', '/page/image/' + docnum);
              });

              /* scroll image preview */
              var offset = ui.newHeader[0].offsetTop - frontpage.parent()[0].offsetTop;
              frontpage.parent().css({paddingTop: offset+"px"});
            });
        });
    </script>
{% endblock %}
{% block content %}
    {% if matches %}
        Matched {{ matches.__len__() }} Book{% if matches.__len__() > 1 %}s{% endif %}
        {% for docnum, matches in matches.items() %}
            <h2 asd="foo"> <a href="{{ url_for("do_book_file", docnum=docnum) }}">book: {{ docnum }}</a> </h2>
            <div class="book">
                <div class="c_frontpage">
                    <img class="frontpage" src="{{ url_for("do_book_frontpage", docnum=docnum) }}"/>
                </div>
                <div class="description">
                    filename, creationtime, indexed-time, +any pdf metadata
                </div>
                <div class="c_matches">
                <div class="matches">
                    {% for match in 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]) }}">Download page as Image</a>
                            </div>
                            <div class="excerpt"></div>
                        </div>
                    {% endfor %}
                </div>
                </div>
                <br style="clear: both;"/>
            </div>
        {% endfor %}
    {% endif %}
{% endblock %}