{% extends 'base.html' %}
{% block title %}Admin - Barang{% endblock %}
{% block header %}
  <div class="d-flex align-items-center gap-3">
    <i class="bi bi-layers display-6 text-primary"></i>
    <h1 class="h4 mb-0">Daftar Barang</h1>
  </div>
{% endblock %}
{% block content %}
<div class="card card-neo">
  <div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <h3 class="h5 mb-0">Daftar Barang</h3>
      <a class="btn btn-primary" href="{{ url_for('admin_items_create') }}"><i class="bi bi-plus-circle me-1"></i>Tambah Barang</a>
    </div>
    <div class="table-responsive">
      <table class="table table-striped table-hover align-middle">
        <thead><tr>
          <th>#</th><th>Nama</th><th>Kelengkapan</th><th>Jumlah</th><th>Ready</th><th>Aktif</th><th>Aksi</th>
        </tr></thead>
        <tbody>
        {% for it in items %}
          <tr>
            <td>{{ it.id }}</td>
            <td class="fw-semibold">{{ it.name }}</td>
            <td style="max-width: 420px;">{{ it.completeness }}</td>
            <td>{{ it.quantity }}</td>
            <td><span class="badge bg-success-subtle text-success-emphasis">{{ available_count(it) }}</span></td>
            <td>{{ 'Ya' if it.active else 'Tidak' }}</td>
            <td class="text-nowrap">
              <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('admin_items_edit', item_id=it.id) }}"><i class="bi bi-pencil"></i></a>
              <form method="post" action="{{ url_for('admin_items_delete', item_id=it.id) }}" class="d-inline" onsubmit="return confirm('Hapus barang ini?')">
                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                
              </form>
            </td>
          </tr>
        {% else %}
          <tr><td colspan="7" class="text-center text-secondary">Belum ada barang.</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}