<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">

    <div data-simplebar class="h-100">

        <!--- Sidebar Menu -->
        <div id="sidebar-menu">
            <!-- Left Menu Start -->
            <ul class="metismenu list-unstyled" id="side-menu">
                <li class="menu-title">Menu</li>

                {% if is_granted('ROLE_ADMIN') %}
                <li>
                    <a href="{{ path('app_dashboard') }}" class="waves-effect">
                        <i class="bi bi-house-door"></i>
                        <span>Tableau de bord</span>
                    </a>
                </li>
                {% endif %}

                <li class="menu-title">Planning</li>

                {% if is_granted('ROLE_ADMIN') %}
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bi bi-calendar3"></i>
                        <span>Plannings</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ path('app_planning_agent_index') }}">Planning Salarié</a></li>
                        <li><a href="{{ path('app_planning_client_index') }}">Planning Client</a></li>
                    </ul>
                </li>
                {% else %}
                <li>
                    <a href="{{ path('app_planning_agent_show', {id: app.user.id, year: 'now'|date('Y'), month: 'now'|date('n')}) }}" class="waves-effect">
                        <i class="bi bi-calendar3"></i>
                        <span>Mon Planning</span>
                    </a>
                </li>
                <li>
                    <a href="{{ path('app_agent_agenda') }}" class="waves-effect">
                        <i class="bi bi-calendar-x"></i>
                        <span>Mon Agenda</span>
                    </a>
                </li>
                {% endif %}

                {% if is_granted('ROLE_ADMIN') %}
                <li class="menu-title">Gestion</li>

                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bi bi-people"></i>
                        <span>Agents</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ path('app_agent_index') }}">Liste des agents</a></li>
                        <li><a href="{{ path('app_agent_new') }}">Nouvel agent</a></li>
                    </ul>
                </li>

                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bi bi-building"></i>
                        <span>Clients</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ path('app_client_index') }}">Liste des clients</a></li>
                        <li><a href="{{ path('app_client_new') }}">Nouveau client</a></li>
                    </ul>
                </li>

                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bi bi-person-lines-fill"></i>
                        <span>Contacts</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ path('app_contact_list') }}">Liste des contacts</a></li>
                    </ul>
                </li>

                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bi bi-geo-alt"></i>
                        <span>Sites</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ path('app_site_index') }}">Liste des sites</a></li>
                        <li><a href="{{ path('app_site_new') }}">Nouveau site</a></li>
                    </ul>
                </li>

                <li class="menu-title">Communication</li>

                <li>
                    <a href="{{ path('app_email_send') }}" class="waves-effect">
                        <i class="bi bi-envelope"></i>
                        <span>Envoyer planning</span>
                    </a>
                </li>

                {% endif %}

            </ul>
        </div>
        <!-- Sidebar -->
    </div>
</div>
<!-- Left Sidebar End -->
