{% extends "layout.njk" %}

{% from "table/macro.njk" import govukTable %}
{% from "warning-text/macro.njk" import govukWarningText %}
{% from "inset-text/macro.njk" import govukInsetText %}
{% from "summary-list/macro.njk" import govukSummaryList %}

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

{% if data.permission.licenceLength === '1D' %}
    {% set lengthText = mssgs.licence_type_1d %}
{% elseif data.permission.licenceLength === '8D' %}
    {% set lengthText = mssgs.licence_type_8d %}
{% else %}
    {% set lengthText = mssgs.licence_type_12m %}
{% endif %}

{% set licenseDetailsSummaryRows = [] %}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.licence_summary_name }, value: { text: data.permission.licensee.firstName + ' ' + data.permission.licensee.lastName } }) }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.identification }, value: { text: data.permission.licensee.obfuscatedDob } }) }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.licence_summary_type }, value: { text: data.licenceTypeStr } }) }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.licence_summary_length }, value: { text: lengthText } }) }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.starts }, value: { text: data.startTimeString } }) }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.ends }, value: { text: data.endTimeString } }) }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.licence_summary_disability_concession }, value: { text: mssgs.yes } }) if data.disabled }}
{{ licenseDetailsSummaryRows.push({ key: { text: mssgs.age_concession }, value: { text: data.ageConcessionText } }) if data.ageConcession }}

{% block content %}
<div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
        <section class="no-print">
            <h1 class="govuk-heading-xl">{{ title }}</h1>
        </section>

        <section class="pagebreak">

            <img src="/public/images/EA-logo-black.png" class="print-area ea-logo">

            <span class="govuk-caption-xl"><span class="print-area">{{ mssgs.licence_num }}</span></span>

            <h2 class="govuk-heading-l">{{ data.permission.referenceNumber }}</h2>

            {{ govukSummaryList({
                rows: licenseDetailsSummaryRows
            }) }}

            {{ govukInsetText({
                html: mssgs.licence_details_no_print_1 + '<a href="https://www.gov.uk/guidance/national-rod-fishing-byelaws-for-england-freshwater-fishing-with-a-rod-and-line" class="govuk_link rel="noreferrer noopener" target="_blank">' + mssgs.licence_details_no_print_link + '</a>' + mssgs.licence_details_no_print_2,
                classes: "no-print"
            }) }}

            {{ govukInsetText({
                html: mssgs.licence_details_print_area_1 + '<a href="https://www.gov.uk/guidance/national-rod-fishing-byelaws-for-england-freshwater-fishing-with-a-rod-and-line" class="govuk_link rel="noreferrer noopener" target="_blank">' + mssgs.licence_details_print_area_link + '</a>' + mssgs.licence_details_print_area_2,
                classes: "print-area"
            }) }}

            {{ govukWarningText({
                html: mssgs.licence_details_warning_1 + '<span class="phone-number">' + mssgs.licence_details_warning_2 + '</span><br />' + mssgs.licence_details_warning_3,
                iconFallbackText: "Warning",
                classes: "govuk-!-margin-top-6"
            }) }}
        </section>
    </div>
</div>
{% endblock %}