{# settings/user_invite_link.html — an invite's link, shown once (milestone
   496), when mail didn't carry it: no mail server, or sending failed. #}
{% extends "base.html" %}
{% from "_macros.html" import crumbs, page_header %}
{% from "settings/_tabs.html" import settings_tabs %}
{% block title %}Invite link — Settings — Steward{% endblock %}
{% block section_tabs %}{{ settings_tabs("users") }}{% endblock %}
{% block breadcrumb %}{{ crumbs([("Settings", "/settings/"), ("Users", "/settings/users/"), ("Invite link", "")]) }}{% endblock %}
{% block content %}
{{ page_header("Invite link for " ~ invite.email) }}
<div class="form-page">
  <p class="page-verdict" role="status">{{ why }}</p>
  <section class="card form-section" aria-labelledby="link-title">
    <h2 id="link-title" class="section-title">Copy this link now. It can't be shown again.</h2>
    <div class="copy-once">
      <input class="input" type="text" id="invite-url" value="{{ url }}" readonly aria-label="Invite link">
      <button type="button" class="btn btn-ghost btn-sm"
              onclick="navigator.clipboard.writeText(document.getElementById('invite-url').value).then(()=>this.textContent='Copied')">Copy</button>
    </div>
    <p class="field-hint">Send it to {{ invite.email }} yourself. It makes one {{ invite.role.value }} account and works until {{ invite.expires_at|when }}. If you lose it, resend the invite from Users for a new link.</p>
  </section>
  <div class="form-actions"><a href="/settings/users/" class="btn">Back to Users</a></div>
</div>
{% endblock %}