{% extends 'ddm_core/page_with_form.html' %}
{% load static %}

{% block extrahead %}
  <link rel="stylesheet" href="{% static 'ddm_core/css/bootstrap/bootstrap-table.min.css' %}" />
  <link rel="stylesheet" href="{% static 'ddm_core/css/bootstrap/bootstrap-table-filter-control.min.css' %}" />
{% endblock extrahead %}

{% block page_title %}Project Event Logs{% endblock page_title %}

{% block main_heading %}Project Event Logs{% endblock main_heading %}

{% block main_body %}

  <div class="ddm-admin-section">
    <div class="ddm-admin-section-body">
      <div>
        <p class="m-0">
          Event logs track access token changes, API authentication failures, and data operations (downloads, deletions, and participant removals).
        </p>
      </div>

      <table data-classes="table table-sm table-striped table-hover small-font small-inputs"
             data-toggle="table"
             data-filter-control="true"
             data-show-export="true"
             data-export-types="['csv', 'json']"
             data-export-data-type="all"
             data-export-options='{"fileName": "DDM_EventLogs_{{ project.url_id }}"}'
             data-pagination="true"
             data-page-size="10"
             data-buttons-class="transparent"
             data-side-pagination="server"
             data-url="{% url 'ddm_logging:event_logs_api' project.url_id %}"
             data-query-params="queryParams">
        <thead>
        <tr>
          <th data-field="date" data-filter-control="input" data-sortable="true">Date</th>
          <th data-field="description" data-filter-control="input" data-sortable="true">Description</th>
          <th data-field="message" data-filter-control="input" data-sortable="true">Message</th>
        </tr>
        </thead>

      </table>
    </div>
  </div>

  <div class="mt-3">
    <a href="{% url 'ddm_projects:detail' project.url_id %}"><i class="bi bi-arrow-left-short"></i> Back</a>
  </div>
{% endblock main_body %}

{% block breadcrumbs %}
  <a href="{% url 'ddm_projects:list' %}">Projects</a><i class="bi bi-chevron-right"></i>
  <a href="{% url 'ddm_projects:detail' project.url_id %}">"{{ project.name|truncatechars:15 }}" Project</a><i class="bi bi-chevron-right"></i>
  Logs
{% endblock breadcrumbs %}

{% block scripts %}
  {{ block.super }}
  <script src="{% static 'ddm_core/js/filesaver/FileSaver.min.js' %}"></script>
  <script src="{% static 'ddm_core/js/jquery/tableExport.min.js' %}"></script>
  <script src="{% static 'ddm_core/js/bootstrap/bootstrap-table.min.js' %}"></script>
  <script src="{% static 'ddm_core/js/bootstrap/bootstrap-table-filter-control.min.js' %}"></script>
  <script src="{% static 'ddm_core/js/bootstrap/bootstrap-table-export.min.js' %}"></script>
  <script src="{% static 'ddm_logging/js/bootstrap-table-query-params.js' %}"></script>
{% endblock scripts %}