{% extends "base.html" %}
{% set active_nav = 'team' %}
{% block title %}Team{% endblock %}
{% block heading %}Your team{% endblock %}
{% block content %}
<form method="post" action="{{ url_for('admin.add_subordinate') }}" class="form card-form">
  <h2 class="section-title">Add a team member</h2>
  <label class="field">
    <span class="field-label">Name</span>
    <input type="text" name="name" placeholder="Full name" required>
  </label>
  <label class="field">
    <span class="field-label">Google email</span>
    <input type="email" name="email" placeholder="name@gmail.com" required>
  </label>
  <button type="submit" class="btn btn-primary btn-block">Add member</button>
</form>

<h2 class="section-title">Members</h2>
{% if not subordinates %}
  <p class="muted small">No team members yet.</p>
{% else %}
  {% for sub in subordinates %}
    <div class="member-row {{ 'inactive' if not sub.active }}">
      <div class="member-info">
        <div class="member-name">{{ sub.name }}{% if not sub.active %}
          <span class="badge badge-muted">inactive</span>{% endif %}</div>
        <div class="member-email">{{ sub.email }}</div>
      </div>
      <form method="post" action="{{ url_for('admin.toggle_subordinate', user_id=sub.id) }}">
        <button type="submit" class="btn btn-small {{ 'btn-outline' if sub.active else 'btn-secondary' }}">
          {{ 'Deactivate' if sub.active else 'Reactivate' }}</button>
      </form>
    </div>
  {% endfor %}
{% endif %}
{% endblock %}