{% extends 'base.html' %}
{% block title %}Dashboard{% endblock %}
{% block header %}
  <div class="d-flex align-items-center gap-3">
    <i class="bi bi-grid-1x2-fill display-6 text-primary"></i>
    <div>
      <h1 class="h4 mb-0">Dashboard</h1>
      <div class="text-secondary small">Ringkasan aktivitas dan akses cepat</div>
    </div>
  </div>
{% endblock %}
{% block content %}
{% if current_user.role == 'admin' %}
  <div class="row g-3 mb-4">
    <div class="col-md-4">
      <div class="card card-neo">
        <div class="card-body d-flex align-items-center gap-3">
          <i class="bi bi-people fs-3 text-secondary"></i>
          <div>
            <div class="text-secondary small">Total User</div>
            <div class="h4 mb-0">{{ total_users if total_users is defined else '--' }}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card card-neo">
        <div class="card-body d-flex align-items-center gap-3">
          <i class="bi bi-layers fs-3 text-secondary"></i>
          <div>
            <div class="text-secondary small">Total Barang Aktif</div>
            <div class="h4 mb-0">{{ items|length }}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card card-neo">
        <div class="card-body d-flex align-items-center gap-3">
          <i class="bi bi-arrow-left-right fs-3 text-secondary"></i>
          <div>
            <div class="text-secondary small">Total Pinjaman</div>
            <div class="h4 mb-0">{{ total_loans if total_loans is defined else '--' }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% else %}
  {% if any_borrowed %}
    <div class="alert alert-warning glass"><i class="bi bi-exclamation-triangle me-2"></i>Anda memiliki pinjaman aktif. Kembalikan melalui <a href="{{ url_for('my_loans') }}">Pinjaman Saya</a>.</div>
  {% endif %}
  <div class="d-flex flex-wrap gap-2 mb-3">
    <a class="btn btn-primary" href="{{ url_for('loan_request') }}"><i class="bi bi-plus-circle me-1"></i>Ajukan Pinjaman</a>
    <a class="btn btn-outline-secondary" href="{{ url_for('items_ready') }}"><i class="bi bi-check2-square me-1"></i>Barang Ready</a>
  </div>
{% endif %}

<div class="card card-neo">
  <div class="card-body">
    <h5 class="mb-3"><i class="bi bi-activity me-2"></i>{% if current_user.role == 'admin' %}Aktivitas Terbaru{% else %}Pinjaman Terakhir{% endif %}</h5>
    <div class="table-responsive">
      <table class="table table-sm table-hover align-middle">
        <thead><tr>
          <th>#</th><th>Barang</th><th>Peminjam</th><th>Status</th><th>Mulai</th><th>Selesai</th>
        </tr></thead>
        <tbody>
          {% for l in loans %}
          <tr>
            <td>{{ l.id }}</td>
            <td>{{ l.item.name }}</td>
            <td>{{ l.user.name }}</td>
            <td>{% include 'partials/status_badge.html' %}</td>
            <td>{{ l.start_date or '-' }}</td>
            <td>{{ l.end_date or '-' }}</td>
          </tr>
          {% else %}
          <tr><td colspan="6" class="text-center text-secondary">Belum ada data.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}