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. " +
                                t("myrepresentations:s78-section-question-5")}
                        </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. " +
                                t("myrepresentations:s78-section-question-6")}
                        </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. " +
                                t("myrepresentations:s78-section-question-7")}
                        </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>
                    )}
                </>
            )}
            {_.has(repFormData, "enterNeighbouringLandAccessRequired") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"8. " +
                                t("myrepresentations:s78-section-question-8")}
                        </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">
                                {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>
                    )}
                </>
            )}
            {_.has(repFormData, "healthAndSafetyIssues") && (
                <>
                    <div className="govuk-summary-list__row">
                        <dt className="govuk-summary-list__key">
                            {"9. " +
                                t("myrepresentations:s78-section-question-9")}
                        </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:s78-section-question-10")}
                    </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. " +
                            t("myrepresentations:s78-section-question-11")}
                    </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. " +
                            t("myrepresentations:s78-section-question-12")}
                    </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. " +
                                t("myrepresentations:s78-section-question-14")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-17")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-18")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-19")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-20")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-21")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-22")}
                        </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. " +
                                t("myrepresentations:s78-section-question-23")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-24a")}
                        </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. " +
                                t("myrepresentations:s78-section-question-24b")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-24c")}
                        </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. " +
                                t("myrepresentations:s78-section-question-24d")}
                        </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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </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. " +
                                t("myrepresentations:s78-section-question-25")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-26")}
                        </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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </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. " +
                                t("myrepresentations:s78-section-question-27")}
                        </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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </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. " +
                                t("myrepresentations:s78-section-question-28")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-29")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-30")}
                        </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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </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. " +
                                t("myrepresentations:s78-section-question-31")}
                        </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">
                                {t(
                                    "myrepresentations:questionnaire-evidence-label"
                                )}
                            </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. " +
                                t("myrepresentations:s78-section-question-32")}
                        </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">
                                {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(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. " +
                                t("myrepresentations:s78-section-question-33")}
                        </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">
                                {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(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">
                            {t("myrepresentations:s78-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(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">
                            {" "}
                            {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(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">
                            {t(
                                "myrepresentations:s78-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(7);
                                }}
                            >
                                {t("common:change-link-label")}
                                <span className="govuk-visually-hidden">
                                    {" "}
                                    {/* {FieldsTranslations(
                        rows[0].value
                    )} */}
                                </span>
                            </a>
                        </dd>
                    </div>
                </>
            )}
        </>
    );
};
export default RepLPAQuestionnaireCheck_s78;