{% load static %}
{% block layout_menu %}
<aside id="layout-menu" class="layout-menu menu-vertical menu">
    <div class="app-brand demo">
      <a href="" class="app-brand-link">
        <span class="app-brand-logo demo menu-text fw-bold"><span style="color: black;">EMP</span></span>
        <span class="app-brand-text demo menu-text fw-bold ms-2">{{function_name}}</span>
      </a>

      <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
        <i class="bx bx-chevron-left bx-sm align-middle"></i>
      </a>
    </div>

    <div class="menu-inner-shadow"></div>

    <ul class="menu-inner py-1">
      <!-- Dashboard -->
      <li class="menu-item {% if 'dashboard' in request.path %}active{% endif %}">
        <a href="{% url 'employee_dashboard' %}" class="menu-link">
          <i class="menu-icon tf-icons bx bx-tachometer"></i>
          <div data-i18n="Analytics">Dashboard</div>
        </a>
      </li>

      <!-- Layouts -->
      <li class="menu-item {% if 'all_page' in  request.path or  'approve_reject' in request.path  %}active open{% endif %}">
        <a href="javascript:void(0);" class="menu-link menu-toggle">
          <i class="menu-icon tf-icons bx bx-sitemap"></i>
          <div data-i18n="Layouts">Visitor</div>
        </a>

        <ul class="menu-sub">
          <li class="menu-item {% if request.path == '/employee/visitor/all_page' %}active{% endif %}">
            <a href="{% url 'employee_visitore_all_page' %}" class="menu-link">
              <div data-i18n="Without menu">Pending Request</div>
            </a>
          </li>
          <li class="menu-item {% if request.path == '/employee/visitor/approve_reject' %}active{% endif %}">
            <a href="{% url 'employee_visitore_approve_reject' %}" class="menu-link">
              <div data-i18n="Without navbar">All Visitor Request</div>
            </a>
          </li>
        </ul>
      </li> 
      <li class="menu-item {% if request.path == '/employee/visitor_send_invitations' %}active{% endif %}">
        <a href="{% url 'employee_visitore_send_invitations' %}" class="menu-link">
          <i class="menu-icon tf-icons bx bx-edit"></i>
          <div data-i18n="Account Settings">Send invitations</div>
        </a>
      </li>
      <li class="menu-item {% if request.path == '/employee/user' or request.path == '/employee/user/new_appointment/4/' %}active{% endif %}">
        <a href="{% url 'employee_user' %}" class="menu-link">
          <i class="menu-icon tf-icons bx bx-user"></i>
          <div data-i18n="Account">All Visitor</div>
        </a>
      </li>
    </ul>
  </aside>
{% endblock layout_menu  %}