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

{% block navbar %}

    <!-- Heading -->
    <div class="sidebar-heading">
        Gestion Personnes
    </div>

    <!-- Nav Item - Pages Collapse Menu -->
    <li class="nav-item">
        <a class="nav-link collapsed" href={{asset('#')}} data-toggle="collapse" data-target="#etudi"
            aria-expanded="true" aria-controls="etudi">
            <i class="fas fa-fw fa-cog"></i>
            <span>Etudiants</span>
        </a>
        <div id="etudi" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Gestion - Etudiants :</h6>
                <a class="collapse-item" href={{path('enseiListerEtudiant')}}>Mes étudiants</a>
            </div>
        </div>
    </li>

    <li class="nav-item">
        <a class="nav-link collapsed" href={{asset('#')}} data-toggle="collapse" data-target="#ensei"
            aria-expanded="true" aria-controls="ensei">
            <i class="fas fa-fw fa-cog"></i>
            <span>Enseignants</span>
        </a>
        <div id="ensei" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Gestion - Enseignants :</h6>
                <a class="collapse-item" href={{path('enseiListerEnseignant')}}>Mes collègues</a>
            </div>
        </div>
     </li>

    <!-- Divider -->
    <hr class="sidebar-divider">

    <!-- Heading -->
    <div class="sidebar-heading">
        Divers
    </div>

    <!-- Nav Item - Pages Collapse Menu -->
    <li class="nav-item">
        <a class="nav-link collapsed" href={{asset('#')}} data-toggle="collapse" data-target="#cours"
            aria-expanded="true" aria-controls="cours">
            <i class="fas fa-fw fa-cog"></i>
            <span>Cours</span>
        </a>
        <div id="cours" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Gestion - Cours :</h6>
                <a class="collapse-item" href={{path('enseiListerCoursAnnee')}}>Mes cours</a>
                <a class="collapse-item" href={{path('enseiListerCours')}}>Mes anciens cours</a>
            </div>
        </div>
     </li>

    <li class="nav-item">
        <a class="nav-link collapsed" href={{asset('#')}} data-toggle="collapse" data-target="#lieu"
            aria-expanded="true" aria-controls="lieu">
            <i class="fas fa-fw fa-cog"></i>
            <span>Lieux</span>
        </a>
        <div id="lieu" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Gestion - Lieux :</h6>
                <a class="collapse-item" href={{path('enseiListerLieu')}}>Mes lieux de cours</a>
            </div>
        </div>
     </li>

{% endblock %}

{% block entete %}
    Accès « Enseignant »
{% endblock %}

{% block contenu %}
    
    <div class="card-header bg-white text-center">
        <p class="h5 text-uppercase text-primary">Section de Consultation « ENSEIGNANT »</p>
    </div>
    <div class="card shadow mb-4">
        <div class="card-body">
            <h3 class="text-center mb-3">Pour accéder aux différentes fonctionnalités,</h3>
            <h3 class="text-center mb-6">utiliser la barre de Menu</h3></br>
            <p class="text-center mb-5"><em>Pour :</br>
                - accéder aux informations, fiche de situation... d'une entité (personne, lieu...)</br>
                <u>appeler la liste contenant l'entité concernée.</u></em></p>
        </div>
    
    <!-- Content Row -->
        <!-- Card Header - Dropdown -->
        <!-- Card Body -->
        <div class="card-body">
            <div class="card-body">
                <div class="text-center">
                    <img class="img-fluid px-3 px-sm-4 mt-3 mb-4" style="width: 25rem;" src={{asset('../public/img/amphi.jpg')}} alt="...">
                </div>
            </div>
        </div>
    </div>
                
{% endblock  %}