{# settings/user_invite.html — invite someone by email (milestone 496): they
   make their own account from the link, with the role chosen here. #}
{% extends "base.html" %}
{% from "_macros.html" import crumbs, page_header %}
{% from "settings/_tabs.html" import settings_tabs %}
{% block title %}Invite by email — Settings — Steward{% endblock %}
{% block section_tabs %}{{ settings_tabs("users") }}{% endblock %}
{% block breadcrumb %}{{ crumbs([("Settings", "/settings/"), ("Users", "/settings/users/"), ("Invite by email", "")]) }}{% endblock %}
{% block content %}
{{ page_header("Invite by email", "They choose their own username, email and password from the link.") }}
{% if error %}<div class="alert alert-error" role="alert">{{ error }}</div>{% endif %}

<form method="post" action="/settings/users/invite" class="form-page">{{ csrf_field() }}
  <section class="card form-section" aria-labelledby="inv-who">
    <h2 id="inv-who" class="section-title">Invite</h2>
    <div class="field">
      <label class="field-label" for="inv-email">Send to</label>
      <input class="input" id="inv-email" type="email" name="email" maxlength="255" required autofocus
             value="{{ form.get('email', '') }}" autocomplete="off">
      {% if not mail_ready %}<span class="field-hint tone-warn">No mail server is set, so you'll get the link to pass on yourself. Set one in Settings › <a href="/settings/notifications/">Notifications</a>.</span>{% endif %}
    </div>
    <div class="form-pair">
      <div class="field">
        <label class="field-label" for="inv-role">Role</label>
        <select class="input" id="inv-role" name="role">
          {% for r in roles %}<option value="{{ r.value }}" {% if form.get('role', 'viewer') == r.value %}selected{% endif %}>{{ r.value|capitalize }}</option>{% endfor %}
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="inv-days">Link works for</label>
        <select class="input" id="inv-days" name="days">
          {% for d in days %}<option value="{{ d }}" {% if form.get('days', default_days|string) == d|string %}selected{% endif %}>{{ d }} day{{ 's' if d != 1 }}</option>{% endfor %}
        </select>
      </div>
    </div>
    <p class="field-hint">A viewer reads; an operator also runs playbooks and changes monitors, hosts and alerts; an admin also changes Settings and users. They can't change the role you pick. The link works once.</p>
  </section>
  <div class="form-actions">
    <button type="submit" class="btn">{{ "Send invite" if mail_ready else "Make invite link" }}</button>
    <a href="/settings/users/" class="btn btn-ghost">Cancel</a>
  </div>
</form>
{% endblock %}