{% extends 'base.html' %}
{% block title %}Admin - Pinjaman{% endblock %}
{% block header %}
  <div class="d-flex align-items-center gap-3">
    <i class="bi bi-arrow-left-right display-6 text-primary"></i>
    <h1 class="h4 mb-0">Kelola Pinjaman</h1>
  </div>
{% endblock %}
{% block content %}
<div class="card card-neo">
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-striped table-hover align-middle">
        <thead><tr>
          <th>#</th><th>Barang</th><th>Peminjam</th><th>HP</th><th>Jabatan</th>
          <th>Mulai</th><th>Selesai</th><th>Status</th><th>Foto</th><th>Aksi</th>
        </tr></thead>
        <tbody>
        {% for l in loans %}
          <tr>
            <td>{{ l.id }}</td>
            <td class="fw-semibold">{{ l.item.name }}</td>
            <td>{{ l.user.name }}</td>
            <td>{{ l.user.phone or '-' }}</td>
            <td>{{ l.user.position or '-' }}</td>
            <td>{{ l.start_date or '-' }}</td>
            <td>{{ l.end_date or '-' }}</td>
            <td>{% include 'partials/status_badge.html' %}</td>
            <td class="small">
              {% if l.request_photo %}<a href="{{ url_for('uploads', filename=l.request_photo) }}" target="_blank">Pengajuan</a>{% else %}-{% endif %} |
              {% if l.borrow_photo %}<a href="{{ url_for('uploads', filename=l.borrow_photo) }}" target="_blank">Pinjam</a>{% else %}-{% endif %} |
              {% if l.return_photo %}<a href="{{ url_for('uploads', filename=l.return_photo) }}" target="_blank">Kembali</a>{% else %}-{% endif %}
            </td>
            <td class="text-nowrap" style="min-width:260px;">
              {% if l.status == 'requested' %}
                <form method="post" action="{{ url_for('admin_loan_approve', loan_id=l.id) }}" class="d-inline">
                  <button class="btn btn-sm btn-success"><i class="bi bi-check2-circle me-1"></i>Terima Ajuan</button>
                </form>
              {% endif %}
              {% if l.status in ['requested', 'approved'] %}
                <form method="post" action="{{ url_for('admin_loan_borrow', loan_id=l.id) }}" class="d-inline" enctype="multipart/form-data">
                  <input type="file" name="borrow_photo" accept="image/*" required class="form-control form-control-sm d-inline w-auto">
                  <button class="btn btn-sm btn-warning mt-1"><i class="bi bi-box-arrow-in-down-right me-1"></i>Tandai Dipinjam</button>
                </form>
              {% endif %}
              {% if l.status == 'borrowed' %}
                <form method="post" action="{{ url_for('admin_loan_complete', loan_id=l.id) }}" class="d-inline" enctype="multipart/form-data">
                  <input type="file" name="return_photo" accept="image/*" required class="form-control form-control-sm d-inline w-auto">
                  <button class="btn btn-sm btn-primary mt-1"><i class="bi bi-check2-square me-1"></i>Selesaikan</button>
                </form>
              {% endif %}
              <!-- Tombol Hapus (selalu tersedia; kamu bisa batasi sesuai status) -->
              <form method="post"
                    action="{{ url_for('admin_loan_delete', loan_id=l.id) }}"
                    class="d-inline"
                    onsubmit="return confirm('Hapus pinjaman #{{ l.id }}? Tindakan ini permanen.')">
                <button class="btn btn-sm btn-outline-danger mt-1"><i class="bi bi-trash me-1"></i>Hapus</button>
              </form>
            </td>
          </tr>
        {% else %}
          <tr><td colspan="10" class="text-center text-secondary">Belum ada pinjaman.</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}