{% extends "base.html" %}
{% block content %}
<div class="page-header"><h1>{{ 'Edit Staff Member' if staff_member else 'Add Staff Member' }}</h1></div>
{% if error %}<div class="alert alert-danger py-2">{{ error }}</div>{% endif %}
<form method="post" action="{{ '/staff/%d/edit' % staff_member.id if staff_member else '/staff/new' }}">
  <div class="row g-3">
    <div class="col-lg-8">
      <div class="card-panel mb-3">
        <div class="row g-2">
          <div class="col-md-6"><label class="form-label">First Name</label><input name="first_name" class="form-control" required value="{{ staff_member.first_name if staff_member else '' }}"></div>
          <div class="col-md-6"><label class="form-label">Last Name</label><input name="last_name" class="form-control" required value="{{ staff_member.last_name if staff_member else '' }}"></div>
          {% if not staff_member %}
          <div class="col-md-6"><label class="form-label">Username</label><input name="username" class="form-control" required></div>
          {% endif %}
          <div class="col-md-6"><label class="form-label">Email</label><input type="email" name="email" class="form-control" required value="{{ staff_member.email if staff_member else '' }}"></div>
          {% if not staff_member %}
          <div class="col-md-6"><label class="form-label">Temporary Password</label><input type="password" name="password" class="form-control" required></div>
          {% endif %}
          <div class="col-md-6"><label class="form-label">Department</label><input name="department" class="form-control" value="{{ staff_member.department if staff_member else '' }}"></div>
          <div class="col-md-6"><label class="form-label">Job Title</label><input name="job_title" class="form-control" value="{{ staff_member.job_title if staff_member else '' }}"></div>
        </div>
      </div>
    </div>
    <div class="col-lg-4">
      <div class="card-panel mb-3">
        <div class="mb-2">
          <label class="form-label">Role</label>
          <select name="role_id" class="form-select" required>
            {% for r in roles %}<option value="{{ r.id }}" {{ 'selected' if staff_member and staff_member.role_id == r.id }}>{{ r.name }}</option>{% endfor %}
          </select>
        </div>
        <div class="mb-0">
          <label class="form-label">Team</label>
          <select name="team_id" class="form-select">
            <option value="">— None —</option>
            {% for t in teams %}<option value="{{ t.id }}" {{ 'selected' if staff_member and staff_member.team_id == t.id }}>{{ t.name }}</option>{% endfor %}
          </select>
        </div>
      </div>
      <button type="submit" class="btn btn-primary w-100">{{ 'Save Changes' if staff_member else 'Create Staff Member' }}</button>
    </div>
  </div>
</form>
{% endblock %}