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

{% block content %}
<section class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<div class="card">

					<div class="card-header">
						<h3 class="card-title">List Admins</h3>
						<div class="card-tools">
							<div class="input-group input-group-sm" style="width: 150px;">
								<input type="text" name="table_search" class="form-control float-right" placeholder="Search">
								<div class="input-group-append">
									<button type="submit" class="btn btn-default">
										<i class="fas fa-search"></i>
									</button>
								</div>
							</div>
						</div>
					</div>

					<div class="card-body table-responsive" style="height: 750px;">
						<div class="row">
							<div class="col-sm-12 col-md-6">
								<div class="dt-buttons btn-group flex-wrap">               
									<a href="{% url '' %}" class="btn btn-secondary buttons-copy buttons-html5"><span>Add</span></a> 
								</div> 
							</div>
						</div>

						<table class="table table-head-fixed text-nowrap">
							<thead>
								<tr>
									<th>S.No.</th>
									<th>User Name</th>
									<th>User Email</th>
									<th>User Username</th>
									<th>User Type</th>
									<th>User DOB</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								{% for admin in admins %}
								<tr>
									<td>{{admin.id}}</td>
									<td>{{admin.name}}</td>
									<td>{{admin.user.email}}</td>
									<td>{{admin.user.username}}</td>
									<td>{{admin.user_type}}</td>
									<td>{{admin.dob}}</td>
									<td><span class="tag tag-success">Approved</span></td>
								</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>

					{% if admins.has_other_pages %}
					    <ul class="pagination">
						    {% if admins.has_previous %}
						      	<li class="page-item"><a href="?page={{ admins.previous_page_number }}" class="page-link">&laquo;</a></li>
						    {% else %}
						      	<li class="page-item disabled"><span class="disabled page-link">&laquo;</span></li>
						    {% endif %}
						    {% for i in admins.paginator.page_range %}
						      	{% if admins.number == i %}
						        	<li class="active page-item"><span href="javascript:void(0)" class="disabled page-link">{{ i }}</span></li>
						      	{% else %}
						        	<li class="page-item"><a href="?page={{ i }}" class="page-link">{{ i }}</a></li>
						      	{% endif %}
						    {% endfor %}
						    {% if admins.has_next %}
						      	<li class="page-item"><a href="?page={{ admins.next_page_number }}" class="page-link">&raquo;</a></li>
						    {% else %}
						      	<li class="page-item disabled"><span class="page-link disabled">&raquo;</span></li>
						    {% endif %}
					    </ul>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</section>
{% endblock %}