{# Must go in a header block, not inside content as it wont go full width #}
{% block header %}
  {# Header needs declared like it is in layout.html as we're overwriting the block #}
  {{ govukHeader({
    homepageUrl: "/",
    serviceName: serviceName,
    serviceUrl: "/",
    containerClasses: "govuk-width-container"
  }) }}

  {# Key details bar #}
  <section class="dwp-key-details-bar" role="contentinfo" aria-label="Key details">
    <dl class="dwp-key-details-bar__dwp-key-details">
      <div class="dwp-key-details-bar__top-block">
        <dt class="govuk-visually-hidden">Name:</dt>
        <dd class="dwp-key-details-bar__name">Jane Doe</dd>

        <dt class="govuk-visually-hidden">National Insurance number:</dt>
        <dd class="dwp-key-details-bar__nino">QQ 12 34 56 X</dd>

        <dt class="govuk-visually-hidden">Claim status:</dt>
        <dd class="dwp-key-details-bar__status">Complete</dd>
      </div>

      <div class="dwp-key-details-bar__bottom-block">
        <dt>Date of birth:</dt>
        <dd>4 June 1972</dd>

        <dt>Mobile:</dt>
        <dd>07771 900 900</dd>

        <dt>Language:</dt>
        <dd>Welsh speaker</dd>
      </div>
    </dl>
  </section>
{% endblock %}