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

let RepLPAQuestionnaireCheck_s78 = (props) => {
    let { t } = useTranslation();
    const {
        formObj,
        currentView,
        setSubmitBack,
        showQuestionnaireSection,
        setShowQuestionnaireSection,
        setRepresentationSubmit,
        questionnaireCount,
    } = props;
    const repFormData = formObj.representationForm.values;

    return (
        <>
            {showQuestionnaireSection}

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

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

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

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

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

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <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>
                    )}
                </>
            )}
            {_.has(repFormData, "enterNeighbouringLandAccessRequired") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            8. If access to private land/buildings is required,
                            are you content for the Inspector to visit the site
                            on an ‘access required’ basis, with only the
                            landowner or their representative present?
                        </dt>

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <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. LPA contact for site visit, hearing or inquiry
                        arrangements:
                    </dt>

                    <dd className="govuk-summary-list__value">
                        {_.has(repFormData, "LPAcontactDetails") ? (
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: repFormData.LPAcontactDetails,
                                }}
                            />
                        ) : (
                            "Not entered"
                        )}
                    </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">
                        11. LPA case file and represen- tations
                    </dt>

                    <dd className="govuk-summary-list__value">
                        {_.has(repFormData, "LPAcaseFileAndReps") ? (
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: repFormData.LPAcaseFileAndReps,
                                }}
                            />
                        ) : (
                            "Not entered"
                        )}
                    </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. LPA’s adopted Local Development Plan and Proposals
                        Map
                    </dt>

                    <dd className="govuk-summary-list__value">
                        {_.has(repFormData, "LPAldpAndMap") ? (
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: repFormData.LPAldpAndMap,
                                }}
                            />
                        ) : (
                            "Not entered"
                        )}
                    </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">
                        13. {t("myrepresentations:s78-section-question-13")}
                    </dt>

                    <dd className="govuk-summary-list__value">
                        {_.has(repFormData, "LPAlocalGuidance") ? (
                            <div
                                className="govuk-summary-list-check-ellipsis"
                                dangerouslySetInnerHTML={{
                                    __html: repFormData.LPAlocalGuidance,
                                }}
                            />
                        ) : (
                            "Not entered"
                        )}
                    </dd>

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

            {_.has(repFormData, "LPAintentionToSubmitFullStatement") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            14. If applicable, do you intend to submit a full
                            statement at the 4-week stage?
                        </dt>

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

                        <dd className="govuk-summary-list__actions">
                            <a
                                className="govuk-link"
                                href="#"
                                onClick={() => {
                                    setRepresentationSubmit(false);
                                    setShowQuestionnaireSection(2);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "AONB") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            15. {t("myrepresentations:s78-section-question-15")}
                        </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(3);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
            {_.has(repFormData, "ROW") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            16. {t("myrepresentations:s78-section-question-16")}
                        </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(3);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                    {repFormData.ROW == "Yes" && (
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                Evidence
                            </dt>

                            <dd className="govuk-summary-list__value">
                                <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(3);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "conservationArea") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            17. Is all or part of the site within a Conservation
                            Area?
                        </dt>

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

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <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(3);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "TPO") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            19. Is any part of the site subject to a Tree
                            Preservation Order?
                        </dt>

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

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <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(3);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "protectedSpecies") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            21. Are any protected species likely to be affected
                            by the proposal?
                        </dt>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.developmentNotTakePlaceBroadbandEvidence,
                                    }}
                                />
                            </dd>

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

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

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.copyOfApplicantsCertificateEvidence,
                                    }}
                                />
                            </dd>

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

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

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

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.advertismentGivenEvidence,
                                    }}
                                />
                            </dd>

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

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

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

                            <dd className="govuk-summary-list__value">
                                <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(5);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "lpaEIAOS") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            29. The LPA’s Environmental Impact Assessment
                            Screening Opinion, if applicable?
                        </dt>

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

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

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

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

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

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.advertismentConsentDiscontinuanceNoticeEvidence,
                                    }}
                                />
                            </dd>

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

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

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

                            <dd className="govuk-summary-list__value">
                                <div
                                    className="govuk-summary-list-check-ellipsis"
                                    dangerouslySetInnerHTML={{
                                        __html: repFormData.detailsOfOtherAppeals,
                                    }}
                                />
                            </dd>

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

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

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

                            <dd className="govuk-summary-list__value">
                                <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(5);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "otherRelevantInformation") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            33. Any other relevant information that we should
                            know about?
                        </dt>

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

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

                            <dd className="govuk-summary-list__value">
                                <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(5);
                                    }}
                                >
                                    {t("common:change-link-label")}
                                    <span className="govuk-visually-hidden">
                                        {" "}
                                        {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                    </span>
                                </a>
                            </dd>
                        </div>
                    )}
                </>
            )}
            {_.has(repFormData, "signedDate") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">Signed</dt>

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

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

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

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

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

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