{% extends 'board_admin.html' %}
{% load crispy_forms_tags %}
{% load static %}
{% load humanize %}
{% block title %}
  <title>All Students</title>
  <meta name="description" content="">

{% endblock title %}

{% block content %}
{% load home_tags %}
<div class=" app-content">
	<div class="side-app">
    <br>
    <br>
    <br>
    {% include 'partials/_alerts.html' %}
    <br>
		<!--Page Header-->
		<div class="page-header">
			<h4 class="page-title"><i class="fa fa-users text-apu-purple mr-2 fa-1x"></i>Welcome to your all students' page, <strong class="text-apu-purple">{{user.first_name}}</strong></h4>
			<ol class="breadcrumb bg-white">
        <li class="breadcrumb-item"><a href="{% url 'admin_board' %"><strong>Dashboard</strong></a></li>
				<li class="breadcrumb-item active" aria-current="page"><strong>Students</strong></li>
			</ol>
		</div>
		<!--page header-->

  <div class="row">
    <div class="col-xl-12">
      <div class="card">
        <div class="card-header">
          <div class="card-title text-apu-purple"><strong>Students</strong></div>
        </div>
        <br>
        <div class="text-center">
          <h2 class="form-group text-apu-purple">Search By</h2>
        </div>
        <div class="col-md-12">
          <div class="box-element bg-apu-green" id="form-wrapper">
            <form method="get" class="form-inline text-white">
              {% for field in filtered_students.form %}
                <strong>{{field.label}}:</strong>&nbsp{{field}}&nbsp&nbsp
              {% endfor %}
              <input type="submit" class="" value="Go">
            </form>
          </div>
        </div>
        <div class="card-body">
          <div class="text-center">
            {% if total_students > 1 %}
              <div class="form-group col-md-12">
                <h3 class="form-group text-apu-purple">Total: {{total_students}}</h3>
              </div>
              {% else %}
              <div class="form-group col-md-12">
                <h3 class="form-group text-apu-purple">Total: {{total_students}}</h3>
              </div>
              {% endif %}
          </div>

          <div class="table-responsive ">
            <table class="table card-table table-vcenter text-nowrap">
              <thead class="text-apu-green">
                <tr>
                  <th>MATRIC NUMBER</th>
                  <th>NAME</th>
                  <th>100H</th>
                  <th>100R</th>
                  <th>200H</th>
                  <th>200R</th>
                  <th>300H</th>
                  <th>300R</th>
                  <th>400H</th>
                  <th>400R</th>
                  <th></th>
                </tr>
              </thead>
              <tbody class="">
                {% for student in students_page_obj %}
                <tr class="">
                  <td>{{student.username}}</td>
                  <th>{{student.first_name}} {{student.last_name}} {{student.middle_name}}</th>
                  {% if student.h100 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.r100 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.h200 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.r200 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.h300 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.r300 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.h400 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  {% if student.r400 == True %}
                  <th><strong class="text-apu-green">Paid</strong></th>
                  {% else %}
                  <th><strong class="text-red">Owing</strong></th>
                  {% endif %}
                  <td class="text-center"><a href="students-payments/{{student.id}}"><button type="button" class="btn btn-sm btn-apu-purple"><strong><i class="fa fa-check-circle fa-1x text-white"></i> &nbspUpdate Payment</strong></button></a></td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
            <nav aria-label="...">
              <ul class="pagination justify-content-center">
                <li class="page-item"><a class="text-apu-green page-link" href="{% my_url 1 'page' request.GET.urlencode %}" tabindex="-1" aria-disabled="true">First</a></li>
                {% if students_page_obj.has_previous %}
                  <li class="page-item"><a class="text-apu-green page-link" href="{% my_url students_page_obj.previous_page_number 'page' request.GET.urlencode %}">{{students_page_obj.previous_page_number}}</a></li>
                {% endif %}
                <li class="page-item active" aria-current="page"><a class="bg-apu-green page-link" href="{% my_url students_page_obj.number 'page' request.GET.urlencode %}">{{students_page_obj.number}}<span class="sr-only">(current)</span></a></li>
                {% if students_page_obj.has_next %}
                  <li class="page-item"><a class="text-apu-green page-link" href="{% my_url students_page_obj.next_page_number 'page' request.GET.urlencode %}">{{students_page_obj.next_page_number}}</a></li>
                {% endif %}
                <li class="page-item"><a class="text-apu-green page-link" href="{% my_url students_page_obj.paginator.num_pages 'page' request.GET.urlencode %}">Last</a></li>
              </ul>
            </nav>
            <div class="card-footer text-right">
                <a href="{% url 'export_csv_harm' %}"><button type="button" class="btn btn-sm btn-apu-purple"><strong><i class="fa fa-download mr-1 fa-1x"></i> Export CSV</strong></button></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock content%}