{% extends "bootstrap/base.html" %}
{% import "bootstrap/fixes.html" as fixes %}

{% block styles %}
{{ super() }}
<link href="{{ url_for('static', filename='search.css') }}" rel="stylesheet">
{% endblock styles %}

{% block content %}
<div class="container">
    <hgroup class="mb20">
        <h1>{%trans%}Search results{%endtrans%}</h1>
        <h2 class="lead">{% trans num = books|length%}{{num}} result was found for{%pluralize%}{{num}} results were found for{% endtrans %} <strong>{{ query }}</strong></h2>
    </hgroup>

    {% if not books %}

    {%trans%}Sorry, no books matching your query{%endtrans%}

    {% else %}

    <section class="search-results col-xs-12 col-sm-12 col-md-12 col-lg-12">
    {% for b in books %}
    <article class="search-result row">
        <div class="hidden-xs col-sm-2 col-md-2 col-lg-2">
		{# TODO: cover image #}
		<a href="{{ b['link'] }}"
			title="{{ b['_id'] }}">
			<i class="glyphicon glyphicon-book"
				style="font-size: 400%"></i>
		</a>
        </div>
        <div class="col-xs-12 col-sm-5 col-md-6 col-lg-6 excerpet">
            <h3><a href="{{ b['link'] }}" title="{{ b['title'] }}">
                    {{ b['title'] }}
            </a></h3>
        </div>
        <div class="col-xs-12 col-sm-5 col-md-4 col-lg-4">
            <ul class="meta-search">
                {# TODO: default_locale.languages[b['language']] #}
                {% if 'location' in b %}
		<li><i class="glyphicon glyphicon-globe"></i>
			<span title="{{ b['location'] }}">
				{{ b['location'] | truncate(length=40) }}
			</span></li>
                {% endif %}
            </ul>
        </div>
        <span class="clearfix border"></span>
    </article>
    {% endfor %}
    </section>

    {% endif %}

</div>
{% endblock content %}