 <!--  BEGIN SIDEBAR  -->
 {% load static%}
 {% load resource_permission %}
 <div class="sidebar-wrapper sidebar-theme">

    <nav id="sidebar">

        <div class="navbar-nav theme-brand flex-row  text-center">
            <div class="nav-logo">
                <div class="nav-item theme-logo">
                    <a href="./index.html">
                        <img src="{% static 'img/site_logo.png'%}" class="navbar-logo" alt="logo">
                    </a>
                </div>
                <div class="nav-item theme-text">
                    <a href="" class="nav-link"> <img src="{% static 'img/site_logo_txt1.png'%}" class="navbar-logo" alt="logo" style="height: 35px;"></a>
                </div>
            </div>
            <div class="nav-item sidebar-toggle">
                <div class="btn-toggle sidebarCollapse">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-left"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>
                </div>
            </div>
        </div>
        <div class="shadow-bottom"></div>
        <ul class="list-unstyled menu-categories" id="accordionExample">
            <li class="menu {% if page_name == iam_constants_context.RESOURCE_MANAGE_DASHBOARD %}active{% endif %}">
                <a href="{% url 'module_iam:dashboard'%}" aria-expanded="false" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">dashboard</span>
                        <span>Dashboard</span>
                    </div>
                </a>
            </li>
            {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_IAM %}
            <li class="menu {% if page_name == iam_constants_context.RESOURCE_IAM_PRINCIPAL or page_name == iam_constants_context.RESOURCE_IAM_PRINCIPAL_GROUP or page_name == iam_constants_context.RESOURCE_IAM_GROUP or page_name == iam_constants_context.RESOURCE_IAM_ROLE %}active{% endif %}">
                <a href="#iam" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">manage_accounts</span>
                        <span>Manage IAM</span>
                    </div>
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
                    </div>
                </a>
                <ul class="collapse submenu list-unstyled show" id="iam" data-bs-parent="#accordionExample">
                    <li class="{% if page_name == iam_constants_context.RESOURCE_IAM_PRINCIPAL_GROUP %}active{% endif %}">
                        <a href="{% url 'module_iam:principal_group_link' %}"> Manage Admin</a>
                    </li>
                    <!-- <li class="{% if page_name == iam_constants_context.RESOURCE_IAM_GROUP %}active{% endif %}">
                        <a href="{% url 'module_iam:principal_group' %}"> IAM Group </a>
                    </li>
                    <li class="{% if page_name == iam_constants_context.RESOURCE_IAM_ROLE %}active{% endif %}">
                        <a href="{% url 'module_iam:role' %}"> IAM Role </a>
                    </li> -->
                </ul>
            </li>
            {% endif %}
            {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_USER %}
            <li class="menu {% if page_name == iam_constants_context.RESOURCE_MANAGE_USER %}active{% endif %}">
                <a href="{% url 'module_auth:users'%}" aria-expanded="false" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">group</span>
                        <span>Manage Users</span>
                    </div>
                </a>
            </li>
            {% endif %}
            {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_FAQS or user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_T_C or user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_PRIVACYPOLICY %}
            <li class="menu {% if page_name == iam_constants_context.RESOURCE_MANAGE_CMS or page_name == iam_constants_context.RESOURCE_MANAGE_FAQS or page_name == iam_constants_context.RESOURCE_MANAGE_T_C or page_name == iam_constants_context.RESOURCE_MANAGE_PRIVACYPOLICY %}active{% endif %}">
                <a href="#manage_cms" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">bookmark_manager</span>
                        <span>Manage CMS</span>
                    </div>
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
                    </div>
                </a>
                <ul class="collapse submenu list-unstyled show" id="manage_cms" data-bs-parent="#accordionExample">
                    {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_FAQS %}
                    <li class="{% if page_name == iam_constants_context.RESOURCE_MANAGE_FAQS %}active{% endif %}">
                        <a href="{% url 'module_cms:faq'%}"> FAQ's</a>
                    </li>
                    {% endif %}
                    {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_T_C %}
                    <li class="{% if page_name == iam_constants_context.RESOURCE_MANAGE_T_C %}active{% endif %}">
                        <a href="{% url 'module_cms:terms_and_condition'%}"> Terms & Condition </a>
                    </li>
                    {% endif %}
                    {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_PRIVACYPOLICY %}
                    <li class="{% if page_name == iam_constants_context.RESOURCE_MANAGE_PRIVACYPOLICY %}active{% endif %}">
                        <a href="{% url 'module_cms:privacy_policy'%}">Privacy Policy</a>
                    </li>
                    {% endif %}
                </ul>
            </li>
            {% endif %}
            {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_CONTACT_US or user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_FEEDBACK %}
            <li class="menu {% if page_name == iam_constants_context.RESOURCE_MANAGE_SUPPORT or page_name == iam_constants_context.RESOURCE_MANAGE_CONTACT_US or page_name == iam_constants_context.RESOURCE_MANAGE_FEEDBACK %}active{% endif %}">
                <a href="#manage_support" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">phone_in_talk</span>
                        <span>Manage Support</span>
                    </div>
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
                    </div>
                </a>
                <ul class="collapse submenu list-unstyled show" id="manage_support" data-bs-parent="#accordionExample">
                    {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_CONTACT_US %}
                    <li class="{% if page_name == iam_constants_context.RESOURCE_MANAGE_CONTACT_US %}active{% endif %}">
                        <a href="{% url 'module_support:contact_us'%}"> Contact Us</a>
                    </li>
                    {% endif %}
                    {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_FEEDBACK %}
                    <li class="{% if page_name == iam_constants_context.RESOURCE_MANAGE_FEEDBACK %}active{% endif %}">
                        <a href="{% url 'module_support:feedback'%}"> Feedback </a>
                    </li>
                    {% endif %}
                </ul>
            </li>
            {% endif %}




            <!-- <li class="menu " >
                <a href="" aria-expanded="false" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">phone_in_talk</span>
                       <span>Manage Contact Us</span>
                    </div>
                </a>
            </li> -->
            <!-- <li class="menu">
                <a href="./app-calendar.html" aria-expanded="false" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">analytics</span>
                        <span>Manage Reports</span>
                    </div>
                </a>
            </li> -->
            <!-- <li class="menu ">
                <a href="" aria-expanded="false" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">rate_review</span>
                        <span>Manage Feedback</span>
                    </div>
                </a>
            </li> -->
            {% if user|has_resource_permission:iam_constants_context.RESOURCE_MANAGE_NOTIFICATION %}
            <li class="menu {% if page_name == iam_constants_context.RESOURCE_MANAGE_NOTIFICATION %}active{% endif %}">
                <a href="{% url 'module_notification:notification'%}" aria-expanded="false" class="dropdown-toggle">
                    <div class="">
                        <span class="material-symbols-outlined">notifications</span>
                        <span>Manage Notification</span>
                    </div>
                </a>
            </li>
            {% endif %}
        </ul>
        
    </nav>

</div>
<!--  END SIDEBAR  -->