{% extends "standard-form.njk" %}

{% if data.licensee.preferredMethodOfConfirmation == 'Email' %} 
  {% set contactType = mssgs.email_address %}
  {% set contactInfo = data.licensee.email  %}
{% else %}
  {% set contactType = mssgs.phone_number  %}
  {% set contactInfo = data.licensee.mobilePhone %}
{% endif %}

{% set title = mssgs.check_conf_contact_title_1 + contactType + mssgs.check_conf_contact_title_2 %}
{% set describedByTag = "email-hint text-hint" %}

{% block pageTitle %}{{ title }}{{ mssgs.header_service_name_title }}{{ mssgs.gov_uk }}{% endblock %}

{% block content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
      
      <h1 class="govuk-heading-l" id="contact-information-question">
        {{ title }}
      </h1>


      {% if data.licensee.preferredMethodOfConfirmation == 'Email' %}
        <p class="govuk-body contact-scroll" id="contact-information" aria-labelledby="contact-information">
          {{ contactInfo }}
        </p>
      {% else %}
        <meta name="format-detection" content="telephone=no">
          <p class="govuk-body contact-scroll" id="contact-information" aria-labelledby="contact-information">
            {{ contactInfo }}
          </p>
        </meta>
      {% endif %}


      <p class="govuk-body govuk-!-margin-bottom-6">
        <a class="govuk-link" href="{{ data.uri.change }}">
          {{ mssgs.licence_summary_change }} {{ contactType }}
        </a>
      </p>

      {{ govukButton({
        text: mssgs.check_conf_contact_correct,
        classes: "govuk-!-margin-top-5",
        href: data.uri.contact
      }) }}    
    </div>
  </div>
{% endblock %}