{% from "components/banner.html" import banner_wrapper %}
{% from "components/phone.html" import phone %}

{% extends "withoutnav_template.html" %}

{% block page_title %}
  GOV.UK Notify
{% endblock %}

{% block maincolumn_content %}

  {% call banner_wrapper(type='intro') %}
    <h1 class="heading-medium">
      GOV.UK Notify makes it easy to send text messages and emails to
      your users.
    </h1>
    <p class="heading-medium">
      If you work for a UK government department or agency you can try
      it now.
    </p>
    <p class="button-block">
      <a class="button button-start" href='{{ url_for('.register' )}}'>
        Create an account
      </a>
      or <a href="{{ url_for('.sign_in' )}}">sign in</a> if you’ve used
      it before
    </p>
    <div class="grid-row phone-container">
      <div class="column-one-third">
        {{ phone(
          "07900911111",
          """
            Joshua, we’ve started processing your application.
            Your reference number is 300312.
          """
        ) }}
      </div>
      <div class="column-one-third">
        {{ phone(
          "07900922222",
          """
            Amala, we’ve started processing your application.
            Your reference number is 444250.
          """
        ) }}
      </div>
      <div class="column-one-third">
        {{ phone(
          "07900933333",
          """
            Roman, we’ve started processing your application.
            Your reference number is 568821.
          """
        ) }}
      </div>
    </div>
  {% endcall %}

{% endblock %}