{% 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 %}

  <div class="phase-banner-beta">
    <p>
      <strong class="phase-tag">BETA</strong>
      <span>This is a new service – your <a href="{{ url_for('main.feedback') }}">feedback</a> will help us to improve it.</span>
    </p>
  </div>

  {% 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 %}