{% extends 'base.html.j2' %}

{% block title %}
  {{ status|capitalize }} Bug Reports
{% endblock title %}

{% block content_before %}
  {{ status|capitalize }} Bug Reports
{% endblock content_before %}

{% block content_override %}
  <div class="mx-5">
    <table class="table table-dark table-striped table-bordered table-hover" id="accounts_table">
      <thead>
        <tr>
            <th>Actions</th>
            <th>Reporter</th>
            <th>Body</th>
            <th>Client Version</th>
            <th>Other Player</th>
            <th>Type</th>
            <th>Submitted</th>
            <th>Resolved</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
  </div>
{% endblock  %}


{% block js %}
  {{ super () }}
  <script>
    $(document).ready(function(){
        let accounts_table = $('#accounts_table').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": "{{ url_for('bug_reports.get', status=status) }}",
          });
        });
  </script>
{% endblock %}