{% extends 'web_template/index.html' %}
{% load i18n %}
{% load static %}
{% block stylesheets %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% static  'datatables/media/css/dataTables.bootstrap.min.css' %}">
{% endblock %}
{% block page_name %}
{% trans "List of exams" %}
{% endblock %}
{% block page_description %}
<a href='{% url 'examnew' %}' class="btn btn-default"><i class="fa fa-plus-circle"></i> {% trans "New Exam" %}</a>
{% endblock %}
{%block content %}

 <div class="box">
            <div class="box-header">
              <h3 class="box-title">Exams</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="exam_list" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>{% trans "Type" %}</th>
                  <th>{% trans "Subject" %}</th>
                  <th>{% trans "Date" %}</th>
		  <th>{%trans "Action" %}</th>
                </tr>
                </thead>
                <tbody>
		{% for exam in exam_list %}
                <tr>
                  <td>{{ exam.type }}</td>
                  <td>{{ exam.subject }}</td>
                  <td>{{ exam.date }}</td>
		  <td>
			<div class="btn-group">
			<a href='{% url 'examdetail' exam.id %}' class="btn btn-default"><i class="fa fa-edit"></i> {% trans "Detail/Edit" %}</a>
                <a href="{% url 'generate' exam.id %}" class="btn btn-default"><i class="fa fa-cogs"></i> {% trans "Generate/View TeX" %}</a>
<!--			<button type="button" class="btn btn-default"><i class="fa fa-plus-circle"></i> {% trans "Generate" %}</button>
			<button type="button" class="btn btn-default"><i class="fa fa-edit"></i> {% trans "Detail/Edit" %}</button>
			<button type="button" class="btn btn-default"><i class="fa fa-trash"></i> {% trans "Delete" %}</button> -->

			<a href="{% url 'postprocess' exam.id %}" class="btn btn-default"><i class="fa fa-eraser"></i> {% trans "Fix OCR errors" %}</a>
                <a href="{% url 'examstatisticspage' exam.id %}" class="btn btn-default"><i class="fa fa-bar-chart"></i> {% trans "Statistics" %}</a>

                <a href="{% url 'examdefault' exam.id %}" class="btn btn-default"><i class="fa fa-check-square-o"></i> {% trans "Set as active" %}</a>
			</div>
		  </td>
                </tr>
		{% endfor %}
		<tfoot>
                <tr>
                  <th>{% trans "Type" %}</th>
                  <th>{% trans "Subject" %}</th>
                  <th>{% trans "Date" %}</th>
		  <th>{%trans "Action" %}</th>
                </tr>
                </tfoot>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->


{% endblock %}

{% block extra_foot %}
{{ block.super}}
<script src='{% static  'datatables/media/js/jquery.dataTables.min.js' %}'></script>
<script src='{% static  'datatables/media/js/dataTables.bootstrap.min.js' %}'></script>
<script>
  $(function () {
    $('#exam_list').DataTable()
});
</script>
{% endblock %}