{%include "facultyheader.html"%}
{% load custom_filters %}
<style>
    .faculty-lecture-list .nav-pills .nav-link {
        color: black;
    }
    .faculty-lecture-list .nav-pills .nav-link.active{
        color: rgb(255, 255, 255);
    }
</style>

        <!-- Header Layout Content -->
        <div class="mdk-header-layout__content">

            <div class="mdk-drawer-layout js-mdk-drawer-layout" data-push data-responsive-width="992px">
                <div class="mdk-drawer-layout__content page">

                    <div class="container-fluid page__container exam-module my-2">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <h4 class="mt-3 mb-4">Upcomming Lecuture List</h4>
                                </div>
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-nowrap card-table">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th>Title</th>
                                                            <th>Topic Name</th>
                                                            <th>Date</th>
                                                            <th>Start Time</th>
                                                            <th>End Time</th>
                                                            <!-- <th>Duration</th> -->
                                                            <!-- <th>Action</th> -->
                                                        </tr>
                                                    </thead>
                                                    <tbody class="tbody">
                                                        {% for lecture in upcommingLectures %}
                                                        <tr>
                                                            <td>{{ lecture.title }}</td>
                                                            <td>{{ lecture.topic.topic_name }}</td>
                                                            <td>{{ lecture.lacture_date }}</td>
                                                            <td>{{ lecture.start_time }}</td>
                                                            <td>{{ lecture.end_time }}</td>
                                                           
                                                        </tr>
                                                        {% endfor %}
                                                    </tbody>

                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <ul class="pagination">
                                        {% if paginated_lectures.has_previous %}
                                        <li class="page-item ">
                                            <a class="page-link" href="?page={{ paginated_lectures.previous_page_number }}{{filter}}"
                                                aria-label="Previous">
                                                <span aria-hidden="true" class="material-icons">chevron_left</span>
                                                <span>Prev</span>
                                            </a>
                                        </li>
                                        {% endif %}
                
                                        <li class="page-item active ">
                                            <a class="page-link" href="?page={{ paginated_lectures.number }}{{filter}}" aria-label="1">
                                                <span>{{ paginated_lectures.number }}</span>
                                            </a>
                                        </li>
                
                                        {% if paginated_lectures.has_next %}
                
                                        <li class="page-item">
                                            <a class="page-link" href="?page={{ paginated_lectures.next_page_number }}{{filter}}" aria-label="Next">
                                                <span>Next</span>
                                                <span aria-hidden="true" class="material-icons">chevron_right</span>
                                            </a>
                                        </li>
                                        {% endif %}
                                    </ul>
                                </div>
                            </div>
                        </div>
                       
                        <div>
                           
                        </div>
                       
                       
                    </div>

                </div>
                <!-- // END drawer-layout__content -->

                <!-- drawer -->
              {%include "facultysidebar.html"%}
                <!-- // END drawer -->
            </div>
            <!-- // END drawer-layout -->

        </div>
        <!-- // END header-layout__content -->

    </div>
    <!-- // END header-layout -->

  {%include "facultyfooter.html"%}

</body>

</html>