{% from 'components/ajax-block.html' import ajax_block %}

{% extends "withnav_template.html" %}

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

{% block maincolumn_content %}

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

  {% if current_user.has_permissions('manage_templates') and not current_service.all_templates %}
    <nav class="govuk-!-margin-top-2 govuk-!-margin-bottom-6">
      <a class="govuk-link govuk-link--no-visited-state pill-separate-item govuk-!-padding-top-4 govuk-!-padding-bottom-4 govuk-!-font-weight-bold" href="{{ url_for('.choose_template', service_id=current_service.id) }}">
        Start by creating a template
      </a>
    </nav>
  {% endif %}

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

  {{ ajax_block(
    partials,
    url_for('.broadcast_dashboard_updates', service_id=current_service.id),
    'live_broadcasts'
  ) }}

  <h2 class="heading-medium govuk-!-margin-bottom-2">Waiting for approval</h2>

  {{ ajax_block(
    partials,
    url_for('.broadcast_dashboard_updates', service_id=current_service.id),
    'pending_approval_broadcasts'
  ) }}

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

  {{ ajax_block(
    partials,
    url_for('.broadcast_dashboard_updates', service_id=current_service.id),
    'previous_broadcasts'
  ) }}

{% endblock %}