{% from "components/table.html" import list_table, field, right_aligned_field_heading, row_heading %}

{% extends "withnav_template.html" %}

{% macro broadcast_table(broadcasts, empty_message) %}
  <div class='dashboard-table ajax-block-container'>
    {% call(item, row_number) list_table(
      broadcasts|sort|reverse|list,
      caption="Live broadcasts",
      caption_visible=False,
      empty_message=empty_message,
      field_headings=[
        'Template name',
        'Status'
      ],
      field_headings_visible=False
    ) %}
      {% call row_heading() %}
        <div class="file-list">
          <a class="file-list-filename-large govuk-link govuk-link--no-visited-state" href="#">{{ item.template_name }}</a>
          <span class="file-list-hint-large">
            To {{ item.initial_area_names|formatted_list(before_each='', after_each='') }}
          </span>
        </div>
      {% endcall %}
      {% call field(align='right') %}
        {% if item.status == 'broadcasting' %}
          <p class="govuk-body letter-recipient-summary">
            Live until {{ item.finishes_at|format_datetime_relative }}
            <a href="{{ url_for('.cancel_broadcast_message', service_id=current_service.id, broadcast_message_id=item.id) }}" class="destructive-link destructive-link--no-visited-state">Stop broadcasting</a>
          </p>
        {% elif item.status == 'cancelled' %}
          <p class="govuk-body govuk-!-margin-top-6 govuk-!-margin-bottom-0 govuk-hint">
            Stopped {{ item.cancelled_at|format_datetime_relative }}
          </p>
        {% else %}
          <p class="govuk-body govuk-!-margin-top-6 govuk-!-margin-bottom-0 govuk-hint">
            Finished {{ item.finishes_at|format_datetime_relative }}
          </p>
        {% endif %}
      {% endcall %}
    {% endcall %}
  </div>
{% endmacro %}

{% block service_page_title %}
  Dashboard
{% endblock %}

{% block maincolumn_content %}

  <h1 class="govuk-visually-hidden">Dashboard</h1>

  <h2 class="heading-medium govuk-!-margin-bottom-2">Live broadcasts</h2>

  {{ broadcast_table(live_broadcasts, 'You do not have any live broadcasts at the moment') }}

  <h2 class="heading-medium govuk-!-margin-bottom-2">Previous broadcasts</h2>

  {{ broadcast_table(previous_broadcasts, 'You do not have any previous broadcasts') }}

{% endblock %}