{% extends "base.html" %}
{% block title %}Arsip Transaksi{% endblock %}
{% block page_title %}Arsip Transaksi{% endblock %}
{% block content %}
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
    <span><i class="fas fa-box-archive me-2"></i>Transaksi Terhapus (bisa dipulihkan)</span>
    <a href="/transaksi" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left me-1"></i>Daftar Transaksi</a>
  </div>
  <div class="card-body p-0">
    <div class="alert alert-info rounded-0 mb-0 py-2 px-3" style="font-size:.82rem">
      <i class="fas fa-circle-info me-1"></i>
      Transaksi yang dihapus disimpan di sini. <strong>Pulihkan</strong> akan membangun ulang transaksi
      (nomor baru, HPP memakai rata-rata saat ini). Stok dan jurnal otomatis disesuaikan.
    </div>
    <div class="table-responsive">
      <table class="table table-sm table-hover mb-0 table-sticky-actions" style="font-size:.85rem">
        <thead class="table-light">
          <tr>
            <th class="ps-3">No. Lama</th>
            <th>Tanggal</th>
            <th>Keterangan</th>
            <th>Pihak</th>
            <th class="text-end">Total</th>
            <th>Dihapus</th>
            <th>Status</th>
            <th class="text-end pe-3">Aksi</th>
          </tr>
        </thead>
        <tbody>
        {% for r in rows %}
          <tr class="{% if r.restored %}table-success{% endif %}">
            <td class="ps-3">{{ r.nomor_tx or ('#' ~ r.jurnal_id_lama) }}</td>
            <td>{{ r.tanggal }}</td>
            <td>{{ r.keterangan }}</td>
            <td>{{ r.pihak or '-' }}</td>
            <td class="text-end text-rp">{{ r.total|rp }}</td>
            <td class="text-muted" style="font-size:.78rem">{{ r.dihapus_pada }}{% if r.dihapus_oleh %}<br>oleh {{ r.dihapus_oleh }}{% endif %}</td>
            <td>
              {% if r.restored %}<span class="badge bg-success">Dipulihkan</span>
              {% else %}<span class="badge bg-secondary">Diarsip</span>{% endif %}
            </td>
            <td class="text-end pe-3">
              {% if r.restored %}
              <a href="/transaksi/{{ r.restored_jurnal_id }}" class="btn btn-xs btn-outline-primary"><i class="fas fa-eye me-1"></i>Lihat</a>
              {% elif r.can_restore %}
              <form method="POST" action="/transaksi/arsip/{{ r.id }}/restore" class="d-inline"
                    onsubmit="return confirm('Pulihkan transaksi ini? Akan dibangun ulang dengan nomor baru.')">
                <button class="btn btn-xs btn-success" title="Pulihkan"><i class="fas fa-rotate-left me-1"></i>Pulihkan</button>
              </form>
              {% else %}
              <span class="text-muted" style="font-size:.72rem" title="{{ r.restore_reason }}">
                <i class="fas fa-circle-info me-1"></i>Pulihkan manual
              </span>
              {% endif %}
              {% if session.role == 'ADMIN' %}
              <form method="POST" action="/transaksi/arsip/{{ r.id }}/hapus-permanen" class="d-inline"
                    onsubmit="return confirm('Hapus PERMANEN arsip ini? Tidak bisa dipulihkan lagi.')">
                <button class="btn btn-xs btn-outline-danger" title="Hapus permanen"><i class="fas fa-trash"></i></button>
              </form>
              {% endif %}
            </td>
          </tr>
        {% else %}
          <tr><td colspan="8" class="text-center text-muted py-5">
            <i class="fas fa-box-open fa-2x mb-2 d-block"></i>Belum ada transaksi yang diarsipkan
          </td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}