{% extends "layout.html" %}
{% block layout_content %}
<div class="card mt-3">
  <div class="card-body">
    <h5 class="card-title">Riwayat Versi Surat: <strong>{{ surat.nomor }}</strong></h5>

    <table class="table table-sm table-bordered">
      <thead class="thead-light">
        <tr>
          <th style="width: 5%">#</th>
          <th style="width: 18%">Tanggal</th>
          <th style="width: 20%">User</th>
          <th>Metadata</th>
          <th style="width: 20%">Lampiran</th>
          <th style="width: 10%">Aksi</th>
        </tr>
      </thead>
      <tbody>
        {% for v in versions %}
        <tr>
          <td>{{ forloop.counter }}</td>
          <td>{{ v.created|date:"d M Y H:i" }}</td>
          <td>{{ v.user_nama|default:"-" }}</td>
          <td>
            <strong>{{ v.nomor }}</strong><br>
            <small>{{ v.perihal }}</small>
          </td>
          <td>
            {% if v.attachments %}
              <ul class="mb-0 small">
                {% for file in v.attachments %}
                  <li>{{ file.name }}</li>
                {% endfor %}
              </ul>
            {% else %}
              <span class="text-muted small">Belum ada lampiran</span>
            {% endif %}
          </td>
          <td class="text-center">
            <a href="{% url 'surat_rollback' surat_pk=surat.pk version_id=v.pk %}" class="btn btn-sm btn-warning btn-block">
              Rollback
            </a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>

    <div class="mt-4">
        <a href="{% url 'surat_item' surat_type=surat_type|lower surat_pk=surat.pk %}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i> Kembali ke Detail
        </a>
    </div>
  </div>
</div>
{% endblock %}