{% extends "baseCentre.html.twig" %}

{% block title %}Lycée agricole d'Auxerre la Brosse | Terres de l'Yonne{% endblock %}

{% block body %}
    <div class="home">
        <div class="carousel-home">
            <div class="item">
                <img src="{{ asset('images/diapo-lycee-agricole-la-brosse.jpg') }}" alt="grappe raisin">
            </div>
        </div>
    </div>

    {% include "centre/lyceeBrosse/_menu.html.twig" %}

    <div class="fil-ariane">
        <div class="container">
            <span><b>Vous êtes ici</b> : <a href="{{ path('index') }}">Accueil</a> | <a href="">Lycée la Brosse</a> | <a href="">Présentation</a></span>
        </div>
    </div>

    <div class="presentation-cfa centre-labrosse p60">
        <div class="container">
            {% include "centre/lyceeBrosse/_rs.html.twig" %}
            <div class="title">
                <img src="{{ asset('images/forme-titre/vert.svg') }}" alt="Forme vert" class="forme">
                <h1>Lycée agricole d'Auxerre la Brosse</h1>
            </div>

            <div class="row">
                <div class="col-md-7 col-lg-7">
                    <p>
                        Le lycée La Brosse, centre de l'EPL des Terres de l'Yonne propose des filières générales et
                        technologiques, des filières professionnelles ainsi que des formations supérieures. De la 3ème
                        agricole au BTS Anabiotec, les cursus proposés sont tournés vers les métiers de l'agriculture et
                        les métiers scientifiques.<br>
                        • Filières Générales et Technologiques,<br>
                        • Filières Professionnelles,<br>
                        • Formations Supérieures.
                        <br><br>
                        Vous pouvez nous contacter par téléphone au 03 86 94 60 00 ou venir nous rencontrer rue de
                        la brosse à Venoy (89290) aux horaires d'ouverture :
                        <br><br>
                        • Lundi : 8h à 12h – 13h15 à 17h<br>
                        • Mardi : 8h à 12h - 13h15 à 17h<br>
                        • Mercredi : 8h à 12h - 13h15 à 17h<br>
                        • Jeudi : 8h à 12h - 13h15 à 17h<br>
                        • Vendredi : 8h à 12h - 13h15 à 17h
                    </p>
                </div>

                <div class="col-md-5 col-lg-5 video">
                    <iframe class="video-frame" src="https://www.youtube.com/embed/-LpwiT28h40" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    <img src="{{ asset('images/svg/rond-fond-video-lb.svg') }}" class="rond" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="filieres-et-formations cfa p60" id="filiere">
        <div class="container">
            <div class="title">
                <img src="{{ asset('images/forme-titre/vert.svg') }}" alt="Forme vert" class="forme">
                <h1>Les filières et formations proposées par le lycée agricole la Brosse</h1>
            </div>
            <div class="row">
                <div class="col-sm formation">
                    <a href="/nos-filieres-et-formations?domaines=2&niveau=&centre=3&statut=&voieFormation=">
                        <img src="{{ asset('images/filiere-formations/formation-agriculture.png') }}" alt="Photo agricultrice à coté d'un champs">
                        <span class="theme violet">
                            Agriculture & agronomie
                    </span>
                    </a>
                </div>

                <div class="col-sm formation">
                    <a href="/nos-filieres-et-formations?domaines=7&niveau=&centre=3&statut=&voieFormation=">
                        <img src="{{ asset('images/filiere-formations/formation-paysager.png') }}" alt="Personne qui taille une haie">
                        <span class="theme orange2">
                            aménagement paysager
                        </span>
                    </a>
                </div>

                <div class="col-sm formation">
                    <a href="/nos-filieres-et-formations?domaines=10&niveau=&centre=3&statut=&voieFormation=">
                        <img src="{{ asset('images/filiere-formations/sciences-laboratoire-lyceelabrosse.png') }}" alt="Groupe d'étudiant">
                        <span class="theme bleu">
                            Sciences & laboratoire
                        </span>
                    </a>
                </div>

                <div class="col-sm formation">
                    <a href="/nos-filieres-et-formations?domaines=1&niveau=&centre=3&statut=&voieFormation=">
                        <img src="{{ asset('images/filiere-formations/3e-enseignement-agricole-lyceelabrosse.png') }}" alt="Peronne s'occupant d'une vigne">
                        <span class="theme violet2">
                            filière générale
                        </span>
                    </a>
                </div>

                <div class="col-sm formation">
                    <a href="/nos-filieres-et-formations/3e-de-l-enseignement-agricole-5">
                        <img src="{{ asset('images/filiere-formations/filiere-generale-lyceelabrosse.png') }}" alt="Fille qui caresse un cheval">
                        <span class="theme or">
                            3e de l'enseignement agricole
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="actualites p80" id="actualite">
        <div class="container">
            <div class="title">
                <img src="{{ asset('images/forme-titre/vert.svg') }}" alt="Forme vert" class="forme">
                <h2>L'actualité du lycée agricole la Brosse</h2>
            </div>

            <a href="{{ path('actuality.index') }}" class="btn btn-gris">Voir toutes les actus</a>

            <div class="row">
                <div class="carousel-actu owl-carousel">
                    {% for actualite in actualites %}
                        <div class="item">
                                <div class="actu {% for centre in actualite.centres %}{{ centre.nom }}{% endfor %}">
                                {% for photo in actualite.photos|slice(0, 1) %}
                                    <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" class="img-border" alt="{{ actualite.titre }}">
                                {% endfor %}
                                <h3>{{ actualite.titre }}</h3>
                                <p>
                                    {{ actualite.contenu|striptags|slice(0, 210)|raw }}{% if actualite.contenu|length > 210 %}[...]{% endif %}
                                </p>
                                <a href="{{ path('actuality.show', {slug: actualite.slug, id: actualite.id}) }}" class="btn btn-vert">Lire l'article</a>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>

            {% if actualites|length > 1 %}
                <img src="{{ asset('images/svg/forme-grise-fond-actu.svg') }}" class="forme-grise" alt="Forme grise aléatoire">  
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        $('.carousel-actu').owlCarousel({
            loop:true,
            margin:20,
            dots: true,
            autoplay: true,
            autoplayTimeout: 5000,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:2
                },
                1000:{
                    items:3
                }
            }
        })
    </script>
{% endblock %}