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

{% block title %}{{ parent() }} - Collections{% endblock %}

{% block body %}
    <div class="container-fluid">

        <div class="container">

            <h1 class="my-4">Erreur 404 : page non trouvée</h1>

            <p class="lead">Cette page n'existe pas, n'existe plus, ou a été déplacée.</p>

            <p>Vous pouvez vous retrouver dans le site grâce au plan ci-dessous :</p>

            <ul class="mr-auto">
                <li>
                    <a href="/programme">Programme</a>
                </li>
                <li>
                    <span>
                        Jeune public
                    </span>
                    <ul>
                        <li><a href="/jeune-public/presentation">Présentation</a></li>
                        <li><a href="/jeune-public/programmation">Programmation mensuelle</a></li>
                        <li><a href="/jeune-public/atelier-du-film-d-animation">Atelier du film d'animation</a></li>
                        <li><a href="/jeune-public/animation-scolaire">Animation scolaire</a></li>
                    </ul>
                </li>
                <li>
                    <span>Vidéos</span>
                    <ul>
                        {% for videoCategorie in videocategories_repo.findAll() %}
                            <li><a href="{{ path('categorievideos', {'categorieSlug': videoCategorie.slug}) }}">{{ videoCategorie.nom }}</a></li>
                        {% endfor %}
                    </ul>
                </li>
                <li>
                    <a href="/documentation">Documentation</a>
                </li>
                <li>
                    <span>
                        Collections
                    </span>
                    <ul>
                        <li><a href="/collections/presentation">Présentation</a></li>
                        <li><a href="/collections/films-amateurs">Films amateurs</a></li>
                        <li><a href="/collections/films-professionnels">Films professionnels</a></li>
                        <li><a href="/collections/non-films">Non films</a></li>
                    </ul>
                </li>
                <li>
                    <span>
                        La Cinémathèque
                    </span>
                    <ul>
                        <li><a href="/la-cinematheque/historique">Historique</a></li>
                        <li><a href="/la-cinematheque/infos-pratiques">Infos pratiques</a></li>
                    </ul>
                </li>
            </ul>

            <p class="text-center"><img src="{{ asset('img/404.jpg') }}" alt="" class="img-fluid mt-4"></p>

        </div>
    </div>
{% endblock %}