{%include "header.html"%}


<!-- 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 page__heading-container">
                <div class="page__heading">

                </div>

                <div class="row mb-3 mt-4">
                    <div class="col-6">
                        <h1 class="heading">Preview Lectures</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Preview Lectures</li>
                            </ol>
                        </nav>
                    </div>

                </div>


            </div>



            <div class="container page__container exam-module">
                <div class="card card-body pt-0">
                    <div class="row no-gutters">

                        <div class="col-lg-12 card-body">
                            <h3>Generated Lectures</h3>
                            <div class="table-responsive border-bottom">

                                <table class="table thead-border-top-0">
                                    <thead class="table-heading">
                                        <tr>
                                            <th class="table-head text-center">Sr.No.</th>
                                            <th class="table-head">Title</th>
                                            <th class="table-head">Faculty Id</th>
                                            <th class="table-head">Topic Id</th>
                                            <th class="table-head">Batches</th>
                                            
                                            <th class="table-head">Date</th>
                                            <th class="table-head">Day</th>
                                            <th class="table-head">S_Time</th>
                                            <th class="table-head">E_Time</th>
                                            <th class="table-head">Note</th>
                                        </tr>
                                    </thead>
                                    <tbody class="list">
                                        {% for lecture in lectures %}
                                        <tr>
                                            <td class="text-center">{{ forloop.counter }}</td>
                                            <td>{{ lecture.title }}</td>
                                            <td>
                                                {{ lecture.faculty_name }}
                                            </td>
                                            <td>
                                                {{ lecture.topic_id }}
                                            </td>
                                            <td>{{ lecture.batch_names|join:", " }}</td>
                                            <td>
                                              {{lecture.section_id}}
                                            </td>
                                            <td>{{ lecture.date }}</td>
                                            <td>{{ lecture.day }}</td>
                                            <td>{{ lecture.start_time }}</td>
                                            <td>{{ lecture.end_time }}</td>
                                            <td>{{ lecture.note }}</td>
                                        </tr>
                                        {% empty %}
                                        <tr>
                                            <td colspan="10" class="text-center">No lectures scheduled.</td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>

                            </div><br>
                            {% if not_generated_topics %}
<div class="card mt-3">
    <div class="card-header bg-warning">
        <strong>Topics Not Generated / Skipped Reasons</strong>
    </div>

    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-sm">
                <thead>
                    <tr>
                        <th>Topic</th>
                        <th>Batch</th>
                        <th>Date</th>
                        <th>Reason</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in not_generated_topics %}
                    <tr>
                        <td>{{ item.topic_name }}</td>
                        <td>{{ item.batch_name }}</td>
                        <td>{{ item.date }}</td>
                        <td>{{ item.reason }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

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

            </div>

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

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

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

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


{%include "footer.html"%}


<script>
    (function () {
        'use strict';
        // ENABLE sidebar menu tabs
        $('#sidebar-mini-tabs [data-toggle="tab"]').on('click', function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
    })()
</script>
</body>

</html>