{% extends "layout.html" %}
{% load static %}
{% load tz %}

{% block layout_content %}
<div class="card my-3">
  <div class="card-body">
    <h5 class="card-title"><i class="fas fa-scroll text-info"></i> Audit Trail Log</h5>

    <form method="get" class="form-inline mb-3">
      <div class="form-group mr-2">
        <input type="text" name="term" class="form-control" placeholder="Cari deskripsi..." value="{{ search_term }}">
      </div>
      <div class="form-group mr-2">
  <select name="category" class="form-control">
    <option value="">(Semua Kategori)</option>
    <option value="surat masuk" {% if search_category == 'surat masuk' %}selected{% endif %}>Surat Masuk</option>
    <option value="surat keluar" {% if search_category == 'surat keluar' %}selected{% endif %}>Surat Keluar</option>
    <option value="dokumen" {% if search_category == 'dokumen' %}selected{% endif %}>Dokumen</option>
    <option value="disposisi" {% if search_category == 'disposisi' %}selected{% endif %}>Disposisi</option>
  </select>
</div>

      <div class="form-group mr-2">
<select name="action" class="form-control">
      <option value="">(Semua Aksi)</option>
      {% for aksi in action_list %}
        <option value="{{ aksi }}" {% if aksi == search_action %}selected{% endif %}>
          {{ aksi|title }}
        </option>
      {% endfor %}
    </select>
      </div>
      <div class="form-group mr-2">
        <select name="sorting" class="form-control">
          <option value="desc" {% if sorting == 'desc' %}selected{% endif %}>Berkas Terbaru</option>
          <option value="asc" {% if sorting == 'asc' %}selected{% endif %}>Berkas Terlama</option>
        </select>
      </div>
      <button type="submit" class="btn btn-primary">Filter</button>
    </form>

    <div class="table-responsive">
      <table class="table table-striped table-hover table-sm">
        <thead class="text-white" style="background-color: rgb(33, 112, 202);">
          <tr>
            <th style="width: 5%;">No</th>
            <th style="width: 15%;">Waktu</th>
            <th style="width: 15%;">User</th>
            <th style="width: 10%;">Aksi</th>
            <th style="width: 20%;">Kategori</th>
            <th style="width: 35%;">Deskripsi</th>
          </tr>
        </thead>
        <tbody>
          {% for log in logs %}
          <tr>
            <td class="text-center">{{ forloop.counter }}</td>
            <td>{% localtime on %}{{ log.timestamp|date:"d M Y, H:i:s" }}{% endlocaltime %}</td>

            <td>{{ log.user.usr }}</td>
            <td>
  {% if log.action == 'upload' %}
    <span class="badge badge-info text-uppercase">UPLOAD</span>
  {% elif log.action == 'edit' %}
    <span class="badge badge-warning text-uppercase">EDIT</span>
  {% elif log.action == 'delete' %}
    <span class="badge badge-danger text-uppercase">DELETE</span>
  {% elif log.action == 'login' %}
    <span class="badge badge-success text-uppercase">LOGIN</span>
  {% elif log.action == 'logout' %}
    <span class="badge badge-dark text-uppercase">LOGOUT</span>
  {% else %}
    <span class="badge badge-secondary text-uppercase">{{ log.action }}</span>
  {% endif %}
</td>

            <td>
                {% if log.content_type == 'auth' %}
    {% if log.action == 'login' %}
      <i class="fas fa-sign-in-alt text-success"></i> Login
    {% elif log.action == 'logout' %}
      <i class="fas fa-sign-out-alt text-danger"></i> Logout
    {% else %}
      <i class="fas fa-user-shield text-secondary"></i> Autentikasi
    {% endif %}
              {% elif log.content_type == 'surat' %}
                {% if 'keluar' in log.description|lower %}
                  <i class="fas fa-mail-bulk text-success"></i> Surat Keluar
                {% elif 'masuk' in log.description|lower %}
                  <i class="fas fa-envelope-open-text text-primary"></i> Surat Masuk
                {% else %}
                  <i class="fas fa-envelope text-info"></i> Surat
                {% endif %}
{% elif log.content_type|lower == 'disposisi' %}
  <i class="fas fa-paper-plane text-primary"></i> Disposisi
              {% elif log.content_type == 'contents' %}
                <i class="fas fa-file-alt text-success"></i> Dokumen
              {% elif log.content_type == 'attachments' %}
                <i class="fas fa-paperclip text-muted"></i> Lampiran
              {% else %}
                <i class="fas fa-question-circle text-danger"></i> {{ log.content_type|title }}
              {% endif %}
            </td>
            <td class="text-wrap">{{ log.description }}</td>
          </tr>
          {% empty %}
          <tr><td colspan="6" class="text-center text-muted">Belum ada aktivitas tercatat</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <ul class="pagination justify-content-center">
  {% if logs.has_previous %}
    <li class="page-item">
      <a class="page-link" href="?page={{ logs.previous_page_number }}&term={{ search_term }}&action={{ search_action }}&category={{ search_category }}&sorting={{ sorting }}">
        &laquo; Sebelumnya
      </a>
    </li>
  {% else %}
    <li class="page-item disabled">
      <span class="page-link">&laquo; Sebelumnya</span>
    </li>
  {% endif %}

  {% if logs.has_next %}
    <li class="page-item">
      <a class="page-link" href="?page={{ logs.next_page_number }}&term={{ search_term }}&action={{ search_action }}&category={{ search_category }}&sorting={{ sorting }}">
        Selanjutnya &raquo;
      </a>
    </li>
  {% else %}
    <li class="page-item disabled">
      <span class="page-link">Selanjutnya &raquo;</span>
    </li>
  {% endif %}
</ul>

  </div>
</div>
{% endblock %}