{% load static %}
{% block sidebar %}

<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">
    <div data-simplebar class="h-100">
        <!--- Sidemenu -->
        {% with user_group=request.user.groups.first %}
            <div id="sidebar-menu">
                <!-- Left Menu Start -->
                <ul class="metismenu list-unstyled" id="side-menu">
                <li>
                        <a href="{% url 'homepage' %}" class="waves-effect"> <i class="ri-home-8-fill"></i>
                            <span key="t-dashboards">Homepage</span>
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'dashboard' %}" class="waves-effect"> <i class="ri-dashboard-line"></i>
                            <span key="t-dashboards">Dashboard</span>
                        </a>
                    </li>
                    {% if request.user.is_superuser or user_group.name == 'Operational Head' or user_group.name == 'Upload Team' %}
                        {% if user_group.name != 'Upload Team' %}
                        <li class="{% if request.path == '/users/add' or '/users/edit/' in request.path %}mm-active{%endif%}">
                            <a href="{% url 'users' %}">
                                <i class="ri-account-circle-line"></i>
                                <span key="t-users">Users</span>
                            </a>
                        </li>
                        {% endif %}
                        <li class="{% if request.path == '/masters/state/add' or '/masters/update_state/' in request.path or request.path == '/masters/district/add' or '/masters/update_district/' in request.path or request.path == '/masters/create_city/' or '/masters/update_city/' in request.path or request.path == '/masters/create_area/' or '/masters/update_area/' in request.path or request.path == '/masters/create_subarea/' or '/masters/update_subarea/' in request.path %}mm-active{%endif%}">
                            <a href="javascript: void(0);" class="has-arrow waves-effect">
                                <i class="ri-store-2-line"></i>
                                <span key="master">Masters</span>
                            </a>
                            <ul class="sub-menu" aria-expanded="false">
                                {% if request.user.is_superuser %}
                                <li class="{% if request.path == '/masters/state/add' or '/masters/update_state/' in request.path %}mm-active{%endif%}">
                                    <a href="{% url 'states' %}" key="district">States</a>
                                </li>
                                <li class="{% if request.path == '/masters/district/add' or '/masters/update_district/' in request.path %}mm-active{%endif%}">
                                    <a href="{% url 'districts' %}" key="district">Districts</a>
                                </li>
                                <li class="{% if request.path == '/masters/subdistrict/add' or '/masters/update_subdistrict/' in request.path %}mm-active{%endif%}">
                                    <a href="{% url 'subdistricts' %}" key="subdistrict">Sub Districts</a>
                                </li>
                                <li class="{% if request.path == '/masters/create_city/' or '/masters/update_city/' in request.path %}mm-active{%endif%}">
                                    <a href="{% url 'cities' %}" key="city">Cities/Villages</a>
                                </li>
                                {% endif %}
                                {% if user_group.name == 'Operational Head' or user_group.name != 'Upload Team' %}
                                <li class="{% if request.path == '/masters/create_area/' or '/masters/update_area/' in request.path %}mm-active{%endif%}">
                                    <a href="{% url 'areas' %}" key="area">Areas</a>
                                </li>
                                {% endif %}
                                {% if request.user.is_superuser or user_group.name == 'Operational Head' or user_group.name == 'Upload Team' %}
                                <li class="{% if request.path == '/masters/create_subarea/' or '/masters/update_subarea/' in request.path %}mm-active{%endif%}">
                                    <a href="{% url 'subareas' %}" key="subarea">Sub Areas</a>
                                </li>
                                {% endif %}
                            </ul>
                        </li>
                    {% endif %}
                    {% if request.user.is_superuser %}
                     {% comment %} {% if request.user.is_superuser or user_group.name == 'Upload Team' %} {% endcomment %}
                    <li>
                        <a href="{% url 'slider_images' %}" class=" waves-effect">
                            <i class="ri-file-add-line"></i>
                            <span key="t-users">Slider Images</span>
                        </a>
                    </li>
                    {% endif %}
                    {% if request.user.is_superuser or user_group.name == 'Upload Team' %}
                    <li>
                        <a href="{% url 'addimage' %}" class=" waves-effect">
                            <i class="ri-image-add-line"></i>
                            <span key="t-users">Upload Data</span>
                        </a>
                    </li>
                    {% endif %}
                    <li>
                        <a href="{% url 'imagelist' %}" class="waves-effect">
                            <i class="ri-image-line"></i>
                            <span key="t-users">Location Listing</span>
                        </a>
                    </li>
                    {% if request.user.is_superuser %}
                    <li>
                        <a href="{% url 'settings' %}" class="waves-effect">
                            <i class="ri-settings-5-line"></i>
                            <span key="t-users">Settings</span>
                        </a>
                    </li>
                    <li class="{% if request.path == '/locations/add' or '/locations/edit/' in request.path %}mm-active{%endif%}">
                        <a href="{% url 'userlocation' %}" class="waves-effect">
                            <i class="ri-map-pin-user-line"></i>
                            <span key="t-users">User Location</span>
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'database_backup' %}" class="waves-effect">
                            <i class="ri-settings-5-line"></i>
                            <span key="t-users">Database</span>
                        </a>
                    </li>
                    {% endif %}
                </ul>
            </div>
        {% endwith %}
        <!-- Sidebar -->
    </div>
</div>
<!-- Left Sidebar End -->
{% endblock sidebar %}