
{% load static %}
        <div class="nk-sidebar">
            <div class="nk-nav-scroll">
                <ul class="metismenu" id="menu">
                    <li class="nav-label">Dashboard</li>
                    <li>
                        <a href="{% url 'index' %}" aria-expanded="false">
                            <i class="icon-speedometer menu-icon"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Dashboard</span>
                        </a>
                    </li>

                    <li class="mega-menu mega-menu-sm">
                        <a class="has-arrow" href="javascript:void()" aria-expanded="false">
                            <i class="fa fa-users"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Visitor</span>
                        </a>
                        <ul aria-expanded="false">
                            <li><a href="{% url 'add_visitor' %}">Add Visitor</a></li>
                            <li><a href="{% url 'manage_visitor' %}">Manage Visitor</a></li>
                        </ul>
                    </li>
                    <li class="mega-menu mega-menu-sm">
                        <a class="has-arrow" href="javascript:void()" aria-expanded="false">
                            <i class="icon-globe-alt menu-icon"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Create Pass</span>
                        </a>
                        <ul aria-expanded="false">
                            <li><a href="{% url 'create_visitor_pass' %}">Create Pass</a></li>
                            <li><a href="{% url 'manage_visitor_pass' %}">Manage Pass</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="{% url 'search' %}" aria-expanded="false">
                            <i class="fa fa-search"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Search Visitor</span>
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'search_pass' %}" aria-expanded="false">
                            <i class="fa fa-search"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Search Pass</span>
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'between_date_report' %}" aria-expanded="false">
                            <i class="fa fa-folder"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Visitor Report</span>
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'between_date_report_pass' %}" aria-expanded="false">
                            <i class="fa fa-folder"></i><span class="nav-text" style="font-size: medium;color: darkblue;">Pass Report</span>
                        </a>
                    </li>
                    
                  
           
                
                
                 
                 
                  
                </ul>
            </div>
        </div>
        <!--**********************************
            Sidebar end
        ***********************************-->