{% extends "base.html" %}
{% block content %}
<div class="breadcrumb-bar"><a href="/staff">Staff</a> / {{ staff_member.full_name }}</div>
<div class="page-header">
  <h1>{{ staff_member.full_name }} <span class="status-pill badge-status-{{ staff_member.status.value }}">{{ staff_member.status.value }}</span></h1>
  <div>
    {% if current_user.has_permission('users.edit') %}<a href="/staff/{{ staff_member.id }}/edit" class="btn btn-outline-primary btn-sm"><i class="fa-solid fa-pen"></i> Edit</a>{% endif %}
    {% if current_user.has_permission('users.edit') %}
    <form class="d-inline" method="post" action="/staff/{{ staff_member.id }}/toggle-status">
      <button class="btn btn-outline-secondary btn-sm">{{ 'Disable' if staff_member.status.value == 'active' else 'Enable' }}</button>
    </form>
    {% endif %}
    {% if current_user.has_permission('users.delete') and staff_member.id != current_user.id %}
    <form class="d-inline" method="post" action="/staff/{{ staff_member.id }}/delete" onsubmit="return confirm('Delete this staff account?')">
      <button class="btn btn-outline-danger btn-sm">Delete</button>
    </form>
    {% endif %}
  </div>
</div>
<div class="row g-3">
  <div class="col-lg-8">
    <div class="card-panel">
      <dl class="row mb-0">
        <dt class="col-sm-3">Username</dt><dd class="col-sm-9">{{ staff_member.username }}</dd>
        <dt class="col-sm-3">Email</dt><dd class="col-sm-9">{{ staff_member.email }}</dd>
        <dt class="col-sm-3">Role</dt><dd class="col-sm-9">{{ staff_member.role.name if staff_member.role else '—' }}</dd>
        <dt class="col-sm-3">Team</dt><dd class="col-sm-9">{{ staff_member.team.name if staff_member.team else '—' }}</dd>
        <dt class="col-sm-3">Department</dt><dd class="col-sm-9">{{ staff_member.department or '—' }}</dd>
        <dt class="col-sm-3">Job Title</dt><dd class="col-sm-9">{{ staff_member.job_title or '—' }}</dd>
        <dt class="col-sm-3">Last Login</dt><dd class="col-sm-9">{{ staff_member.last_login_at.strftime('%d %b %Y %H:%M') if staff_member.last_login_at else 'Never' }}</dd>
        <dt class="col-sm-3">Created</dt><dd class="col-sm-9">{{ staff_member.created_at.strftime('%d %b %Y') }}</dd>
      </dl>
    </div>
  </div>
  <div class="col-lg-4">
    {% if current_user.has_permission('users.edit') %}
    <div class="card-panel">
      <h2 class="h6">Reset Password</h2>
      <form method="post" action="/staff/{{ staff_member.id }}/reset-password">
        <input type="password" name="new_password" class="form-control form-control-sm mb-2" placeholder="New temporary password" required>
        <button class="btn btn-sm btn-outline-secondary w-100">Reset &amp; Force Change</button>
      </form>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}