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

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

    let repFormData = formObj.representationForm.values;

    repFormData = updateLinks(repFormData);

    return (
        <>
            {/* Section 1 Appeal procedure and site visit */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-one")}
                </h3>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"5. " +
                                t("myrepresentations:enf-section-question-4")}
                        </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.procedureType == "Hearing" ||
                        repFormData.procedureType == "Inquiry") && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.procedureTypeEvidence,
                                    }}
                                />
                            </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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"6. " +
                                t("myrepresentations:enf-section-question-5")}
                        </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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"7. " +
                                t("myrepresentations:enf-section-question-6")}
                        </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(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"8. " +
                                t("myrepresentations:enf-section-question-7")}
                        </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" &&
                        repFormData.enforcementNoticePlan != null && (
                            <div className="govuk-summary-list__row">
                                <dt className="govuk-summary-list__key">
                                    {t(
                                        "myrepresentations:questionnaire-evidence-label"
                                    )}
                                </dt>

                                <dd className="govuk-summary-list__value">
                                    <div
                                        className="govuk-summary-list-check-ellipsis"
                                        dangerouslySetInnerHTML={{
                                            __html: repFormData.enterNeighbouringLandAccessRequiredEvidence,
                                        }}
                                    />
                                </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>
                        )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"9. " +
                                t("myrepresentations:enf-section-question-8")}
                        </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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"10. " +
                                t("myrepresentations:enf-section-question-9")}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: repFormData.LPAcontactDetails,
                                }}
                            />
                        </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>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"11. " +
                                t("myrepresentations:enf-section-question-10")}
                        </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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"12. " +
                                t("myrepresentations:enf-section-question-11")}
                        </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>
                    {repFormData.feeExempt == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.feeExemptEvidence,
                                    }}
                                />
                            </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 3 Planning History and Current Status */}
            <>
                <h3 className="govuk-heading-s govuk-!-margin-top-9">
                    {t("myrepresentations:enf-section-heading-three")}
                </h3>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"13. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"14. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"15. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.relatedCasesEvidence,
                                    }}
                                />
                            </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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"16. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"17. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"18. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"19. " +
                                t("myrepresentations:enf-section-question-18")}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"20. " +
                                t("myrepresentations:enf-section-question-19")}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"21. " +
                                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>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"22. " +
                                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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"23. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"24. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"25. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"26. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"27. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"28. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"29. " +
                                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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"30. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"31. " +
                                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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            32. {t("myrepresentations:enf-section-question-31")}
                        </dt>

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

                        <dd className="govuk-summary-list__actions"></dd>
                    </div>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            a) {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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            b) {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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            c) {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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </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>
                    )}
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            33. {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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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:s78-section-heading-five-sub")}
            </h3>
            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"34. " +
                            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">
                            {t(
                                "myrepresentations:questionnaire-evidence-label"
                            )}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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>
                )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"35. " +
                            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" &&
                    repFormData.enforcementNoticePlan != null && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"36. " +
                            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" &&
                    repFormData.enforcementNoticePlan != null && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: 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>
                    )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"37. " +
                            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">
                            {t(
                                "myrepresentations:questionnaire-evidence-label"
                            )}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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>
                )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"38. " +
                            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">
                            {t(
                                "myrepresentations:questionnaire-evidence-label"
                            )}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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>
                )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"39. " +
                            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">
                            {t(
                                "myrepresentations:questionnaire-evidence-label"
                            )}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: repFormData.detailsOfOtherAppealsEvidence,
                                }}
                            />
                        </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>
                )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"40. " +
                            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">
                            {t(
                                "myrepresentations:questionnaire-evidence-label"
                            )}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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>
                )}
            </>

            <>
                <div className="govuk-summary-list__row">
                    <dt className="govuk-summary-list__key">
                        {"41. " +
                            t("myrepresentations:enf-section-question-40")}
                    </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">
                            {t(
                                "myrepresentations:questionnaire-evidence-label"
                            )}
                        </dt>

                        <dd className="govuk-summary-list__value">
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: 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">
                    {t("myrepresentations:enf-section-heading-eight")}
                </h3>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {t("myrepresentations:enf-section-question-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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {t("myrepresentations:s78-section-question-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>
                </>

                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {t(
                                "myrepresentations:enf-section-question-onbehalf"
                            )}
                        </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;