{% extends "layout.html" %}
{% load i18n %}

{% block title %}{% trans "Discover" %}{% endblock %}

{% block content %}

<header class="block">
    <h1 class="title has-text-centered">{% trans "Discover" %}</h1>
</header>

<section class="tile is-ancestor">
    <div class="tile is-vertical">
        <div class="tile is-parent">
            <div class="tile is-child box has-background-white-ter">
                {% include 'discover/large-book.html' with status=large.0 %}
            </div>
        </div>
        <div class="tile">
            <div class="tile is-parent is-6">
                <div class="tile is-child box has-background-white-ter">
                    {% include 'discover/small-book.html' with status=small.0 %}
                </div>
            </div>
            <div class="tile is-parent is-6">
                <div class="tile is-child box has-background-white-ter">
                    {% include 'discover/small-book.html' with status=small.1 %}
                </div>
            </div>
        </div>
    </div>
    <div class="tile is-vertical">
        <div class="tile">
            <div class="tile is-parent is-6">
                <div class="tile is-child box has-background-white-ter">
                    {% include 'discover/small-book.html' with status=small.2 %}
                </div>
            </div>
            <div class="tile is-parent is-6">
                <div class="tile is-child box has-background-white-ter">
                    {% include 'discover/small-book.html' with status=small.3 %}
                </div>
            </div>
        </div>
        <div class="tile is-parent">
            <div class="tile is-child box has-background-white-ter">
                {% include 'discover/large-book.html' with status=large.1 %}
            </div>
        </div>
    </div>
</section>


{% endblock %}