List of all the books added as a separate page.

templates/base.html.twig

@@ -26,10 +26,10 @@
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                 <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="{{ path('app_book_index') }}">Home</a>
+                    <a class="nav-link active" aria-current="page" href="{{ path('app_book_index') }}">Books</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="#">Link</a>
+                    <a class="nav-link" href="{{ path('app_file_index') }}">Files</a>
                 </li>
                 <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"

templates/book/show.html.twig

@@ -67,7 +67,7 @@
 
             </tbody>
         </table>
-        <files></files>
+        <files :book-id="{{ book.id }}"></files>
     </div>
 
     {{ form_start(file_form) }}

templates/file/index.html.twig

@@ -3,7 +3,10 @@
 {% block title %}Hello FileController!{% endblock %}
 
 {% block body %}
-    <div id="app"></div>
+    <div id="app">
+        <files></files>
+    </div>
+
 {% endblock %}
 
 {% block javascripts %}