byceps/byceps

{%- from 'macros/icons.html' import render_icon %}
{%- from 'macros/misc.html' import render_notification %}
{%- from 'macros/user.html' import render_user_screen_name %}


{%- if selected_ticket_id %}
{{ render_notification(_('You are managing this ticket as a seating administrator.'), category='warning', icon='warning') }}
{%- endif %}

{%- if managed_tickets %}
  {%- with managed_tickets_total = managed_tickets|length %}
  <div class="block">{{ ngettext('You are managing seats of <strong>%(quantity)s</strong> ticket.', 'You are managing seats of <strong>%(quantity)s</strong> tickets.', managed_tickets_total, quantity=managed_tickets_total) }}</div>
  {%- endwith %}

  <div class="row row--space-between">
    <div class="column--grow">
      <div class="ticket-selector button">
        <ol id="ticket-selection" class="bare">
          {%- for ticket, occupies_seat, seat_label in managed_tickets|sort(attribute='0.code') %}
          <li class="ticket" data-id="{{ ticket.id }}" data-code="{{ ticket.code }}"{% if occupies_seat and seat_label %} data-seat-label="{{ seat_label }}"{% endif %}>
            <span class="managed-ticket-code">{{ ticket.code }}</span>

            <span class="managed-ticket-category">{{ ticket.category_label }}</span>

            <span class="managed-ticket-user">
            {%- if ticket.user -%}
              {{ render_user_screen_name(ticket.user) }}
            {%- else -%}
              {{ _('no user')|dim }}
            {%- endif -%}
            </span>

            <span class="managed-ticket-seat">
            {%- if occupies_seat -%}
              {{ seat_label|fallback(_('unnamed')) }}
            {%- else -%}
              {{ _('no seat')|dim }}
            {%- endif -%}
            </span>

          </li>
          {%- endfor %}
        </ol>
        {{ render_icon('chevron-down') }}
      </div>
    </div>
    <div>
      <button class="button" id="release-seat-trigger" title="{{ _('Release seat') }}">{{ render_icon('remove') }}</button>
    </div>
  </div>
{%- else %}
  <p>{{ _('You are not managing any seats.') }}</p>
{%- endif %}