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

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

{% block body %}
    <div class="d-flex">

        <div>

            {% if file_exists(asset('book_covers/cover_' ~ book.id ~ '.jpg')) %}
                <img class="img-thumbnail"
                     style="max-width: 80px"
                     src="{{ asset('book_covers/cover_' ~ book.id ~ '.jpg' ) }}"/> {% endif %}
        </div>
        <div class="mx-3">
            <h1>{{ book.title }}</h1>
            <h3>{{ book.subtitle }}</h3>
            <p>{{ book.author }}</p>
            <p>{% for i in range(1, book.rating) %}⭐{% endfor %}</p>
        </div>
    </div>

    <table class="table">
        <tbody>
        <tr>
            <th>Category</th>
            <td colspan="3">{{ book.category }}</td>
        </tr>
        <tr>
            <th>Description</th>
            <td colspan="3">{{ book.description | nl2br }}</td>
        </tr>
        <tr>
            <th>Publisher</th>
            <td>{{ book.publisher }}</td>
            <th>Publish date</th>
            <td>{{ book.publishDate ? book.publishDate|date('Y-m-d') : '' }}</td>
        </tr>
        <tr>
            <th>Isbn</th>
            <td>{{ book.isbn }}</td>
            <th>Pages</th>
            <td>{{ book.pages }}</td>
        </tr>
        <tr>
            <th>Tags</th>
            <td colspan="3">{{ book.tags }}</td>
        </tr>
        <tr>
            <th>Series</th>
            <td colspan="3">{{ book.series }} {{ book.volume }}</td>
        </tr>
        <tr>
            <th>Language</th>
            <td colspan="3">{{ book.language }}</td>
        </tr>
        </tbody>
    </table>

    <div id="app">
        <files></files>
    </div>

    {{ form_start(file_form) }}
    {{ form_widget(file_form) }}
    {{ form_end(file_form) }}

    <a href="{{ path('app_book_index') }}">back to list</a>

    <a href="{{ path('app_book_edit', {'id': book.id}) }}">edit</a>

    {{ include('book/_delete_form.html.twig') }}
{% endblock %}


{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('files') }}
{% endblock %}