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

{% block title %}{{ parent() }} - Films professionnels{% endblock %}

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

            <p class="ariane mt-2"><a href="{{ path("collections") }}">Collections</a> > Films Pro</p>

            <h1 class="my-4">films professionnels</h1>

            <p>Vous êtes un professionnel du cinéma.
            <br>Pour contacter la Cinémathèque : <a href="mailto:cinémathèque@ville-nice.fr">cinémathèque@ville-nice.fr</a></p>

            <div class="row mb-4">
                <div class="col-md-4">
                    <div class="ombres">
                        <a href="{{ path("collections") }}">
                            <img src="/uploads/statiques/collections-presentation.jpg" alt="Photo de bobine" class="img-fluid">
                            <div class="encart">
                                <h3 class="text-center">Collections :<br>présentation</h3>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="ombres">
                        <a href="{{ path("filmsamateurs") }}">
                            <img src="/uploads/statiques/films-amateurs.jpg" alt="Photo" class="img-fluid">
                            <div class="encart">
                                <h3 class="text-center">Films amateurs</h3>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="ombres">
                        <a href="{{ path("nonfilms") }}">
                            <img src="/uploads/statiques/projecteur.jpg" alt="Photo de projecteur" class="img-fluid">
                            <div class="encart">
                                <h3 class="text-center">Non films</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

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