{% extends "profile_base.html" %}

{% set profile_nav_active = "invites" %}
{% block profile_content %}
      <div class="mb-3">
        {% set breadcrumbs = [
          {"name": current_user.name | display_name(current_user.username), "href": "/profile"},
          {"name": "Invites", "href": "/profile/invites"},
          {"name": "New"}
        ] %}
        {% include "partials/breadcrumbs.html" %}
        <h1 class="h3 mb-1">Create invite</h1>
        <p class="text-muted mb-0">Create a signup invite from your profile.</p>
      </div>
      <div class="card shadow-sm">
        <div class="card-body">
          {% if error %}
            <div class="alert alert-danger">{{ error }}</div>
          {% endif %}
          <form method="post" action="/profile/invites/new">
            <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}">
            <div class="row g-3">
              <div class="col-12 col-lg-6">
                <label class="form-label" for="invite-email">Email</label>
                <input class="form-control" id="invite-email" type="email" name="email" value="{{ form.email }}" placeholder="Optional locked signup email" {% if invite_creation_disabled %}disabled{% endif %}>
                <div class="form-text">Leave blank to let the invited user choose their email address during signup.</div>
              </div>
              <div class="col-12 col-lg-3">
                <label class="form-label" for="invite-expires-in">Expires in</label>
                <select class="form-select" id="invite-expires-in" name="expires_in" {% if invite_creation_disabled %}disabled{% endif %}>
                  <option value="1h" {% if form.expires_in == "1h" %}selected{% endif %}>1 hour</option>
                  <option value="1d" {% if form.expires_in == "1d" %}selected{% endif %}>1 day</option>
                  <option value="3d" {% if form.expires_in == "3d" %}selected{% endif %}>3 days</option>
                </select>
              </div>
            </div>
            <div class="d-flex flex-wrap gap-2 mt-4">
              <button class="btn btn-primary" type="submit" {% if invite_creation_disabled %}disabled{% endif %}>Create invite</button>
              <a class="btn btn-outline-secondary" href="/profile/invites">Cancel</a>
            </div>
          </form>
        </div>
      </div>
{% endblock %}