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

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

{% block body %}
    <div class="d-flex flex-row justify-content-between align-items-center">
        <div>
            {% if(searchTerm) %}
                <h1>Book search: {{ searchTerm }}</h1>
            {% else %}
                <h1>Book list</h1>
            {% endif %}
        </div>
        <div>
            <a href="{{ path('app_book_new') }}" class="btn btn-primary">Add new</a>
        </div>
    </div>



    <div id="app">
        <book-listing></book-listing>
    </div>
{% endblock %}

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