{% extends "layout.njk" %}
{% from "radios/macro.njk" import govukRadios %}
{% from "fieldset/macro.njk" import govukFieldset %}
{% from "button/macro.njk" import govukButton %}
{% from "error-summary.njk" import errorSummary %}
{% from "page-title.njk" import pageTitle %}

{% set title = mssgs.licence_start_time_title + data.startDateStr %}

{% block pageTitle %}{{ pageTitle(title, error, mssgs) }}{% endblock %}

{%
    set errorMap = {
        'licence-start-time': {
            'any.required': { ref: '#licence-start-time-am', text: mssgs.licence_start_time_error_info + data.startDateStr }
        }
    }
%}

{% set am = [
    { text: mssgs.licence_start_time_am_text_0, value: "0", checked: payload['licence-start-time'] === '0', disabled: true if data.minHour > 0 else false },
    { text: mssgs.licence_start_time_am_text_1, value: "1", checked: payload['licence-start-time'] === '1', disabled: true if data.minHour > 1 else false },
    { text: mssgs.licence_start_time_am_text_2, value: "2", checked: payload['licence-start-time'] === '2', disabled: true if data.minHour > 2 else false },
    { text: mssgs.licence_start_time_am_text_3, value: "3", checked: payload['licence-start-time'] === '3', disabled: true if data.minHour > 3 else false },
    { text: mssgs.licence_start_time_am_text_4, value: "4", checked: payload['licence-start-time'] === '4', disabled: true if data.minHour > 4 else false },
    { text: mssgs.licence_start_time_am_text_5, value: "5", checked: payload['licence-start-time'] === '5', disabled: true if data.minHour > 5 else false },
    { text: mssgs.licence_start_time_am_text_6, value: "6", checked: payload['licence-start-time'] === '6', disabled: true if data.minHour > 6 else false },
    { text: mssgs.licence_start_time_am_text_7, value: "7", checked: payload['licence-start-time'] === '7', disabled: true if data.minHour > 7 else false },
    { text: mssgs.licence_start_time_am_text_8, value: "8", checked: payload['licence-start-time'] === '8', disabled: true if data.minHour > 8 else false },
    { text: mssgs.licence_start_time_am_text_9, value: "9", checked: payload['licence-start-time'] === '9', disabled: true if data.minHour > 9 else false },
    { text: mssgs.licence_start_time_am_text_10, value: "10", checked: payload['licence-start-time'] === '10', disabled: true if data.minHour > 10 else false },
    { text: mssgs.licence_start_time_am_text_11, value: "11", checked: payload['licence-start-time'] === '11', disabled: true if data.minHour > 11 else false }
] %}

{% set pm = [
    { text: mssgs.licence_start_time_am_text_12, value: "12", checked: payload['licence-start-time'] === '12', disabled: true if data.minHour > 12 else false },
    { text: mssgs.licence_start_time_am_text_13, value: "13", checked: payload['licence-start-time'] === '13', disabled: true if data.minHour > 13 else false },
    { text: mssgs.licence_start_time_am_text_14, value: "14", checked: payload['licence-start-time'] === '14', disabled: true if data.minHour > 14 else false },
    { text: mssgs.licence_start_time_am_text_15, value: "15", checked: payload['licence-start-time'] === '15', disabled: true if data.minHour > 15 else false },
    { text: mssgs.licence_start_time_am_text_16, value: "16", checked: payload['licence-start-time'] === '16', disabled: true if data.minHour > 16 else false },
    { text: mssgs.licence_start_time_am_text_17, value: "17", checked: payload['licence-start-time'] === '17', disabled: true if data.minHour > 17 else false },
    { text: mssgs.licence_start_time_am_text_18, value: "18", checked: payload['licence-start-time'] === '18', disabled: true if data.minHour > 18 else false },
    { text: mssgs.licence_start_time_am_text_19, value: "19", checked: payload['licence-start-time'] === '19', disabled: true if data.minHour > 19 else false },
    { text: mssgs.licence_start_time_am_text_20, value: "20", checked: payload['licence-start-time'] === '20', disabled: true if data.minHour > 20 else false },
    { text: mssgs.licence_start_time_am_text_21, value: "21", checked: payload['licence-start-time'] === '21', disabled: true if data.minHour > 21 else false },
    { text: mssgs.licence_start_time_am_text_22, value: "22", checked: payload['licence-start-time'] === '22', disabled: true if data.minHour > 22 else false },
    { text: mssgs.licence_start_time_am_text_23, value: "23", checked: payload['licence-start-time'] === '23', disabled: true if data.minHour > 23 else false }
] %}

{% block content %}
    <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
            {{ errorSummary(error, errorMap, mssgs.there_is_a_problem) }}
            {% call govukFieldset({
                legend: {
                    text: title,
                    classes: "govuk-fieldset__legend--l govuk-!-margin-bottom-3",
                    isPageHeading: true
                }
            }) %}
        </div>
        <div class="govuk-grid-column-full">
            <form method="post" novalidate>
                <div class="govuk-grid-row">
                    <div class="govuk-grid-column-one-half">
                        {{ govukRadios({
                            idPrefix: "licence-start-time-am",
                            name: "licence-start-time",
                            items: am,
                            errorMessage: { text: mssgs.licence_start_time_error_choose } if error
                        }) }}
                    </div>

                    <div class="govuk-grid-column-one-half">
                        {{ govukRadios({
                            idPrefix: "licence-start-time-pm",
                            name: "licence-start-time",
                            items: pm
                        }) }}
                    </div>
                </div>

                {% endcall %}

                {{ govukButton({
                    attributes: { id: 'continue' },
                    preventDoubleClick: true,
                    name: "continue",
                    text: mssgs.continue,
                    classes: "govuk-!-margin-top-5"
                }) }}
                {{ csrf() }}
            </form>
        </div>
    </div>

{% endblock %}