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

let RepLPAQuestionnaireCheck_enforcement = (props) => {
    let { t } = useTranslation();
    const {
        formObj,
        currentView,
        setSubmitBack,
        showQuestionnaireSection,
        setShowQuestionnaireSection,
        setRepresentationSubmit,
        questionnaireCount,
    } = props;

    const repFormData = formObj.representationForm.values;

    return (
        <>
            {/* Section 1 Appeal procedure and site visit */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    Appeal procedure and site visit
                </h3>
                {_.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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(1);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(1);
                                        }}
                                    >
                                        {t("common: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">
                                5. 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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(1);
                                    }}
                                >
                                    {t("common: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">
                                6. 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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(1);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(1);
                                        }}
                                    >
                                        {t("common: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">
                                7. 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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(1);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(1);
                                        }}
                                    >
                                        {t("common: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">
                                8. 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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(1);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(1);
                                        }}
                                    >
                                        {t("common: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">
                                9. 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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(1);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
            </>
            {/* Section 2 Deemed Application Fee */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-two")}
                </h3>
                {_.has(repFormData, "feePaid") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                10. Has the local planning authority received
                                the correct fee payable in relation to this
                                appeal for the deemed planning
                                application/ground (a) to be considered?
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(2);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
                {_.has(repFormData, "feeExempt") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                11. Is the appeal fee exempt?
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(2);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
            </>
            {/* Section 3 Planning History and Current Status */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-three")}
                </h3>
                {_.has(repFormData, "previousGrantedCerts") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"12. " +
                                    t(
                                        "myrepresentations:enf-section-question-12"
                                    )}{" "}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(3);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
                {_.has(repFormData, "stopNoticeServed") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"13. " +
                                    t(
                                        "myrepresentations:enf-section-question-13"
                                    )}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(3);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
                {_.has(repFormData, "relatedCases") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"14. " +
                                    t(
                                        "myrepresentations:enf-section-question-14"
                                    )}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(3);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
                {_.has(repFormData, "previousEnforcement") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"15. " +
                                    t(
                                        "myrepresentations:enf-section-question-15"
                                    )}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(3);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
                {_.has(repFormData, "subjectArticle4") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"16. " +
                                    t(
                                        "myrepresentations:enf-section-question-16"
                                    )}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(3);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
                {_.has(repFormData, "previousPDRRestriction") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"17. " +
                                    t(
                                        "myrepresentations:enf-section-question-17"
                                    )}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(3);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
            </>
            {/* Section 4 Supporting Documents */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-four")}
                </h3>
                {_.has(repFormData, "LPAldpAndMap") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"18. " +
                                    t(
                                        "myrepresentations:enf-section-question-18"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(4);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
                {_.has(repFormData, "LPAlocalGuidance") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"19. " +
                                    t(
                                        "myrepresentations:enf-section-question-19"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(4);
                                    }}
                                >
                                    {t("common: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">
                                {"20. " +
                                    t(
                                        "myrepresentations:enf-section-question-20"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(4);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
            </>
            {/* Section 5 */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-five")}
                </h3>
                {_.has(repFormData, "AONB") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"21. " +
                                    t(
                                        "myrepresentations:enf-section-question-21"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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">
                                {"22. " +
                                    t(
                                        "myrepresentations:enf-section-question-22"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"23. " +
                                    t(
                                        "myrepresentations:enf-section-question-23"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"24. " +
                                    t(
                                        "myrepresentations:enf-section-question-24"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"25. " +
                                    t(
                                        "myrepresentations:enf-section-question-25"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"26. " +
                                    t(
                                        "myrepresentations:enf-section-question-26"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"27. " +
                                    t(
                                        "myrepresentations:enf-section-question-27"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"28. " +
                                    t(
                                        "myrepresentations:enf-section-question-28"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
                {_.has(repFormData, "floodingIssue") && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {"29. " +
                                    t(
                                        "myrepresentations:enf-section-question-29"
                                    )}
                            </dt>

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

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

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

                                <dd className="govuk-summary-list__actions">
                                    <a
                                        className="govuk-link"
                                        href="#"
                                        onClick={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common: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">
                                {"30. " +
                                    t(
                                        "myrepresentations:enf-section-question-30"
                                    )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(5);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(5);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
            </>

            {/* Section 6 */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-six")}
                </h3>
                {_.has(
                    repFormData,
                    "developmentNotBeginLaterThanFiveYears"
                ) && (
                    <>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t(
                                    "myrepresentations:enf-section-question-31a"
                                )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(6);
                                    }}
                                >
                                    {t("common: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">
                                31
                                {t(
                                    "myrepresentations:enf-section-question-31a"
                                )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(6);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(6);
                                        }}
                                    >
                                        {t("common: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">
                                31
                                {t(
                                    "myrepresentations:enf-section-question-31b"
                                )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(6);
                                    }}
                                >
                                    {t("common: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">
                                31
                                {t(
                                    "myrepresentations:enf-section-question-31c"
                                )}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(6);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(6);
                                        }}
                                    >
                                        {t("common: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">
                                32.{" "}
                                {t("myrepresentations:enf-section-question-32")}
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(6);
                                    }}
                                >
                                    {t("common: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={() => {
                                            setRepresentationSubmit(false);
                                            setShowQuestionnaireSection(6);
                                        }}
                                    >
                                        {t("common:change-link-label")}
                                        <span className="govuk-visually-hidden">
                                            {" "}
                                            {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                        </span>
                                    </a>
                                </dd>
                            </div>
                        )}
                    </>
                )}
            </>

            {/* Section 7 Before sending, have you attached or provided a web link to: */}
            <h3 className="govuk-heading-s govuk-!-margin-top-9">
                {t("myrepresentations:enf-section-heading-seven")}
            </h3>
            {_.has(repFormData, "copyOfEnforcementNotice") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"33. " +
                                t("myrepresentations:enf-section-question-33")}
                        </dt>

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

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(7);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.copyOfEnforcementNotice == "No" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "enforcementNoticePlan") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"34. " +
                                t("myrepresentations:enf-section-question-34")}
                        </dt>

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

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

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "listOfNotifiedOfEnforcement") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"35. " +
                                t("myrepresentations:enf-section-question-35")}
                        </dt>

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

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

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

                            <dd className="govuk-summary-list__actions">
                                <a
                                    className="govuk-link"
                                    href="#"
                                    onClick={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common: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">
                            {"36. " +
                                t("myrepresentations:enf-section-question-36")}
                        </dt>

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

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(7);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.copyOfLetterOfAppealNotification == "No" && (
                        <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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common: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">
                            {"37. " +
                                t("myrepresentations:enf-section-question-37")}
                        </dt>

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

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(7);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.lpaEIAOS == "No" && (
                        <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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common: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">
                            {"38. " +
                                t("myrepresentations:enf-section-question-38")}
                        </dt>

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

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(7);
                                }}
                            >
                                {t("common: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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common: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">
                            {"39. " +
                                t("myrepresentations:enf-section-question-39")}
                        </dt>

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

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(7);
                                }}
                            >
                                {t("common: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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(7);
                                    }}
                                >
                                    {t("common: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={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(7);
                                }}
                            >
                                {t("common: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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection();
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {/* Section 9 Declaration */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    Declaration
                </h3>
                {_.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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(9);
                                    }}
                                >
                                    {t("common: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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(9);
                                    }}
                                >
                                    {t("common: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={() => {
                                        setRepresentationSubmit(false);
                                        setShowQuestionnaireSection(9);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    </>
                )}
            </>
        </>
    );
};
export default RepLPAQuestionnaireCheck_enforcement;