notifications-admin/app/templates/partials/tour.html

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

{% call banner_wrapper(type='tour') %}
    <p class="heading-medium">Try sending yourself this example</p>
    <div class="govuk-grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
      <div class="govuk-grid-column-one-sixth">
        <p class="heading-large" style="float: left;">1.</p>
      </div>
      <div class="govuk-grid-column-five-sixths">
        <p class="govuk-body">
          Every message is sent from a template
        </p>
      </div>
    </div>
    <div class="govuk-grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
      <div class="govuk-grid-column-one-sixth">
        <p class="heading-large">2.</p>
      </div>
      <div class="govuk-grid-column-five-sixths">
        <p class="govuk-body">
          The template pulls in the data you provide
        </p>
      </div>
    </div>
    <div class="govuk-grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
      <div class="govuk-grid-column-one-sixth">
        <p class="heading-large">3.</p>
      </div>
      <div class="govuk-grid-column-five-sixths">
        <p class="govuk-body">
          Notify delivers the message
        </p>
        {% if help == '3' %}
          <a class="govuk-link govuk-link--no-visited-state" href='{{ url_for(".go_to_dashboard_after_tour", service_id=current_service.id, example_template_id=template.id) }}'>
            Now go to your dashboard
          </a>
        {% endif %}
      </div>
    </div>
{% endcall %}