{% include "header.html" %}
{% load static %}

    <!-- main page  -->
    <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">
                        <div class="col-6">
                            <h1 class="heading">Not Enrolled Students</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">Not Enrolled Students</li>
                                </ol>
                            </nav>
                        </div>
                        <div class="col-6">
                        </div>
                    </div>
<div class="card card-body">

<form method="GET">

<div class="row mb-4">
<div class="col-md-2">
    <label class="form-label">Exam Preparing For</label>
    <select name="exam" class="form-control">
        <option value="">All Exams</option>

        {% for ex in exam_categories %}
            <option value="{{ ex.id }}" {% if exam == ex.id|stringformat:"s" %}selected{% endif %}>
                {{ ex.exam_category_name }}
            </option>
        {% endfor %}
    </select>
</div>
<div class="col-md-3">
<label>Student</label>
<input type="text" name="student" class="form-control" value="{{student}}">
</div>

<div class="col-md-2">
<label>Activity Type</label>
<select name="activity_type" class="form-control">

<option value="">All</option>
<option value="notes">Notes</option>
<option value="downloads">Downloads</option>
<option value="live_lecture">Live Lecture</option>
<option value="foundation_video">Foundation Video</option>

<option value="area_mock">Area Mock</option>
<option value="sectional_mock">Sectional Mock</option>
<option value="mini_mock">Mini Mock</option>
<option value="full_mock">Full Mock</option>
<option value="advance_mock">Advance Mock</option>
<option value="pyq_mock">PYQ Mock</option>

<option value="basic_concept_test">Basic Concept Test</option>
<option value="advance_concept_test">Advance Concept Test</option>

<option value="daily_speedMath">Speed Math</option>
<option value="daily_vocab">Vocabulary</option>

</select>
</div>

<div class="col-md-2">
<label>From Date</label>
<input type="date" name="from_date" class="form-control" value="{{from_date}}">
</div>

<div class="col-md-2">
<label>To Date</label>
<input type="date" name="to_date" class="form-control" value="{{to_date}}">
</div>

<div class="col-md-2">
<label></label>
<button class="btn btn-primary w-100">Filter</button>
</div>

</div>

</form>
</div>


<div class="table-responsive">

<table class="table table-bordered">

<thead>

<tr>
<th>#</th>
<th>Name</th>
<th>Contact</th>
<th>Email</th>
<th>Exam Preparing For</th>
<th>Activity</th>
<!-- <th>Resource</th>-->
<th>Score</th>
<th>Date</th>
</tr>

</thead>

<tbody>

{% for row in rows %}

<tr>

<td>{{forloop.counter}}</td>
<td>{{row.name}}</td>
<td>{{row.contact}}</td>
<td>{{row.email}}</td>
<td>{{row.exam}}</td>
<td style="white-space: pre-line;">{{row.activity}}</td>
<td>
    {% if row.score_points > 0 %}
        <span class="badge bg-success">+{{ row.score_points }}</span>
    {% elif row.score_points < 0 %}
        <span class="badge bg-danger">{{ row.score_points }}</span>
    {% else %}
        <span class="badge bg-secondary">0</span>
    {% endif %}
</td>
<td>{{row.date|date:"d/m/Y"}}</td>

</tr>

{% empty %}

<tr>
<td colspan="8" class="text-center">No Records Found</td>
</tr>

{% endfor %}

</tbody>

</table>

</div>


<!-- Pagination -->

<nav>

<ul class="pagination">

{% if rows.has_previous %}
<li class="page-item">
    <a class="btn btn-sm btn-outline-primary"
       href="?page={{ rows.previous_page_number }}&student={{ student }}&activity_type={{ activity_type }}&exam={{ exam }}&from_date={{ from_date }}&to_date={{ to_date }}">
        Previous
    </a></li>
{% endif %}

<span class="mx-2">
    Page {{ rows.number }} of {{ rows.paginator.num_pages }}
</span>

{% if rows.has_next %}
<li class="page-item">
    <a class="btn btn-sm btn-outline-primary"
       href="?page={{ rows.next_page_number }}&student={{ student }}&activity_type={{ activity_type }}&exam={{ exam }}&from_date={{ from_date }}&to_date={{ to_date }}">
        Next
    </a></li>
{% endif %}

</ul>

</nav>

</div>
   {% include "sidebar.html"%}
</div>

</div>

</div>

{% include "footer.html" %}