{% set container_id = 'records-table-container-audit' if audit_mode else 'records-table-container' %}
<div id="{{ container_id }}" class="records-panel" data-record-list data-all-paths='{{ all_paths|default([])|tojson }}' data-audit-mode="{{ 'true' if audit_mode else 'false' }}">
  <div class="batch-toolbar">
    <button class="btn btn-ghost btn-sm" type="button" data-action="records.select-page">{{ _('Sel Page') }}</button>
    <button class="btn btn-ghost btn-sm" type="button" data-action="records.select-all">{{ _('All') }} {{ total }}</button>
    <button class="btn btn-ghost btn-sm" type="button" data-action="records.clear-selection">{{ _('Clear') }}</button>
    <span class="rec-count">{{ _('0 selected') }}</span><span class="toolbar-divider">|</span>
    <button class="btn btn-danger btn-sm rec-batch-btn" type="button" disabled data-action="records.batch" data-batch-action="quarantine">{{ _('Quar Sel') }}</button>
    <button class="btn btn-warning btn-sm rec-batch-btn" type="button" disabled data-action="records.batch" data-batch-action="false_positive">{{ _('FP Sel') }}</button>
    <button class="btn btn-ghost btn-sm rec-batch-btn" type="button" disabled data-action="records.batch" data-batch-action="delete">{{ _('Del Sel') }}</button>
    <span class="toolbar-spacer"></span>
    <input type="search" class="form-input rec-search" placeholder="{{ _('Search...') }}" data-action="records.filter" data-container="{{ container_id }}">
  </div>

  <div class="record-list">
    {% for record in records %}
    <article class="record-item {% if record.marked_false_positive %}record-false-positive{% endif %}" data-path="{{ record.file_path|e }}">
      <input type="checkbox" class="rec-checkbox" value="{{ record.file_path|e }}" data-action="records.selection-change" aria-label="{{ _('Select record') }}">
      <div class="record-info">
        <div class="record-title">{{ record.display_name }}</div>
        <div class="record-meta">
          {% if record.marked_false_positive %}<span class="badge badge-info">{{ _('FP') }}</span>
          {% elif record.deleted_at and not record.file_exists %}<span class="badge badge-muted">{{ _('DEL') }}</span>
          {% elif record.alerted %}<span class="badge badge-danger">{{ _('ALERT') }}</span>
          {% else %}<span class="badge badge-success">{{ _('ACTIVE') }}</span>{% endif %}
          <span>{{ record.detected_at }}</span><span>{{ _('Comm:') }} {{ record.communication_count }}</span><span>{{ record.features|join(', ') if record.features else _('None') }}</span>
          {% if record.quarantine_id %}<span>{{ _('Q:') }}{{ record.quarantine_id[:12] }}</span>{% endif %}
        </div>
      </div>
      <div class="record-actions">
        <button class="btn btn-sm btn-ghost" type="button" data-action="records.view-path" data-file-path="{{ record.file_path|e }}">{{ _('Source') }}</button>
        <button class="btn btn-sm btn-info" type="button" hx-get="/admin/records/detail?file_path={{ record.file_path|urlencode }}" hx-target="#record-detail-modal" hx-swap="innerHTML">{{ _('Detail') }}</button>
      </div>
    </article>
    {% else %}<div class="empty-state"><p>{{ _('No detection records found') }}</p></div>{% endfor %}
  </div>

  {% if total_pages > 1 %}
  <div class="pagination-bar">
    <button class="btn btn-ghost btn-sm" {% if page <= 1 %}disabled{% endif %} hx-get="/admin/records?page={{ page - 1 }}{% if request.args.get('q') %}&q={{ request.args.get('q')|urlencode }}{% endif %}{% if compact %}&compact=1{% endif %}{% if audit_mode %}&audit=true{% endif %}" hx-target="#{{ container_id }}" hx-swap="outerHTML">{{ _('← Prev') }}</button>
    <span class="page-info">{{ _('Page') }} {{ page }} / {{ total_pages }} ({{ total }} {{ _('total') }})</span>
    <input type="number" class="form-input page-jump" min="1" max="{{ total_pages }}" value="{{ page }}" data-action="core.page-jump" data-page-url="/admin/records?page=__PAGE__{% if request.args.get('q') %}&q={{ request.args.get('q')|urlencode }}{% endif %}{% if compact %}&compact=1{% endif %}{% if audit_mode %}&audit=true{% endif %}" data-target="#{{ container_id }}">
    <button class="btn btn-ghost btn-sm" {% if page >= total_pages %}disabled{% endif %} hx-get="/admin/records?page={{ page + 1 }}{% if request.args.get('q') %}&q={{ request.args.get('q')|urlencode }}{% endif %}{% if compact %}&compact=1{% endif %}{% if audit_mode %}&audit=true{% endif %}" hx-target="#{{ container_id }}" hx-swap="outerHTML">{{ _('Next →') }}</button>
  </div>
  {% endif %}
</div>