{% extends "layout.njk" %}
{% from "page-title.njk" import pageTitle %}

{% set title = mssgs.privacy_title %}
{% block pageTitle %}{{ pageTitle(title, error, mssgs) }}{% endblock %}

{% block content %}
<div class="govuk-grid-row">
    <div class="govuk-grid-column-full">

        <h1 class="govuk-heading-l">{{ mssgs.privacy_title }}</h1>

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

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

        <h2 class="govuk-heading-m">{{ mssgs.privacy_subheading_needed }}</h2>
        <p class="govuk-body">{{ mssgs.privacy_needed_body_1 }}</p>

        <ul class="govuk-list govuk-list--bullet">
            <li>{{ mssgs.privacy_needed_body_bulleypoint_1 }}</li>
            <li>{{ mssgs.privacy_needed_body_bulleypoint_2 }}</li>
            <li>{{ mssgs.privacy_needed_body_bulleypoint_3 }}</li>
        </ul>

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

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

        <ul class="govuk-list govuk-list--bullet">
            <li>{{ mssgs.privacy_needed_body_bulleypoint_4 }}</li>
            <li>{{ mssgs.privacy_needed_body_bulleypoint_5 }}</li>
        </ul>

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

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

        <h2 class="govuk-heading-m">{{ mssgs.privacy_subheading_what_we_do }}</h2>
        <p class="govuk-body">{{ mssgs.privacy_what_we_do_body_1 }}</p>

        <ul class="govuk-list govuk-list--bullet">
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_1 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_2 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_3 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_cr }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_4 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_5 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_6 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_7 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_8 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_enforcement }}</li>
        </ul>

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

        <ul class="govuk-list govuk-list--bullet">
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_9 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_10 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_11 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_12 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_13 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_qa }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_14 }}</li>
            <li>{{ mssgs.privacy_what_we_do_bulletpoint_hh }}</li>
        </ul>

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

        <h2 class="govuk-heading-m">{{ mssgs.privacy_subheading_usage }}</h2>
        <p class="govuk-body">{{ mssgs.privacy_usage_body_1 }}</p>
        <p class="govuk-body">{{ mssgs.privacy_usage_body_2 }}</p>
        <p class="govuk-body">{{ mssgs.privacy_usage_body_3 }}</p>
        <p class="govuk-body">
            {{ mssgs.privacy_usage_body_4_1 }}<a href="https://policies.google.com/privacy#whycollect" rel="noreferrer noopener" class="govuk-link" target="_blank">{{ mssgs.privacy_usage_body_4_link_policy }}</a>{{ mssgs.privacy_usage_body_4_2 }}<a href="{{ uri.cookies }}" class="govuk-link">{{ mssgs.privacy_usage_body_4_link_opt_out }}</a>{{ mssgs.full_stop }}
        </p>

        <h2 class="govuk-heading-m">{{ mssgs.privacy_subheading_length_kept }}</h2>
        <p class="govuk-body">{{ mssgs.privacy_length_kept_body_1 }}</p>

        <h2 class="govuk-heading-m">{{ mssgs.privacy_subheading_where_stored }}</h2>
        <p class="govuk-body">{{ mssgs.privacy_where_stored_body_1 }}</p>
        <p class="govuk-body">{{ mssgs.privacy_where_stored_body_2 }}</p>
        <p class="govuk-body">{{ mssgs.privacy_where_stored_body_3 }}</p>
        <p class="govuk-body">{{ mssgs.privacy_where_stored_body_4 }}</p>

        <h2 class="govuk-heading-m">{{ mssgs.privacy_subheading_dp_officer }}</h2>
        <p class="govuk-body"> {{ mssgs.privacy_dp_officer_body_1 }}
        <a class="govuk-link" href="https://www.gov.uk/government/organisations/environment-agency/about/personal-information-charter" rel="noreferrer noopener" target="_blank">{{ mssgs.privacy_dp_officer_body_link }}</a>{{ mssgs.privacy_dp_officer_body_2 }}</p>
        <p class="govuk-body">
            {{ mssgs.privacy_subheading_dp_officer }}</br>
            {{ mssgs.our_address_1 }}</br>
            {{ mssgs.our_address_2 }}</br>
            {{ mssgs.our_address_3 }}</br>
            {{ mssgs.our_address_4 }}</br>
            {{ mssgs.our_address_5 }}
        </p>

        <p class="govuk-body">{{ mssgs.email }}<a class="govuk-link" href="mailto:dataprotection@environment-agency.gov.uk">{{ mssgs.dp_email }}</a></p>
    </div>
</div>
{% endblock %}