{% extends "base.tmpl" %}

{% block title %}Tasks{% endblock %}

{% block head_extra %}
<script src="js/tasks.js"></script>
{% endblock %}

{% block page_contents %}
				<div class="row">
					<div class="col-12"><h2>Task Search</h2></div>
					<div class="col-12"><button class="btn btn-secondary" onclick="get_all_tasks()" name="view_all">View All Tasks</button></div>
					<div class="col-12"><hr style="border: 1px solid rgba(0, 0, 0, 1)"/></div>
				</div>
				<div id="table_container" class="hidden_results_table">
					<table id="results_table" class="table">
						<thead><tr>
							<td>ID</td>
							<td>Title</td>
							<td>State</td>
							<td>Admin</td>
							<td>Available Credits</td>
						</tr></thead>
						<tbody id="results_tbody">
							
						</tbody>
					</thead>
				</div>
{% endblock %}