{% from 'message_box.html' import message_box %}

{% macro render_group_panel(membership, group, registration, from_management=false, switchable_plans=()) %}
    {% set plan = group.pricing_plan %}
    {% set chosen = group.chosen_plan %}
    {#
        Leadership is not taken off a leader whose registration is withdrawn or
        rejected, so being the recorded leader is not enough to be offered the
        leader's two buttons: `RHGroupLeaderBase._check_access` refuses both to
        anybody core no longer calls active, and a button that answers 403 is
        worse than no button.
    #}
    {% set is_leader = group.leader_registration_id == registration.id and registration.is_active %}
    {% set join_url = url_for_plugin('group_registration.join_link', group.registration_form,
                                     join_uuid=group.join_uuid, _external=true) %}

    {#
        The hook this macro answers is rendered *inside* `<table class="registration-info">`,
        before its first row.  Anything that is not table content gets foster-parented
        out of the table by the HTML parser, and the members table below implicitly
        closes the outer one -- which tore the panel into three pieces scattered
        around the page.  One row spanning both columns keeps it whole.
    #}
    <tr class="group-registration-row">
      <td colspan="2">
    {#
        `data-group-balance-due` is read by `balanceBadge.js`, which corrects the
        invoice box: core prints "Paid" there from the transaction alone, so a
        member repriced above what they handed over is labelled settled on the
        very page that shows they are not.  The attribute is only on the panel
        when there is something to correct.
    #}
    <div class="i-box group-registration-panel" data-group-state="{{ group.state.name }}"
         {%- if membership.balance_due > 0 %} data-group-balance-due="{{ membership.balance_due }}"{% endif %}>
        <div class="i-box-header">
            <div class="i-box-title">
                {% trans name=group.name %}Group: {{ name }}{% endtrans %}
            </div>
            <div class="i-box-metadata">
                <span class="label">{{ group.state.title }}</span>
                <span class="content">
                    {%- if group.state.name == 'forming' -%}
                        {% trans count=group.member_count, target=group.target_size -%}
                            {{ count }} of {{ target }} members
                        {%- endtrans %}
                    {%- else -%}
                        {% trans count=group.member_count %}{{ count }} members{% endtrans %}
                    {%- endif -%}
                </span>
            </div>
        </div>
        <div class="i-box-content">

            {% if group.state.name == 'forming' %}
                <p>
                    {% trans seats=group.seats_left, target=group.target_size, label=chosen.label if chosen else '' -%}
                        Your group needs {{ seats }} more member(s) to reach {{ target }} and confirm the
                        "{{ label }}" rate. Share the code or the link below -- it will confirm itself the moment
                        the last seat is filled.
                    {%- endtrans %}
                </p>
            {% elif group.state.name == 'confirmed' %}
                <p>
                    {#
                        Whether a confirmed rate is settled is the organizer's
                        `revoke_on_member_loss`: with it on, a member who leaves
                        or is rejected drops the group back to `forming`, and
                        this is the page the member checks afterwards.  Saying
                        the amount cannot change and then changing it is the one
                        thing the panel must not do.
                    #}
                    {% if group.reprices_on_member_loss %}
                        {% trans label=chosen.label if chosen else '', target=group.target_size -%}
                            This group is confirmed on the "{{ label }}" rate. It keeps that rate while it has
                            its {{ target }} members -- if one of them leaves or is rejected, the group goes
                            back to forming and has to fill again before the deadline, or everyone in it is
                            repriced.
                        {%- endtrans %}
                    {% else %}
                        {% trans label=chosen.label if chosen else '' -%}
                            This group is confirmed on the "{{ label }}" rate. The amount you pay will not change.
                        {%- endtrans %}
                    {% endif %}
                </p>
            {% elif group.state.name == 'short' %}
                <p>
                    {% if plan %}
                        {% trans aimed=chosen.label if chosen else '', label=plan.label -%}
                            This group did not reach the "{{ aimed }}" seat count by the deadline, so the
                            "{{ label }}" rate was applied instead.
                        {%- endtrans %}
                    {% else %}
                        {% trans aimed=chosen.label if chosen else '' -%}
                            This group did not reach the "{{ aimed }}" seat count by the deadline and does not
                            qualify for a group rate, so the standard rate now applies.
                        {%- endtrans %}
                    {% endif %}
                </p>
            {% elif group.state.name == 'dissolved' %}
                <p>
                    {% trans %}This group has been dissolved by the organizers and no group rate applies.{% endtrans %}
                </p>
            {% endif %}

            {#
                Not confined to a short group: dissolving one puts its members
                back on the standard rate, which raises the price of anybody who
                had already paid the group's.  The organizer reads this off the
                "Outstanding balance" section on their own page instead, which is
                the one that carries the button.
            #}
            {% if membership.balance_due > 0 and not from_management %}
                {# `i-callout` is not an Indico class; this is the one it really has. #}
                {% call message_box('warning') %}
                    {% trans balance=format_currency(membership.balance_due, registration.currency) -%}
                        You have an outstanding balance of {{ balance }}. Please contact the organizers to
                        settle it.
                    {%- endtrans %}
                    {% trans -%}
                        Until it is settled your registration stays on "awaiting payment". The checkout cannot
                        take the difference on its own, so please arrange it with the organizers rather than
                        paying again here.
                    {%- endtrans %}
                {% endcall %}
            {% endif %}

            {% if group.state.name == 'forming' %}
                <div class="group-registration-share">
                    <label class="group-registration-share__label" for="group-code">
                        {% trans %}Group code{% endtrans %}
                    </label>
                    <input id="group-code" class="group-registration-share__value" type="text" readonly
                           value="{{ group.formatted_code }}"
                           data-copy-value="{{ group.code }}">

                    <label class="group-registration-share__label" for="group-link">
                        {% trans %}Join link{% endtrans %}
                    </label>
                    <input id="group-link" class="group-registration-share__value" type="text" readonly
                           value="{{ join_url }}"
                           data-copy-value="{{ join_url }}">
                </div>
                <p class="text-not-important">
                    {% trans %}Send these to the people you want in your group however you like -- we do not e-mail them for you.{% endtrans %}
                </p>
            {% endif %}

            <table class="group-registration-members">
                <thead>
                    <tr>
                        <th>{% trans %}Member{% endtrans %}</th>
                        <th>{% trans %}Status{% endtrans %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for member in group.members %}
                        {% if member.registration and not member.registration.is_deleted %}
                            <tr>
                                <td>
                                    {{ member.registration.full_name }}
                                    {%- if group.leader_registration_id == member.registration_id %}
                                        <span class="text-not-important">({% trans %}leader{% endtrans %})</span>
                                    {%- endif %}
                                </td>
                                <td>{{ member.registration.state.title }}</td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                </tbody>
            </table>

            {% if not from_management %}
                {% if is_leader and group.state.name == 'forming' and switchable_plans %}
                    {#
                        A leader may still move the group to another plan while
                        nobody has paid.  The endpoint refuses the rest, so this
                        only has to offer what is plausible: plans that seat at
                        least the members already in.
                    #}
                    <div class="group-registration-switch">
                        <label for="group-plan-switch">{% trans %}Change plan{% endtrans %}</label>
                        <select id="group-plan-switch">
                            {% for option in switchable_plans %}
                                <option value="{{ option.id }}" {{ 'selected' if option.id == group.plan_id }}>
                                    {% trans label=option.label, size=option.size -%}
                                        {{ label }} -- {{ size }} seats
                                    {%- endtrans %}
                                </option>
                            {% endfor %}
                        </select>
                        <button class="i-button"
                                data-href="{{ url_for_plugin('group_registration.switch_plan', **registration.locator.registrant) }}"
                                data-method="POST"
                                data-params-selector='{"plan": "#group-plan-switch"}'
                                data-reload-after
                                data-confirm="{% trans %}Move the group onto the selected plan? Everyone in the group is repriced.{% endtrans %}">
                            {% trans %}Switch{% endtrans %}
                        </button>
                    </div>
                {% endif %}
                <div class="toolbar f-j-end">
                    {% if is_leader and group.state.name == 'forming' %}
                        <button class="i-button icon-link"
                                data-href="{{ url_for_plugin('group_registration.regenerate_link', **registration.locator.registrant) }}"
                                data-method="POST"
                                data-reload-after
                                data-confirm="{% trans %}Generate a new join link and group code? Every link and every code you have already shared will stop working.{% endtrans %}">
                            {% trans %}New link and code{% endtrans %}
                        </button>
                    {% endif %}
                    {% if group.state.name in ('forming', 'confirmed') and not registration.is_paid %}
                        <button class="i-button icon-exit"
                                data-href="{{ url_for_plugin('group_registration.leave_group', **registration.locator.registrant) }}"
                                data-method="POST"
                                data-reload-after
                                data-confirm="{% trans %}Leave this group? The standard rate will apply to your registration.{% endtrans %}">
                            {% trans %}Leave group{% endtrans %}
                        </button>
                    {% endif %}
                </div>
            {% endif %}
        </div>
    </div>
      </td>
    </tr>
{% endmacro %}