{% 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">Student Information</h2>
	  <div class="row">
			<table class="table table-striped table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Student Name</th>
      <th scope="col">ID</th>
      <th scope="col">College</th>
      <th scope="col">Year</th>
      <th scope="col">Semester</th>
      <th scope="col">Hostel</th>
      <th scope="col">Room Number</th>
      <th scope="col">Phone No.</th>
       <th scope="col">Action</th>
    </tr>
  </thead>
  <tbody>
    {% for profile in profiles %}
    <tr>
      <th scope="row">{{forloop.counter}}</th>
      <td>{{profile.get_fullname}}</td>
      <td>{{profile.id_number}}</td>
      <td>{{profile.college}}</td>
      <td>{{profile.year}}</td>
      <td>{{profile.semester}}</td>
      <td>{{profile.hostel}}</td>
      <td>{{profile.room_number}}</td>
      <td>{{profile.phone}}</td>
      <td><a href="{% url 'main:edit_student' profile.id %}" class="btn btn-secondary">Update</a> | 
      <a href="{% url 'main:delete_student' profile.user.pk %}" class="btn btn-danger">Delete</a></td>
    </tr>
  {% endfor %}
  </tbody>
</table>

		</div>
</div>

{% endblock %}