{% extends 'base.html' %}
{% block title %}Barang Ready{% endblock %}
{% block header %}
  <div class="d-flex align-items-center gap-3">
    <i class="bi bi-check2-square display-6 text-primary"></i>
    <h1 class="h4 mb-0">Daftar Barang Ready</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>Nama</th><th>Kelengkapan</th><th>Jumlah Ready</th></tr></thead>
        <tbody>
        {% for it, cnt in ready %}
          <tr><td>{{ it.id }}</td><td class="fw-semibold">{{ it.name }}</td><td>{{ it.completeness }}</td><td><span class="badge bg-success-subtle text-success-emphasis">{{ cnt }}</span></td></tr>
        {% else %}
          <tr><td colspan="4" class="text-center text-secondary">Tidak ada barang yang ready saat ini.</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}