{% extends 'main/base.html' %}

{% block content %}
{% load static %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/ui-updates.css' %}">



<div class="container">
	<h2 class="mb-1"> Search Student to Register Leave</h2>
	       <div class="d-sm-flex align-items-center justify-content-between mb-4">                        
                <div class="dataTable-search">
                            
                            <form action="{% url 'main:student_leave' %}" class="form-inline" method="post">
                                {% csrf_token %}
                            <input class="dataTable-input" placeholder="Search name..." type="text" name="search">
                            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
                             </form>

				</div>
                     
            </div>
            {% if students %}
            <table class="table table-striped table-dark">

              <thead>
                    <tr>
                      <th scope="col">#</th>
                      <th scope="col">Username</th>
                      <th scope="col">First</th>
                      <th scope="col">Last</th>
                      <th scope="col">Email</th>
                      <th scope="col">Action</th>
                    </tr>
              </thead>
              <tbody>
                    {% for student in students %}
                    <tr>
                      <th scope="row">{{forloop.counter}}</th>
                      <th scope="row">{{student.username}}</th>
                      <td>{{student.first_name}}</td>
                      <td>{{student.last_name}}</td>
                      <td>{{student.email}}</td>
                     
                      <td><a href="{% url 'main:add_student_leave' student.id %}" class="btn btn-secondary"> <!-- <i class="fa fa-ban text-danger"></i> -->Add Student Leave</a></td>

                      
                    </tr>
                    {% endfor %}
              </tbody>
        </table>

        {% endif %}

<div class="row">
			<table class="table table-striped table-dark">
  <thead>
    <tr>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Visiting</th>
      <th scope="col">Departure Date</th>
      <th scope="col">Arrival Date</th>
      <th scope="col">Reason</th>
    </tr>
  </thead>

  <tbody>
    {% for leave in students_leave %}
    <tr>
      <td>{{leave.user.first_name}}</td>
      <td>{{leave.user.last_name}}</td>
      <td>{{leave.place_visiting}}</td>
      <td>{{leave.departure_date}}</td>
     <td>{{leave.arrival_date}}</td>
     <td>{{leave.reason}}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

		</div>
</div>

{% endblock %}