{% set page_title = _("My Invitations") %}

{% extends theme("layout.html") %}
{% block content %}
{% from theme("_macros/form.html") import render_field, action_confirm %}
{% from theme("inviteonly/_macros.html") import status_badge %}

<div class="page-view">
    <ol class="breadcrumb flaskbb-breadcrumb bg-light">
        <li class="breadcrumb-item"><a href="{{ url_for('forum.index') }}">{% trans %}Forum{% endtrans %}</a></li>
        <li class="breadcrumb-item"><a href="{{ url_for('user.profile', username=current_user.username) }}">{{ current_user.username }}</a></li>
        <li class="breadcrumb-item active">{% trans %}My Invitations{% endtrans %}</li>
    </ol>

    <div class="card page">
        <div class="card-header page-header">
            <span class="fas fa-envelope-open-text"></span> {% trans %}My Invitations{% endtrans %}
        </div>

        <div class="card-body page-body">
            <div class="p-3">
                <p{% if not can_create %} class="mb-0"{% endif %}>
                    {% if remaining is none %}
                        {% trans %}You have unlimited invitations.{% endtrans %}
                    {% else %}
                        {% trans %}You have {% endtrans %}<strong>{{ remaining }}</strong>
                        {% trans %}invitation(s) left.{% endtrans %}
                    {% endif %}
                </p>

                {% if can_create %}
                <form class="row g-2 align-items-end" role="form" method="POST">
                    {{ form.hidden_tag() }}
                    {{ render_field(form.email, div_class="col-md-6") }}
                    {{ render_field(form.submit, div_class="col-auto") }}
                </form>
                {% endif %}
            </div>

            <div class="row m-0 page-meta">
                <div class="col-md-2 col-sm-2 col-4 ps-3 meta-item">{% trans %}Code{% endtrans %}</div>
                <div class="col-md-3 col-sm-3 d-none d-sm-block meta-item">{% trans %}Invited email{% endtrans %}</div>
                <div class="col-md-2 col-sm-2 col-4 meta-item">{% trans %}Status{% endtrans %}</div>
                <div class="col-md-2 col-sm-2 d-none d-sm-block meta-item">{% trans %}Created{% endtrans %}</div>
                <div class="col-md-2 col-sm-2 d-none d-sm-block meta-item">{% trans %}Expires{% endtrans %}</div>
                <div class="col-md-1 col-sm-1 col-4 meta-item">{% trans %}Actions{% endtrans %}</div>
            </div>
            {% for invite in invites %}
            <div class="row page-row hover">
                <div class="col-md-2 col-sm-2 col-4 ps-3"><code>{{ invite.code }}</code></div>
                <div class="col-md-3 col-sm-3 d-none d-sm-block">{{ invite.invited_email or "-" }}</div>
                <div class="col-md-2 col-sm-2 col-4">{{ status_badge(invite.status) }}</div>
                <div class="col-md-2 col-sm-2 d-none d-sm-block">{{ invite.created_at|format_date }}</div>
                <div class="col-md-2 col-sm-2 d-none d-sm-block">{{ invite.expires_at|format_date if invite.expires_at else "-" }}</div>
                <div class="col-md-1 col-sm-1 col-4">
                    {% if invite.status == "pending" %}
                    {{ action_confirm(
                        "revoke-" ~ invite.id,
                        url_for("inviteonly.revoke_invite", invite_id=invite.id),
                        _("Revoke"),
                        icon="fas fa-ban text-danger"
                    ) }}
                    {% endif %}
                </div>
            </div>
            {% else %}
            <div class="row page-row">
                <div class="col-12 ps-3">{% trans %}You haven't created any invitations yet.{% endtrans %}</div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

{% include theme('_partials/confirm_dialog.html') %}
{% endblock %}