{% set page_title = _("Invitations") %}
{% set active = "inviteonly.admin_invitations" %}

{% extends theme("management/management_layout.html") %}

{% block breadcrumb %}
<ol class="breadcrumb flaskbb-breadcrumb">
    <li class="breadcrumb-item"><a href="{{ url_for('forum.index') }}">{% trans %}Forum{% endtrans %}</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('management.overview') }}">{% trans %}Management{% endtrans %}</a></li>
    <li class="breadcrumb-item active">{% trans %}Invitations{% endtrans %}</li>
</ol>
{% endblock %}

{% block management_content %}
{%- from theme('_macros/form.html') import render_field, action_confirm -%}
{%- from theme('_macros/pagination.html') import render_pagination -%}
{%- from theme('inviteonly/_macros.html') import status_badge -%}

<div class="col-md-12 settings-col">
    <div class="card settings">
        <div class="card-header settings-header">
            <span class="fa fa-envelope-open-text"></span> {% trans %}Grant a user's quota{% endtrans %}
        </div>
        <div class="card-body settings-body">
            <form class="row p-2" role="form" method="POST" action="{{ url_for('inviteonly.admin_grant_quota') }}">
                {{ grant_form.hidden_tag() }}
                {{ render_field(grant_form.username, div_class="mb-3 col-md-6") }}
                {{ render_field(grant_form.remaining, div_class="mb-3 col-md-6") }}
                {{ render_field(grant_form.unlimited) }}
                {{ render_field(grant_form.submit) }}
            </form>
        </div>
    </div>
</div>

<div class="col-md-12 settings-col">
    <div class="card settings">
        <div class="card-header settings-header border-top">
            <span class="fa fa-list"></span> {% trans %}All Invitations{% endtrans %}
        </div>
        <div class="card-body settings-body">
            <div class="settings-content">
                <div class="settings-meta row">
                    <div class="col-md-2 col-sm-2 col-3 ps-3 meta-item">{% trans %}Code{% endtrans %}</div>
                    <div class="col-md-2 col-sm-2 col-3 meta-item">{% trans %}Created by{% 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-3 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-1 col-sm-1 col-3 meta-item">{% trans %}Actions{% endtrans %}</div>
                </div>
            {% for invite in invites.items %}
                <div class="row settings-row hover">
                    <div class="col-md-2 col-sm-2 col-3 ps-3"><code>{{ invite.code }}</code></div>
                    <div class="col-md-2 col-sm-2 col-3">
                        {%- if invite.created_by -%}
                        <a href="{{ invite.created_by.url }}">{{ invite.created_by.username }}</a>
                        {%- else -%}
                        -
                        {%- endif -%}
                    </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-3">{{ 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-1 col-sm-1 col-3">
                        {% 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 settings-row">
                    <div class="col-12 ps-3">{% trans %}No invitations yet.{% endtrans %}</div>
                </div>
            {% endfor %}
            </div>
        </div>

        <div class="card-footer settings-footer p-2">
            {{ render_pagination(invites, url_for('inviteonly.admin_invitations')) }}
        </div>
    </div>
</div>

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