{% extends 'base.html.twig' %}

{% block title %}Book index{% endblock %}

{% block body %}
    <div id="app">
        <div class="d-flex flex-row justify-content-between align-items-center">
            <div>
                <book-listing-header></book-listing-header>
            </div>
            <div>
                <a href="{{ path('app_book_new') }}" class="btn btn-primary">Add new</a>
            </div>
        </div>

        <book-listing></book-listing>
    </div>
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('book') }}
{% endblock %}