{% from "components/table.html" import mapping_table, row, text_field, field, row_heading %}
{% from "components/textbox.html" import textbox %}
{% from "components/live-search.html" import live_search %}

{% extends "withoutnav_template.html" %}

{% block per_page_title %}
  Pricing
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="column-two-thirds">

    <h1 class="heading-large">Pricing</h1>
    <p>To use GOV.UK Notify, there’s:</p>
    <ul class="list list-bullet">
      <li>no monthly charge</li>
      <li>no setup fee</li>
      <li>no procurement cost</li>
    </ul>
    
    <p><a href="https://www.notifications.service.gov.uk/register">Create an account</a> then set up as many different services as you need to. Each service has its own free message allowance.</p>
    
    <h2 class="heading-medium">Emails</h2>
    <p>It’s free to send emails through GOV.UK Notify.</p>

    <h2 class="heading-medium">Text messages</h2>
    <p>You have a free allowance of text messages each financial year. You’ll get:</p>
    <ul class="list list-bullet">
      <li>250,000 free text messages for central government services</li>
      <li>25,000 free text messages for other public sector services</li>
    </ul>
    <p>It costs 1.58 pence (plus VAT) for each text message you send after your free allowance.</p>
    
    <p>See <a href="#paying">how to pay</a>.

    <h3 class="heading-small">Multiple services</h3>
    <p>If your organisation offers multiple services, you can have a different Notify account for each of them.</p>
    <p>Each service will get its own free message allowance.</p>

    <h3 class="heading-small">Long text messages</h3>
    <p>If a text message is beyond a certain length, it’ll be charged as more than one message:</p>
    <div class="bottom-gutter-3-2">
      {% call mapping_table(
        caption='Letter pricing',
        field_headings=['Message length', 'Charge'],
        field_headings_visible=True,
        caption_visible=False
      ) %}
        {% for message_length, charge in [
          ('Up to 160 characters', '1 text message'),
          ('Up to 306 characters', '2 text messages'),
          ('Up to 459 characters', '3 text messages'),
          ('Up to 612 characters', '4 text messages'),
        ] %}
          {% call row() %}
            {{ text_field(message_length) }}
            {{ text_field(charge) }}
          {% endcall %}
        {% endfor %}
      {% endcall %}
    </div>
    <h3 class="heading-small">Sending text messages to international numbers</h3>
    <p>It might cost more to send text messages to international numbers than UK ones, depending on the country.</p>
    <details>
      <summary>International text message rates</summary>

      {{ live_search(target_selector='#international-pricing .table-row', show=True, form=search_form, label='Search by country name or code') }}

      <div id="international-pricing" class="bottom-gutter-3-2">
        {% call mapping_table(
          caption='Letter pricing',
          field_headings=['Country code', 'Country', 'Cost multiplier'],
          field_headings_visible=True,
          caption_visible=False
        ) %}
          {% for cc, names, billable_units in international_sms_rates %}
            {% call row() %}
              {{ text_field('+' + cc) }}
              {% call field() %}
                {% for name in names %}
                  {{ name }}<br>
                {% endfor %}
              {% endcall %}
              {{ text_field('{}&hairsp;&times;'.format(billable_units)|safe) }}
            {% endcall %}
          {% endfor %}
        {% endcall %}
      </div>

    </details>

    <h2 class="heading-medium" id="letters">Letters</h2>
    <p>The cost of sending a letter depends on the postage you use and how many sheets of paper you need.</p>
    <div class="bottom-gutter-3-2">
      {% call mapping_table(
        caption='Letter pricing',
        field_headings=['', 'Second class', 'First class'],
        field_headings_visible=True,
        caption_visible=False
      ) %}
        {% for sheets, second, first in [
          ('1 sheet', '30', '56'),
          ('2 sheets', '35', '61'),
          ('3 sheets', '40', '66'),
          ('4 sheets', '45', '71'),
          ('5 sheets', '50', '76'),
        ] %}
          {% call row() %}
            {% call row_heading() %} {{ sheets }} (double-sided) {% endcall %}
            {{ text_field(second + 'p + VAT') }}
            {{ text_field(first + 'p + VAT') }}
          {% endcall %}
        {% endfor %}
      {% endcall %}
    </div>
    <p>Prices include:</p>
    <ul class="list list-bullet">
      <li>paper</li>
      <li>double-sided colour printing</li>
      <li>envelopes</li>
      <li>postage</li>
    </ul>

    <h2 class="heading-medium" id="paying">How to pay</h2>
    <p>Before you can use Notify to send letters or pay for text messages you'll need to raise a Purchase Order (PO). You may need to set up the Cabinet Office as a supplier first.</p>
    <p>Once you've done that, Notify will send you an invoice at the end of each quarter. If the value of an invoice is very small, we roll it into the next quarter to save time and effort.</p>
    <p>Read our data sharing and financial agreement for more information.</p>
    <p>
      {{ agreement_info.as_pricing_paragraph(
        pricing_link=url_for('main.sign_in', next=url_for('main.pricing', _anchor='paying')),
        download_link=url_for('main.agreement'),
        support_link=url_for('.feedback', ticket_type='ask-question-give-feedback', body='agreement'),
        signed_in=current_user.is_authenticated,
      ) }}
    </p>
  </div>
</div>

{% endblock %}