{% 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 %}
    {% set is_leader = group.leader_registration_id == registration.id %}
    {% 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">
    <div class="i-box group-registration-panel" data-group-state="{{ group.state.name }}">
        <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>
                    {% trans label=chosen.label if chosen else '' -%}
                        This group is confirmed on the "{{ label }}" rate. The amount you pay will not change.
                    {%- endtrans %}
                </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>
                {% if membership.balance_due > 0 %}
                    {# `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 %}
            {% elif group.state.name == 'dissolved' %}
                <p>
                    {% trans %}This group has been dissolved by the organizers and no group rate applies.{% endtrans %}
                </p>
            {% 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? Every link you have already shared will stop working.{% endtrans %}">
                            {% trans %}New join link{% 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 %}