{% load static %}

<style>
    .top-side {
        background-size: cover;
        background-position: top center;
    }
</style>

<div id="side-nav">
    <div class="main-menu">
        <div class="top-side text-center py-4" style="background-image: url({% static 'img/dotted.jpg' %});">
            <div class="desktop-hide">
                <div class="toggle-btn" onclick="toggleSidebar()">
                    <i class="fas fa-times"></i>
                </div>
            </div>
            <a href="/">
                <img src="{% static 'img/dj-lms.png' %}" width="110px" alt="Logo Django LMS">
            </a>
            <p class="text-orange">
                <mark>
                    <i class="far fa-hand-point-right"></i>
                    {{ request.user.get_user_role }}
                </mark>
            </p>
        </div>

        <!-- Navigation Links -->
        <ul>
            {% url 'home' as hom %}
            {% url 'dashboard' as dash %}
            {% url 'profile' as prof %}
            {% url 'teacher_list' as lec %}
            {% url 'student_list' as stu %}
            {% url 'course_allocation_view' as cav %}
            {% url 'programs' as pro %}
            {% url 'session_list' as sess %}
            {% url 'semester_list' as sem %}
            {% url 'add_score' as ascore %}
            {% url 'grade_results' as vr %}
            {% url 'ass_results' as ar %}
            {% url 'course_registration' as cr %}
            {% url 'edit_profile' as ep %}
            {% url 'change_password' as cp %}
            {% url 'quiz_progress' as qpr %}
            {% url 'quiz_marking' as qce %}
            {% url 'user_course_list' as ucl %}
            {% url 'admin_panel' as admin_p %}
            
            {% if request.user.is_superuser %}
            <li class="{% if request.path == dash %}active{% endif %}">
                <a href="{% url 'dashboard' %}"><i class="fas fa-tachometer-alt"></i>Dashboard</a>
            </li>
            {% endif %}
            <li class="{% if request.path == hom %}active{% endif %}">
                <a href="{% url 'home' %}"><i class="fas fa-home"></i>Home</a>
            </li>
            <li class="{% if request.path == prof %}active{% endif %}">
                <a href="{% url 'profile' %}"><i class="fas fa-user"></i>Profile</a>
            </li>

            {% if request.user.is_superuser %}
            <li class="{% if request.path == admin_p %}active{% endif %}">
                <a href="{% url 'admin_panel' %}"><i class="fas fa-user-tie"></i>Admin Panel</a>
            </li>
            <li class="{% if request.path == lec %}active{% endif %}">
                <a href="{% url 'teacher_list' %}"><i class="fas fa-chalkboard-teacher"></i>Teachers</a>
            </li>
            <li class="{% if request.path == stu %}active{% endif %}">
                <a href="{% url 'student_list' %}"><i class="fas fa-user-graduate"></i>Students</a>
            </li>
            {% endif %}

            {% if request.user.is_teacher or request.user.is_student %}
            <li class="{% if request.path == ucl %}active{% endif %}">
                <a href="{% url 'user_course_list' %}"><i class="fas fa-book"></i>My Subjects</a>
            </li>
            {% endif %}

            <li class="{% if request.path == pro %}active{% endif %}">
                <a href="{% url 'programs' %}"><i class="fas fa-book-open"></i>Programs & Subjects</a>
            </li>

            {% if request.user.is_superuser or request.user.is_teacher %}
            <li class="{% if request.path == qce %}active{% endif %}">
                <a href="{% url 'quiz_marking' %}"><i class="fas fa-check-double"></i>Complete Exams</a>
            </li>
            {% endif %}

            {% if request.user.is_superuser %}
            <li class="{% if request.path == qpr %}active{% endif %}">
                <a href="{% url 'quiz_progress' %}"><i class="fas fa-record-vinyl"></i>Quiz Progress Rec</a>
            </li>
            <li class="{% if request.path == cav %}active{% endif %}">
                <a href="{% url 'course_allocation_view' %}"><i class="fas fa-tasks"></i>Course Allocation</a>
            </li>
            <li class="{% if request.path == sess %}active{% endif %}">
                <a href="{% url 'session_list' %}"><i class="fas fa-calendar-week"></i>Manage Session</a>
            </li>
            <li class="{% if request.path == sem %}active{% endif %}">
                <a href="{% url 'semester_list' %}"><i class="fas fa-calendar-alt"></i>Manage Semester</a>
            </li>
            {% endif %}

            {% if request.user.is_teacher %}
            <li class="{% if request.path == ascore %}active{% endif %}">
                <a href="{% url 'add_score' %}"><i class="fas fa-table"></i>Manage Score</a>
            </li>
            {% endif %}

            {% if request.user.is_student %}
            <li class="{% if request.path == qpr %}active{% endif %}">
                <a href="{% url 'quiz_progress' %}"><i class="fas fa-record-vinyl"></i>Quiz Progress Rec</a>
            </li>
            <li class="{% if request.path == vr %}active{% endif %}">
                <a href="{% url 'grade_results' %}"><i class="fa fa-spell-check"></i>Grade Results</a>
            </li>
            <li class="{% if request.path == ar %}active{% endif %}">
                <a href="{% url 'ass_results' %}"><i class="fa fa-list-ol"></i>Assessment Results</a>
            </li>
            <li class="{% if request.path == cr %}active{% endif %}">
                <a href="{% url 'course_registration' %}"><i class="fas fa-plus"></i>Add &amp; Drop Course</a>
            </li>
            {% endif %}
            <br />
            <p class="ml-3">&RightArrow; Payments</p>

            <!-- Payment Links -->
            {% url 'payment_succeed' as ps %}
           
            <li class="{% if request.path == ps %}active{% endif %}">
                <a href="{% url 'payment_succeed' %}"><i class="fas fa-wallet"></i>Payment Success</a>
          

            <br />
            <p class="ml-3">&RightArrow; Others</p>
            <li class="{% if request.path == ep %}active{% endif %}">
                <a href="{% url 'edit_profile' %}"><i class="fas fa-cogs"></i>Account Setting</a>
            </li>
            <li class="{% if request.path == cp %}active{% endif %}">
                <a href="{% url 'change_password' %}"><i class="fas fa-key"></i>Change Password</a>
            </li>
        </ul>
    </div>

    <footer class="card-footer mt-5 pt-3 pb-5 px-2">
        <div class="col-12">
            <p class="small m-0">
                Read our <a href="#">Privacy</a> and <a href="#">Terms of use.</a>
                <br />Great Wayne &copy; <script>document.write(new Date().getFullYear());</script>
                <br />
            </p>
            <a href="https://github.com/adilmohak/django-lms" class="btn btn-sm btn-dark mx-auto" target="_blank">
                ⭐️ Star my Project
            </a>
        </div>
    </footer>
</div>