Add ‘How to pay’ page

Content from https://docs.google.com/document/d/1uIFW8c7Vk0-FQ-d8H1FmNZLHKn_tOXWg5oUL8bbcZzw/edit?ts=5ced1ae4#

app/main/views/index.py

@@ -15,6 +15,7 @@ from notifications_utils.template import HTMLEmailTemplate, LetterImageTemplate
 from app import email_branding_client, letter_branding_client, status_api_client
 from app.main import main
 from app.main.forms import FieldWithNoneOption, SearchByNameForm
+from app.main.views.feedback import QUESTION_TICKET_TYPE
 from app.main.views.sub_navigation_dictionaries import features_nav
 from app.utils import get_logo_cdn_domain
 
@@ -78,6 +79,14 @@ def pricing():
     )
 
 
+@main.route('/pricing/how-to-pay')
+def how_to_pay():
+    return render_template(
+        'views/pricing/how-to-pay.html',
+        support_link=url_for('main.feedback', ticket_type=QUESTION_TICKET_TYPE)
+    )
+
+
 @main.route('/delivery-and-failure')
 def delivery_and_failure():
     return redirect(url_for('.message_status'), 301)

app/navigation.py

@@ -60,6 +60,7 @@ class HeaderNavigation(Navigation):
         },
         'pricing': {
             'pricing',
+            'how_to_pay',
         },
         'documentation': {
             'documentation',
@@ -477,6 +478,7 @@ class MainNavigation(Navigation):
         'get_example_csv',
         'get_notifications_as_json',
         'go_to_dashboard_after_tour',
+        'how_to_pay',
         'inbound_sms_admin',
         'inbox_download',
         'inbox_updates',
@@ -690,6 +692,7 @@ class CaseworkNavigation(Navigation):
         'get_example_csv',
         'get_notifications_as_json',
         'go_to_dashboard_after_tour',
+        'how_to_pay',
         'inbound_sms_admin',
         'inbox_download',
         'inbox_updates',
@@ -960,6 +963,7 @@ class OrgNavigation(Navigation):
         'get_example_csv',
         'get_notifications_as_json',
         'go_to_dashboard_after_tour',
+        'how_to_pay',
         'inbound_sms_admin',
         'inbox',
         'inbox_download',

app/templates/views/pricing/how-to-pay.html

@@ -0,0 +1,60 @@
+{% from "components/page-header.html" import page_header %}
+
+{% extends "withoutnav_template.html" %}
+
+{% block per_page_title %}
+  How to pay
+{% endblock %}
+
+{% block maincolumn_content %}
+
+  <div class="grid-row">
+    <div class="column-two-thirds">
+
+      {{ page_header('How to pay') }}
+
+      <h2 class="heading-medium" id="invoices">
+        Invoices
+      </h2>
+
+      <p>
+        We’ll send your organisation an invoice each quarter if:
+      </p>
+
+      <ul class="list list-bullet">
+        <li>you exceed the free text message allowance</li>
+        <li>you send letters</li>
+      </ul>
+
+      <p>
+        If your organisation has more than one service that owes money the invoice will be broken down by service.
+      </p>
+
+      <p>
+        If the invoice is less than £250 +VAT, we’ll roll it into the next quarter’s invoice to save time and effort.
+      </p>
+
+      <p>
+        You can pay by BACS, debit card, or credit card.
+      </p>
+
+      <h2 class="heading-medium" id="purchase-orders">
+        Purchase orders
+      </h2>
+
+      <p>
+        If your organisation’s annual usage will cost over £500 +VAT you need to provide us with a purchase order so we can invoice you.
+      </p>
+
+      <p>
+        Your organisation should raise a single purchase order to cover the estimated annual usage costs for all your Notify services. This purchase order should be updated if the estimated annual usage costs increase.
+      </p>
+
+      <p>
+        You may need to set up Cabinet Office as a supplier before you can raise a purchase order. If you need any details to do that, please <a href="{{ support_link }}">get in touch with us</a>.
+      </p>
+
+    </div>
+  </div>
+
+{% endblock %}

tests/app/main/views/test_index.py

@@ -80,7 +80,7 @@ def test_robots(client):
     'cookies', 'privacy', 'pricing', 'terms', 'roadmap',
     'features', 'callbacks', 'documentation', 'security',
     'message_status', 'features_email', 'features_sms',
-    'features_letters',
+    'features_letters', 'how_to_pay',
 ])
 def test_static_pages(
     client_request,