{% extends "base.html" %}
{% block title %}Tambah User{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1 class="page-title">👤 Tambah User Baru</h1>
    <p class="page-sub">Buat akun untuk Owner atau Staf Lapangan</p>
  </div>
  <a href="{{ url_for('daftar_users') }}" class="btn btn--outline">← Kembali</a>
</div>

<div class="card" style="max-width: 480px">
  <form method="POST" action="{{ url_for('tambah_user') }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="form-group">
      <label for="nama_lengkap">Nama Lengkap <span class="required">*</span></label>
      <input type="text" id="nama_lengkap" name="nama_lengkap"
             class="form-control" placeholder="Nama lengkap pengguna" required>
    </div>
    <div class="form-group">
      <label for="username">Username <span class="required">*</span></label>
      <input type="text" id="username" name="username"
             class="form-control" placeholder="Tidak boleh ada spasi" required>
    </div>
    <div class="form-group">
      <label for="password">Password <span class="required">*</span></label>
      <input type="password" id="password" name="password"
             class="form-control" placeholder="Min. 6 karakter" minlength="6" required>
    </div>
    <div class="form-group">
      <label for="role">Role <span class="required">*</span></label>
      <select id="role" name="role" class="form-control">
        <option value="staf">Staf Lapangan</option>
        <option value="owner">Owner</option>
      </select>
    </div>
    <div class="form-actions">
      <a href="{{ url_for('daftar_users') }}" class="btn btn--outline">Batal</a>
      <button type="submit" class="btn btn--primary">💾 Simpan User</button>
    </div>
  </form>
</div>
{% endblock %}