{% load static %}
<style>
    .sidebar-icon {
    width: 22px;
    }
</style>

<div class="mdk-drawer  js-mdk-drawer" id="default-drawer" data-align="start" >
    <div class="mdk-drawer__content js-sidebar-mini custom-sidebar" data-responsive-width="992px" >
       
        <div class="sidebar sidebar-mini sidebar-primary sidebar-left pt-3 bg-white shadow" data-perfect-scrollbar data-opened>
            <div class="tab-content">
                <div class="tab-pane active">
                    <div class="sidebar-heading">Welcome to Crack Every Test</div>
                    <div class="sidebar-block p-0">
                        <ul class="sidebar-menu " id="accordion">
                            {% with request.resolver_match.url_name as url_name %}

                           

                            <li class="sidebar-menu-item {% if url_name == 'uplcommingLectures' %}sidebar-active {% endif %}">
                                <a class="sidebar-menu-button" href="{{SITE_URL}}/faculty/upcoming-lecture-list/">
                                    <img src="{% static 'assets/images/new-images/sideabar/live-lectures.png'%}" alt="" class="sidebar-icon">
                                    <span class="sidebar-menu-text ml-2">Upcoming Lectures </span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item {% if url_name == 'pastLectures' %}sidebar-active {% endif %}">
                                <a class="sidebar-menu-button" href="{{SITE_URL}}/faculty/past-lecture-list/">
                                    <img src="{% static 'assets/images/new-images/sideabar/live-lectures.png'%}" alt="" class="sidebar-icon">
                                    <span class="sidebar-menu-text ml-2">Past Lectures </span>
                                </a>
                            </li>


                          

                            

                           


                         

                            <li class="sidebar-menu-item">
                                <a class="sidebar-menu-button" href="{{SITE_URL}}/faculty/logout">
                                    <img src="{% static 'assets/images/new-images/sideabar/power.png'%}" alt="" class="sidebar-icon">
                                    <span class="sidebar-menu-text ml-2">Logout </span>
                                </a>
                            </li>
                            {% endwith %}
                        </ul>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>