{% 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 %}
  Daily volumes report
{% endblock %}

{% block platform_admin_content %}

  <h1 class="font-body-2xl margin-bottom-3">
    Daily volumes 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 daily volumes data',
      field_headings=['Name', 'Description'],
      field_headings_visible=True,
      caption_visible=False
    ) %}
      {% for column_heading, description in [
        ('day', 'The whole business day in BST.'),
        ('sms totals', 'The number of text messages sent'),
        ('sms fragments', 'The number of text message fragments sent times the rate multiplier'),
        ('sms chargeable units', 'The number of text message fragments sent'),
        ('email totals', 'The number of emails sent'),
      ] %}
        {% call row() %}
          {{ text_field(column_heading) }}
          {{ text_field(description) }}
        {% endcall %}
      {% endfor %}
    {% endcall %}
  </div>

{% endblock %}