import _ from "lodash";
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { formatDates } from "../../../utils";

let RepLPAQuestionnaireCheck_enforcement = (props) => {
    let { t } = useTranslation();
    const { formObj, currentView, setSubmitBack } = props;
    const repFormData = formObj.representationForm.values;

    return (
        <>
            {_.has(repFormData, "procedureType") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            5. Which procedure do you consider the appeal should
                            follow?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.procedureType}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.representationOnBehalfOf == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t("case:representation-onbehalfof-details")}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.representationOnBehalfOf_details}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "enterToView") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            6. Will the Inspector need to enter the appeal
                            site/property?{" "}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.enterToView}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "enterNeighbouringLandToViewSite") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            7. Do you consider that the Inspector needs to enter
                            neighbouring private land/property to view the site?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.enterNeighbouringLandToViewSite}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.enterNeighbouringLandToViewSite == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t("case:representation-onbehalfof-details")}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.enterNeighbouringLandToViewSiteEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "enterNeighbouringLandAccessRequired") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            8. If access to private land/buildings is required,
                            are you content for the Inspector to visit the site
                            on an ‘access required’ basis, with only the
                            landowner or their representative present?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.enterNeighbouringLandAccessRequired}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.enterNeighbouringLandAccessRequired ==
                        "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.enterNeighbouringLandAccessRequired
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "healthAndSafetyIssues") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            9. Are you aware of any health and safety issues
                            which would need to be considered when the Inspector
                            visits the site?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.healthAndSafetyIssues}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.healthAndSafetyIssues == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.healthAndSafetyIssuesEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "LPAcontactDetails") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            10. LPA contact for site visit, hearing or inquiry
                            arrangements:
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.healthAndSafetyIssues}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "LPAcaseFileAndReps") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            11. LPA case file and represen- tations
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.LPAcaseFileAndReps}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "LPAldpAndMap") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            12. LPA’s adopted local development plan and
                            Proposals Map
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.LPAldpAndMap}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "LPAintentionToSubmitFullStatement") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            14. If applicable, do you intend to submit a full
                            statement at the 4- week stage?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.LPAintentionToSubmitFullStatement}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "AONB") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            15. Is all or part of the site within an Area of
                            Outstanding Natural Beauty?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.AONB}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "ROW") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            16. {t("myrepresentations:s78-section-question-15")}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.ROW}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.ROW == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.ROWEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "conservationArea") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            17. Is all or part of the site within a Conservation
                            Area?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.conservationArea}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.conservationArea == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.conservationAreaEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "affectListedBuilding") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            18. Would the proposal involve works to, or affect
                            the setting of, a listed building, Scheduled
                            Monument or other designated historic asset?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.affectListedBuilding}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.affectListedBuilding == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.affectListedBuildingEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "TPO") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            19. Is any part of the site subject to a Tree
                            Preservation Order?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.affectListedBuilding}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.TPO == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.TPOEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "natureConservationSite") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            20. Is the site within or likely to affect an
                            International or National Designated Site for nature
                            conservation (as defined in Planning Policy Wales)?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.natureConservationSite}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.natureConservationSite == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.natureConservationSiteEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "protectedSpecies") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            21. Are any protected species likely to be affected
                            by the proposal?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.protectedSpecies}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.protectedSpecies == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.protectedSpeciesEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "gypsyTravellerInvolvment") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            22. Does the case involve persons claiming
                            Gypsy/Traveller status, whether or not this is
                            accepted by the LPA?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.gypsyTravellerInvolvment}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "governmentDepartmentComments") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            23. Have you received comments or directions from
                            any government department/agency or statutory
                            undertaker, including in response to a statutory
                            notification or consultation?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.governmentDepartmentComments}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.governmentDepartmentComments == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.governmentDepartmentCommentsEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "developmentNotBeginLaterThanFiveYears") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            24a. The development shall begin not later than five
                            years from the date of this decision.
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.developmentNotBeginLaterThanFiveYears}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "developmentCarriedOutInAccordance") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            24b. The development shall be carried out in
                            accordance with the following approved plans and
                            documents: ............................ Reason: To
                            ensure the development is carried out in accordance
                            with the approved documents, plans and drawings
                            submitted with the application.
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.developmentCarriedOutInAccordance}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.developmentCarriedOutInAccordance == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.developmentCarriedOutInAccordanceEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "developmentNotTakePlaceBiodiversity") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            24c. No development shall take place until a scheme
                            for biodiversity enhancement has been submitted to
                            and agreed in writing by the local planning
                            authority. Development shall be carried out in
                            accordance with the approved details.
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.developmentNotTakePlaceBiodiversity}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "developmentNotTakePlaceBroadband") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            24d. No development shall take place until a scheme
                            to enable the provision of gigabit capable broadband
                            infrastructure from the site boundary to the
                            dwellings/buildings hereby permitted has been
                            submitted to and agreed in writing by the local
                            planning authority. Development shall be carried out
                            in accordance with the approved details. Reason: To
                            support the roll-out of digital communications
                            infrastructure across Wales in accordance with
                            Policy 13 of Future Wales.
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.developmentNotTakePlaceBroadband}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.developmentNotTakePlaceBroadband == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.developmentNotTakePlaceBroadbandEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "developmentAnyOtherConditions") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            25. Do you consider other conditions, or amended
                            versions of the above standard conditions, to be
                            necessary?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.developmentAnyOtherConditions}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.developmentAnyOtherConditions == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.developmentAnyOtherConditionsEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "copyOfApplicantsCertificate") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            26. A copy of the applicant’s certificate confirming
                            that they notified persons with an interest in the
                            land?*
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.copyOfApplicantsCertificate}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.copyOfApplicantsCertificate == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.copyOfApplicantsCertificateEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "advertismentGiven") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            27. Evidence of any publicity given to the
                            application, including site notices and local
                            advertisement?**
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.advertismentGiven}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.advertismentGiven == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.advertismentGivenEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "copyOfLetterOfAppealNotification") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            28. A copy of the letter with which you notified
                            people of the appeal AND a list of the people you
                            notified?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.copyOfLetterOfAppealNotification}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.copyOfLetterOfAppealNotification == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.copyOfLetterOfAppealNotificationEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "lpaEIAOS") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            29. The LPA’s Environmental Impact Assessment
                            Screening Opinion, if applicable?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.lpaEIAOS}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.lpaEIAOS == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.lpaEIAOSEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "advertismentConsentDiscontinuanceNotice") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            30. Advertisement consent proposals only: A true
                            copy of the Discontinuance Notice (if one has been
                            issued)?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {
                                repFormData.advertismentConsentDiscontinuanceNotice
                            }
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.lpaEIAOS == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {
                                    repFormData.advertismentConsentDiscontinuanceNoticeEvidence
                                }
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "detailsOfOtherAppeals") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            31. Details of other appeals or applications
                            relating to the site, or a nearby site, which are
                            still being considered by PEDW or the Welsh
                            Ministers?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.detailsOfOtherAppeals}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.detailsOfOtherAppeals == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.detailsOfOtherAppeals}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "detailsOfPreviousAppeals") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            32. Details of any previous appeal decision relating
                            to the site or a nearby site referred to by the LPA
                            or applicant?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.detailsOfPreviousAppeals}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.detailsOfPreviousAppeals == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.detailsOfPreviousAppealsEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "otherRelevantInformation") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            33. Any other relevant information that we should
                            know about?
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.otherRelevantInformation}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.otherRelevantInformation == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                {repFormData.otherRelevantInformationEvidence}
                            </dd>

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setSubmitBack();
                                    }}
                                >
                                    {t("newappeal:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "signedDate") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">Signed</dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.caseOfficer}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "caseOfficer") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">Date</dt>

                        <dd className="govuk-summary-list__value">
                            {formatDates(repFormData.signedDate)}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "onBehalfOfLPA") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            On behalf of
                        </dt>

                        <dd className="govuk-summary-list__value">
                            {repFormData.onBehalfOfLPA}
                        </dd>

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setSubmitBack();
                                }}
                            >
                                {t("newappeal:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
        </>
    );
};
export default RepLPAQuestionnaireCheck_enforcement;