{% extends 'base.html' %}
{% block title %}Admin - User{% endblock %}
{% block header %}
  <div class="d-flex align-items-center gap-3">
    <i class="bi bi-people display-6 text-primary"></i>
    <h1 class="h4 mb-0">Daftar User</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 User</h3>
      <a class="btn btn-primary" href="{{ url_for('admin_users_create') }}"><i class="bi bi-person-plus me-1"></i>Tambah User</a>
    </div>
    <div class="table-responsive">
      <table class="table table-striped table-hover align-middle">
        <thead><tr>
          <th>#</th><th>Nama</th><th>Email</th><th>JK</th><th>No HP</th><th>Jabatan</th><th>Peran</th><th>Foto</th><th>Aksi</th>
        </tr></thead>
        <tbody>
        {% for u in users %}
          <tr>
            <td>{{ u.id }}</td><td class="fw-semibold">{{ u.name }}</td><td>{{ u.email }}</td>
            <td>{{ u.gender or '-' }}</td><td>{{ u.phone or '-' }}</td><td>{{ u.position or '-' }}</td><td>{{ u.role }}</td>
            <td>{% if u.photo %}<a href="{{ url_for('uploads', filename=u.photo) }}" target="_blank">Lihat</a>{% else %}-{% endif %}</td>
            <td class="text-nowrap">
              <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('admin_users_edit', user_id=u.id) }}"><i class="bi bi-pencil"></i></a>
              <form method="post" action="{{ url_for('admin_users_delete', user_id=u.id) }}" class="d-inline" onsubmit="return confirm('Hapus user ini?')">
                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
              </form>
            </td>
          </tr>
        {% else %}
          <tr><td colspan="9" class="text-center text-secondary">Belum ada user.</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}