neiam /dms

{% extends "root.html" %}

{% block inner %}
<div class="space-y-6 text-left">
  <h2 class="text-2xl font-bold text-accent">Invites</h2>
  <p class="opacity-70 text-sm">
    Generate an invite link to bring someone onto DMS. Share the URL — the
    recipient can register through it without needing the token in any other form.
  </p>

  <form method="post" action="/invites" class="card bg-base-200 p-4 grid grid-cols-1 md:grid-cols-3 gap-2 items-end">
    <label class="flex flex-col md:col-span-1">
      <span class="text-xs">Restrict to email (optional)</span>
      <input class="input input-sm" type="email" name="email" placeholder="friend@example.com"/>
    </label>
    <label class="flex flex-col md:col-span-1">
      <span class="text-xs">Days valid</span>
      <input class="input input-sm" type="number" min="1" name="days" placeholder="7"/>
    </label>
    <button class="btn btn-primary btn-sm md:col-span-1" type="submit">Generate invite</button>
  </form>

  {% if invites|length == 0 %}
    <p class="opacity-70 text-sm">You haven't created any invites yet.</p>
  {% else %}
  <div class="overflow-x-auto">
    <table class="table table-sm">
      <thead>
        <tr>
          <th>Status</th>
          <th>Email</th>
          <th>Expires</th>
          <th>Invite link</th>
        </tr>
      </thead>
      <tbody>
        {% for inv in invites %}
        {% set used = inv.is_used %}
        {% set expired = (inv.expires_at | string) < (now | string) %}
        <tr class="{% if used or expired %}opacity-50{% endif %}">
          <td>
            {% if used %}<span class="badge badge-neutral badge-sm">Used</span>
            {% elif expired %}<span class="badge badge-warning badge-sm">Expired</span>
            {% else %}<span class="badge badge-success badge-sm">Active</span>
            {% endif %}
          </td>
          <td>{{ inv.email or "—" }}</td>
          <td><code class="text-xs">{{ inv.expires_at }}</code></td>
          <td>
            {% if used or expired %}
              <code class="text-xs opacity-60">{{ inv.token }}</code>
            {% else %}
              <input class="input input-xs w-full"
                     readonly
                     value="/register?token={{ inv.token }}"
                     onclick="this.select()"/>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</div>
{% endblock %}