{% 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">Selfprep 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">Selfprep Students</li>
                                </ol>
                            </nav>
                        </div>
                        <div class="col-6">
                        </div>
                    </div>

<form method="GET">

<div class="row mb-4">

<div class="col-md-3">
<label>Student</label>
<input type="text" name="student" class="form-control" value="{{student}}">
</div>

<div class="col-md-3">
<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 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>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>{{row.activity}}</td>
<!-- <td>{{row.score}}</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="page-link" href="?page={{rows.previous_page_number}}">
Previous
</a>
</li>

{% endif %}

<li class="page-item active">
<a class="page-link">{{rows.number}}</a>
</li>

{% if rows.has_next %}

<li class="page-item">
<a class="page-link" href="?page={{rows.next_page_number}}">
Next
</a>
</li>

{% endif %}

</ul>

</nav>

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

</div>

</div>

{% include "footer.html" %}