{% extends "edc_dashboard/bootstrap3/base.html" %}
{% load static %}
{% load canned_extras %}

{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.js"></script>
{% endblock extrastyle %}

{% block jquery %}
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
{% endblock %}

{% block document_ready %}
    <script>
    $(document).ready( function () {
        $('#table_id').DataTable();
    } );
    </script>
{% endblock document_ready %}


{% block main %}
  {{ block.super }}

  <div class="panel panel-default">
    <div id="panel-media" class="panel-body">
      <span class="pull-left">
        <a href="{% url 'canned_views:home_url' %}" role="button" id="btn-copy-files" class="btn btn-default btn-sm"><i class="fas fa-reply fa-lg fa-fw"></i> Back</a>
      </span>
      <span class="pull-right">
        <a href="{{ admin_url }}" role="button" id="btn-copy-files" class="btn btn-default btn-sm"><i class="fa fa-gear fa-lg fa-fw"></i> Report settings</a>
      </span>
      <div style="text-align: center;font-weight: bold;"> {{ report.display_name|title }}</div>
    </div>
</div>

  {% write_table object_list %}



{% endblock main %}
