{% extends "layout.njk" %}
{% from "table/macro.njk" import govukTable %}
{% from "radios/macro.njk" import govukRadios %}

{% set title = mssgs.cookies_title %}
{% block pageTitle %}{{ title }}{{ mssgs.header_service_name_title }}{{ mssgs.gov_uk }}{% endblock %}

{% block content %}

{% if showNotification %}
  <div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
    <div class="govuk-notification-banner__header">
      <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
        {{ mssgs.cookies_analytics_notification_heading }}
      </h2>
    </div>
    <div class="govuk-notification-banner__content">
      <p class="govuk-notification-banner__heading">
        {{ mssgs.cookies_analytics_notification_paragraph }}<a class="govuk-notification-banner__link" href="{{ uri.back }}">{{ mssgs.cookies_analytics_notification_link }}</a> {{ mssgs.full_stop }}
      </p>
    </div>
  </div>
{% endif %}

<div class="govuk-grid-row">
    <div class="govuk-grid-column-full">

        <h1 class="govuk-heading-l">{{ mssgs.cookies_heading }}</h1>
        <p class="govuk-body">{{ mssgs.cookies_body_small_files }}</p>

        <p class="govuk-body">{{ mssgs.cookies_body_used_for }}</p>

        <ul class="govuk-list govuk-list--bullet">
            <li>{{ mssgs.cookies_body_used_for_bulletpoint_1 }}</li>
            <li>{{ mssgs.cookies_body_used_for_bulletpoint_2 }}</li>
            <li>{{ mssgs.cookies_body_used_for_bulletpoint_3 }}</li>
        </ul>

        <p class="govuk-body">{{ mssgs.cookies_body_how_we_manage_1 }}<a class="govuk-link" rel="noreferrer noopener" target="_blank" href="https://ico.org.uk/for-the-public/online/cookies">{{ mssgs.cookies_body_how_we_manage_link }}</a>{{ mssgs.full_stop }}</p>

        <h2 class="govuk-heading-m">{{ mssgs.cookies_security_subheading }}</h2>

        <p class="govuk-body">{{ mssgs.cookies_security_body }}</p>

        {{ govukTable({
          caption: mssgs.cookies_security_caption,
          firstCellIsHeader: true,
          head: [ { text: mssgs.cookies_name }, { text: mssgs.purpose }, { text: mssgs.expires } ],
          rows: [
            [ { text: cookie.sess }, { text: mssgs.cookies_security_table_row_1 }, { text: mssgs.cookies_security_table_row_2 } ],
            [ { text: cookie.csrf }, { text: mssgs.cookies_security_table_row_3 }, { text: mssgs.cookies_security_table_row_4 } ]
          ]
        }) }}

        <h2 class="govuk-heading-m">{{ mssgs.cookies_intro_subheading }}</h2>

        <p class="govuk-body">{{ mssgs.cookies_intro_body }}</p>

        {{ govukTable({
          caption: mssgs.cookies_intro_caption,
          firstCellIsHeader: true,
          head: [ { text: mssgs.cookies_name }, { text: mssgs.purpose }, { text: mssgs.expires } ],
          rows: [
            [ { text: mssgs.cookies_intro_row_1 }, { text: mssgs.cookies_intro_row_2 }, { text: mssgs.cookies_intro_row_3 } ]
          ]
        }) }}

        <h2 class="govuk-heading-m">{{ mssgs.cookies_infrastructure_subheading }}</h2>

        <p class="govuk-body">{{ mssgs.cookies_infrastructure_body }}</p>

        {{ govukTable({
          caption: mssgs.cookies_infrastructure_caption,
          firstCellIsHeader: true,
          head: [ { text: mssgs.cookies_name }, { text: mssgs.purpose }, { text: mssgs.expires } ],
          rows: [
            [ { text: cookie.alb }, { text: mssgs.cookies_infrastructure_row_1 }, { text: mssgs.cookies_infrastructure_row_2 } ],
            [ { text: cookie.albcors }, { text: mssgs.cookies_infrastructure_row_1 }, { text: mssgs.cookies_infrastructure_row_2 } ]
          ]
        }) }}

        <h2 class="govuk-heading-m">{{ mssgs.cookies_analytics_subheading }}</h2>

        <p class="govuk-body">{{ mssgs.cookies_analytics_body_1 }}</p>

        <p class="govuk-body">{{ mssgs.cookies_analytics_body_2 }}</p>

        <p class="govuk-body">{{ mssgs.cookies_analytics_body_3 }}</p>

        <ul class="govuk-list govuk-list--bullet">
            <li>{{ mssgs.cookies_analytics_list_1 }}</li>
            <li>{{ mssgs.cookies_analytics_list_2 }}</li>
            <li>{{ mssgs.cookies_analytics_list_3 }}</li>
        </ul>

        <p class="govuk-body">{{ mssgs.cookies_analytics_body_4 }}</p>

        <p class="govuk-body">{{ mssgs.cookies_analytics_body_5 }}</p>

        {{ govukTable({
          caption: mssgs.cookies_analytics_details_caption,
          firstCellIsHeader: true,
          head: [ { text: mssgs.cookies_name }, { text: mssgs.purpose }, { text: mssgs.expires } ],
          rows: [
            [ { text: mssgs.cookies_analytics_details_row_1 }, { text: mssgs.cookies_analytics_details_row_2 }, { text: mssgs.cookies_analytics_details_row_3 } ],
            [ { text: mssgs.cookies_analytics_details_row_4 }, { text: mssgs.cookies_analytics_details_row_5 }, { text: mssgs.cookies_analytics_details_row_3 } ]
          ]
        }) }}

        <p class="govuk-body">{{ mssgs.cookies_analytics_body_6 }} <a class="govuk-link" rel="noreferrer noopener" target="_blank" href="https://support.google.com/analytics/answer/6004245">{{ mssgs.cookies_analytics_link }}</a> {{ mssgs.full_stop }}</p>

        <p class="govuk-heading-s">{{ mssgs.cookies_analytics_radio_heading }}</p>

        <form method="post" novalidate action='{{ uri.cookies }}'>
          {{ govukRadios({
            name: "analyticsResponse",
            fieldset: {
              legend: {
                isPageHeading: true,
                classes: "govuk-fieldset__legend--l"
              }
            },
            items: [
              {
                value: 'accept',
                text: mssgs.cookies_analytics_accept,
                checked: analyticsResponse === 'accept'
              },
              {
                value: 'reject',
                text: mssgs.cookies_analytics_reject,
                checked: analyticsResponse === 'reject'
              }
            ]
          }) }}

          {{ govukButton({
              attributes: { id: 'save-changes' },
              preventDoubleClick: true,
              name: "save-changes",
              text: mssgs.save_changes,
              classes: "govuk-!-margin-top-5"
          }) }}

          {{ csrf() }}
        </form>

        <h2 class="govuk-heading-m">{{ mssgs.cookies_survey_subheading }}</h2>

        <p class="govuk-body">{{ mssgs.cookies_survey_body_1 }}<a class="govuk-link" rel="noreferrer noopener" target="_blank" href="https://www.smartsurvey.co.uk/">{{ mssgs.cookies_survey_body_link_1 }}</a>{{ mssgs.cookies_survey_body_2 }}</p>
        <p class="govuk-body">{{ mssgs.cookies_survey_body_3 }}<a class="govuk-link" rel="noreferrer noopener" target="_blank" href="https://www.smartsurvey.co.uk/privacy-policy">{{ mssgs.cookies_survey_body_link_2 }}</a>{{ mssgs.cookies_survey_body_4 }}<a class="govuk-link" rel="noreferrer noopener" target="_blank" href="https://www.smartsurvey.co.uk/how-we-use-cookies">{{ mssgs.cookies_survey_body_link_3 }}</a>{{ mssgs.cookies_survey_body_5 }}</p>
   </div>
</div>
{% endblock %}