{% extends "content.html" %}
{% block inner %}

<div class="ds-list-table-wrap">
  <div class="table-toolbar" data-debug-label="table-toolbar">
    <div class="table-toolbar-title">Activity Log</div>
    <div class="table-toolbar-right">
      <select class="form-select table-filter-select" name="log_type"
              hx-get="/api/activity_log/rows" hx-target="#activity-log-rows" hx-swap="innerHTML" hx-trigger="change"
              hx-include="[name='module'],[name='status'],[name='date_range']">
        <option value="">Alle Typen</option>
        <option value="job">Jobs</option>
        <option value="scheduler">Scheduler</option>
        <option value="error">Errors</option>
        <option value="warning">Warnings</option>
        <option value="system">System</option>
      </select>
      <select class="form-select table-filter-select" name="module"
              hx-get="/api/activity_log/rows" hx-target="#activity-log-rows" hx-swap="innerHTML" hx-trigger="change"
              hx-include="[name='log_type'],[name='status'],[name='date_range']">
        <option value="">Alle Module</option>
        {% for m in modules %}
        <option value="{{ m }}">{{ m.replace('_',' ').title() }}</option>
        {% endfor %}
      </select>
      <select class="form-select table-filter-select" name="status"
              hx-get="/api/activity_log/rows" hx-target="#activity-log-rows" hx-swap="innerHTML" hx-trigger="change"
              hx-include="[name='log_type'],[name='module'],[name='date_range']">
        <option value="">Alle Status</option>
        <option value="ok">OK</option>
        <option value="error">Fehler</option>
        <option value="warning">Warnung</option>
        <option value="running">Läuft</option>
        <option value="skipped">Übersprungen</option>
      </select>
      <select class="form-select table-filter-select" name="date_range"
              hx-get="/api/activity_log/rows" hx-target="#activity-log-rows" hx-swap="innerHTML" hx-trigger="change"
              hx-include="[name='log_type'],[name='module'],[name='status']">
        <option value="24h">Letzte 24h</option>
        <option value="7d">7 Tage</option>
        <option value="30d" selected>30 Tage</option>
        <option value="">Alle</option>
      </select>
      <button class="btn btn-danger btn-sm"
              hx-get="/api/activity_log/clear-confirm"
              hx-target="body" hx-swap="beforeend">
        Log leeren
      </button>
    </div>
  </div>
  <div class="ds-list-table-wrap-scroll">
    <table class="ds-list-table">
      <thead>
        <tr>
          <th>Zeitpunkt</th>
          <th class="col-hide-sm">Typ</th>
          <th class="col-hide-sm">Modul</th>
          <th>Beschreibung</th>
          <th class="col-status">Status</th>
          <th class="col-hide-sm">Dauer</th>
          <th class="col-actions"></th>
        </tr>
      </thead>
      <tbody id="activity-log-rows">
        {% include "activity_log/partials/rows.html" %}
      </tbody>
    </table>
  </div>
</div>

{% endblock %}