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

{% block title %}Ressources | Terres de l'Yonne{% endblock %}

{% block body %}
    <div class="fil-ariane">
        <div class="container">
            <span><b>Vous êtes ici</b> : <a href="{{ path('index') }}">Accueil</a> | Ressources</span>
        </div>
    </div>

    <div class="liens-utiles p80">
        <div class="container">
            <div class="title">
                <img src="{{ asset('images/forme-titre/bleu.svg') }}" alt="Forme bleu" class="forme">
                <h1>Liens utiles</h1>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <h2>Vos outils du qutidien</h2>
                    <div class="liens">
                        <a href="https://lpa-champs-sur-yonne.eclat-bfc.fr/" target="_blank">ENT-Pronote (Champs)</a>
                        <a href="https://legtpa-d-auxerre.eclat-bfc.fr" target="_blank">ENT-Pronote (La Brosse)</a>
                        <a href="https://0890849p.esidoc.fr/" target="_blank">ESI-DOC CDI (Champs)</a>
                        <a href="https://0890045r.esidoc.fr/" target="_blank">ESI-DOC CDI (La Brosse)</a>
                        <a href="https://agri89.ymag.cloud/" target="_blank">Net Yparéo (CFA - CFPPA)</a>
                        <a href="https://etpbfc.ymag.cloud/" target="_blank">Net Yparéo (École des TP)</a>
                    </div>
                </div>

                <div class="col-md-4">
                    <h2>Nous choisir</h2>
                    <div class="liens">
                        <a href="https://www.parcoursup.fr/" target="_blank">Parcoursup</a>
                        <a href="https://www.ac-dijon.fr/affectationenlycee" target="_blank">Affelnet</a>
                    </div>
                </div>

                <div class="col-md-4">
                    <h2>L'enseignement agricole</h2>
                    <div class="liens">
                        <a href="https://chlorofil.fr/" target="_blank">Chlorofil</a>
                        <a href="https://educagri.fr/" target="_blank">Educagri</a>
                        <a href="https://www.laventureduvivant.fr/" target="_blank">L'aventure du vivant</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="partenaires p80">
        <div class="container">
            <div class="title">
                <img src="{{ asset('images/forme-titre/rose.svg') }}" alt="Forme rose" class="forme">
                <h2>Partenaires, financeurs, prescripteurs...</h2>
            </div>
            <div class="carousel-partenaire owl-carousel">
                <div class="item">
                    <a href="https://agriculture.gouv.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-ministere-agri.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://www.bourgognefranchecomte.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-bfc.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://www.europe-bfc.eu/" target="_blank"><img src="{{ asset('images/partenaires/logo-europe-sengage.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="http://www.mairie-venoy.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-venoy.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://www.yonne.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-conseil-departemental-yonne.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://www.agglo-auxerrois.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-communaute-auxerrois.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://www.pole-emploi.fr/accueil/" target="_blank"><img src="{{ asset('images/partenaires/logo-pole-emploi.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://missionslocales-bfc.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-missions-locales.jpg') }}" alt="Logo ministère de l'agriculture"></a>
                </div>
                <div class="item">
                    <a href="https://www.ocapiat.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-ocapiat.png') }}" alt="Logo Ocapiat"></a>
                </div>
                <div class="item">
                    <a href="https://www.vivea.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-vivea.png') }}" alt="Logo Vivea"></a>
                </div>
                <div class="item">
                    <a href="https://www.constructys.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-constructys.png') }}" alt="Logo Constructys"></a>
                </div>
                <div class="item">
                    <a href="https://www.capemploi-89.com/" target="_blank"><img src="{{ asset('images/partenaires/logo-cap-emploi.png') }}" alt="Logo Cap Emploi"></a>
                </div>
                <div class="item">
                    <a href="https://www.agefiph.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-agefiph.png') }}" alt="Logo AGEFIPH"></a>
                </div>
                <div class="item">
                    <a href="https://www.francecompetences.fr/" target="_blank"><img src="{{ asset('images/partenaires/logo-france-competences.png') }}" alt="Logo France compétences"></a>
                </div>
                <div class="item">
                    <a href="https://bourgogne.msa.fr/lfp" target="_blank"><img src="{{ asset('images/partenaires/logo-msa.jpg') }}" alt="Logo MSA"></a>
                </div>
            </div>
        </div>
    </div>

    <div class="reseau-epl p80">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="title">
                        <img src="{{ asset('images/forme-titre/vert.svg') }}" alt="Forme vert" class="forme">
                        <h1>Le réseau EPL Agri BFC</h1>
                    </div>

                    <p>
                        EPL Agri est le réseau des établissements d'enseignement agricole publics de Bourgogne Franche-Comté. Créé en 2020, il compte actuellement 17 Établissements Publics Locaux 
                        (10 en Bourgogne et 7 en Franche-Comté) dont nous faisons parti.
                        <br><br>
                        L'objectif de ce réseau est d'aider chaque EPL à sa promotion auprès des structures, salons, forums ou encore sur les réseaux sociaux par la création de contenus visuel, 
                        vidéos métier, publications/stories promotionnelles... Pour exemple, en Novembre 2021, le regroupement des EPL sous le réseau EPL Agri BFC a permis d'obtenir à « Studyrama » 
                        (Dijon et Besançon) un stand de 12m linéaire proposant des ateliers, des dégustations, des jeux concours et apportant de l'attractivité autour du stand.
                    </p>
                </div>
                <div class="col-md-5">
                    <img src="{{ asset('images/logo-groupe-epl.png') }}" alt="Logos EPL Agri">
                </div>
            </div>
        </div>
    </div>
{% endblock %}

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