{% extends "views/platform-admin/_base_template.html" %}
{% from "components/form.html" import form_wrapper %}
{% from "components/table.html" import mapping_table, row, text_field %}

{% block per_page_title %}
  Volumes by service report
{% endblock %}

{% block platform_admin_content %}

  <h1 class="font-body-2xl margin-bottom-3">
    Volumes by service Report
  </h1>

  {% call form_wrapper() %}
    {{ form.start_date(param_extensions={"hint": {"text": "Use the format YYYY-MM-DD"}}) }}
    {{ form.end_date(param_extensions={"hint": {"text": "Use the format YYYY-MM-DD"}}) }}
    {{ page_footer('Download report (CSV)') }}
  {% endcall %}

  <h2 class="font-body-lg">
    Data included in the report
  </h2>
<div class="bottom-gutter-3-2">
    {% call mapping_table(
      caption='Descriptions of volumes by service data',
      field_headings=['Name', 'Description'],
      field_headings_visible=True,
      caption_visible=False
    ) %}
      {% for column_heading, description in [
        ('free allowance', 'Free allowance set for the service. This is the latest free allowance for the date range given'),
        ('sms notifications', 'The number of text messages sent by the service.'),
        ('sms chargeable units', 'The number of text message fragments times the rate multiplier sent by the service.'),
        ('email totals', 'The number of emails sent by a service'),
      ] %}
        {% call row() %}
          {{ text_field(column_heading) }}
          {{ text_field(description) }}
        {% endcall %}
      {% endfor %}
    {% endcall %}
  </div>

{% endblock %}
