import useTranslation from "next-translate/useTranslation";
import Link from "next/link";
import { useRouter } from "next/router";
import { connect } from "react-redux";

import { useSession } from "next-auth/react";
import { setCurrentView } from "../store/currentView/action";
import { change } from "redux-form";

import { setCurrentSection } from "../store/appealType/action";
import {
    setRepresentationCapacity,
    setRepresentationSubmit
} from "../store/currentView/action";
const Breadcrumbs = (props) => {
    const {
        currentView,
        setCurrentSection,
        setRepresentationSubmit,
        appealType,
        showQuestionnaireSection,
        setShowQuestionnaireSection
    } = props;
    const router = useRouter();
    let { t } = useTranslation();

    const { data: session } = useSession();

    const nestedProps = props?.props || {};
    const nestedSearchString = nestedProps?.search?.searchString || "";
    const nestedCurrentReference =
        nestedProps?.currentView?.caseReference?.currentReference || "";

    const isWelsh = router.locale === "cy";
    const localisedPath = (englishPath, welshSuffixPath) =>
        isWelsh ? `/${router.locale}${welshSuffixPath}` : englishPath;

    const currentReference =
        currentView?.caseReference?.currentReference || nestedCurrentReference;
    const fallbackSearchTitle =
        props?.searchResultsObj?.searchResultsObj?.value?.[0]?.title || "";
    const caseReferenceDisplay = currentReference || fallbackSearchTitle;

    const myPortalHref = localisedPath("/myportal", "/fymhorth");
    const cyMyPortalHref = myPortalHref;
    const pathname = router.pathname;
    const isPath = (path) => pathname === path;
    const caseReference = currentView?.caseReference || {};
    const currentViewState = currentView?.currentView || {};
    const repDetails = caseReference?.repDetails;
    const hasRepDetails = Object.prototype.hasOwnProperty.call(
        caseReference,
        "repDetails"
    );

    const qcount =
        caseReference.appealType === 846040000 ||
        caseReference.appealType === 846040001 ||
        caseReference.appealType === 846040025 ||
        caseReference.appealType === 846040004 ||
        caseReference.appealType === 846040018 ||
        caseReference.appealType === 846040003 ||
        caseReference.appealType === 846040009 ||
        caseReference.appealType === 846040008
            ? 7
            : caseReference.appealType === 846040005 ||
                caseReference.appealType === 846040006 ||
                caseReference.appealType === 846040007
              ? 9
              : "";

    const { va, adv, ads, key } = router.query;
    const isAdv = adv === "true";
    const isAds = ads === "true";

    const hideServiceNamePaths = [
        "/myportal/[appealtypes]",
        "/newappeal",
        "/newappeal/[appealtypes]",
        "/myportal/representation"
    ];
    const shouldShowServiceName = !hideServiceNamePaths.includes(pathname);

    const getViewAllLabel = (viewKey) => {
        const labelsByKey = {
            awaitingSubmissionDetails: t(
                "myportal:awatitingsubmission-card-title"
            ),
            watchedCases: t("myportal:watchedcases-card-title"),
            myCases: t("myportal:mycases-card-title"),
            myRepresentations: t("myportal:myrepresentations-card-title"),
            mySubmittedReps: "Submitted representations"
        };

        return labelsByKey[viewKey] || null;
    };

    const breadcrumbHref = (() => {
        if (va === "true") {
            return {
                pathname: "/myportal/viewall",
                query: { key }
            };
        }

        const base = session ? "/myportal" : "";

        if (!va && !adv && !ads) {
            return {
                pathname: "/myportal"
            };
        }

        if (adv === "true") {
            return {
                pathname: `${base}/advancedsearchresults`,
                query: router.query
            };
        }

        if (ads === "true") {
            return {
                pathname: `${base}/addresssearchresults`,
                query: router.query
            };
        }

        return {
            pathname: `${base}/searchresults`,
            query: router.query
        };
    })();

    const breadcrumbLabel = (() => {
        if (va === "true") {
            return getViewAllLabel(key);
        }

        const keyedLabel = getViewAllLabel(key);
        if (keyedLabel) return keyedLabel;

        if (isAdv) {
            return t("common:breadcrumb-advanced-search-results");
        }

        if (isAds) {
            return t("common:breadcrumb-address-search-results");
        }

        return t("common:breadcrumb-search-results");
    })();
    return (
        <>
            <nav
                aria-label={"Breadcrumb for PEDW"}
                role="navigation"
                data-module="track-click"
            >
                <div className="govuk-breadcrumbs ">
                    <ol className="govuk-breadcrumbs__list">
                        {shouldShowServiceName && (
                            <li className="govuk-breadcrumbs__list-item">
                                <Link
                                    href={"/"}
                                    className="govuk-breadcrumbs__link"
                                >
                                    {t("common:service-name-breadcrumb")}
                                </Link>
                            </li>
                        )}

                        {isPath("/myportal") && (
                            <li className="govuk-breadcrumbs__list-item">
                                {t("myportal:page-title")}
                            </li>
                        )}
                        {isPath("/myportal/searchresults") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <a
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </a>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-search-results")}
                                </li>
                            </>
                        )}
                        {isPath("/searchresults") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-search-results")}
                                </li>
                            </>
                        )}
                        {isPath("/advancedsearch") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-advanced-search")}
                                </li>
                            </>
                        )}
                        {isPath("/addresssearch") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-address-search")}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/addresssearch") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-address-search")}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/advancedsearch") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-advanced-search")}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/contactus") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:footer-contact-us-link-label")}
                                </li>
                            </>
                        )}
                        {isPath("/contactus") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:footer-contact-us-link-label")}
                                </li>
                            </>
                        )}
                        {isPath("/addresssearchresults") && (
                            <>
                                {" "}
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/chwiliadcyfeiriadau"
                                                : "/addresssearch"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-address-search")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t(
                                        "common:breadcrumb-address-search-results"
                                    )}
                                </li>
                            </>
                        )}
                        {isPath("/advancedsearchresults") && (
                            <>
                                {" "}
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/advancedsearch"
                                                : "/advancedsearch"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-advanced-search")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t(
                                        "common:breadcrumb-advanced-search-results"
                                    )}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/advancedsearchresults") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/myportal/advancedsearch"
                                                : "/myportal/advancedsearch"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-advanced-search")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t(
                                        "common:breadcrumb-advanced-search-results"
                                    )}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/addresssearchresults") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? "/" +
                                                  router.locale +
                                                  "/fymhorth/chwiliadcyfeiriadau"
                                                : "/myportal/addresssearch"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-address-search")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t(
                                        "common:breadcrumb-address-search-results"
                                    )}
                                </li>
                            </>
                        )}
                        {isPath("/newappeal") && <></>}
                        {isPath("/newappeal/[appealtypes]") && (
                            <>
                                {appealType.currentSection > 1 &&
                                    (appealType.currentSection === 9999 ? (
                                        <li className="govuk-breadcrumbs__list-item">
                                            <Link
                                                href={"/"}
                                                className="govuk-breadcrumbs__link"
                                            >
                                                {t(
                                                    "common:service-name-breadcrumb"
                                                )}
                                            </Link>
                                        </li>
                                    ) : (
                                        <li className="govuk-breadcrumbs__link-item">
                                            <a
                                                className="govuk-breadcrumbs__link"
                                                href="#"
                                                onClick={() =>
                                                    setCurrentSection(
                                                        appealType.currentSection -
                                                            1
                                                    )
                                                }
                                            >
                                                {t("common:back-link")}
                                            </a>
                                        </li>
                                    ))}
                            </>
                        )}
                        {isPath("/myportal/[appealtypes]") && (
                            <>
                                {appealType.currentSection > 1 &&
                                    (appealType.currentSection === 9999 ? (
                                        <li className="govuk-breadcrumbs__list-item">
                                            <Link
                                                href={"/"}
                                                className="govuk-breadcrumbs__link"
                                            >
                                                {t(
                                                    "common:service-name-breadcrumb"
                                                )}
                                            </Link>
                                        </li>
                                    ) : (
                                        <>
                                            <li className="govuk-breadcrumbs__list-item backChevron">
                                                <a
                                                    className="govuk-breadcrumbs__link"
                                                    href="#"
                                                    onClick={() =>
                                                        setCurrentSection(
                                                            appealType.currentSection -
                                                                1
                                                        )
                                                    }
                                                >
                                                    {t("common:back-link")}
                                                </a>
                                            </li>
                                        </>
                                    ))}
                            </>
                        )}
                        {isPath("/newappeal/selectappeal") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("newappeal:parent-page-title")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("newappeal:page-title")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    Select Appeal
                                </li>
                            </>
                        )}
                        {isPath("/viewall") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-your-cases")}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/viewall") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {getViewAllLabel(
                                        currentViewState.viewKey ||
                                            router.query.key
                                    )}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/case") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? "/" +
                                                  router.locale +
                                                  "/fymhorth"
                                                : "/myportal"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {currentReference}
                                </li>
                            </>
                        )}
                        {isPath("/case/[ticketnumber]") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={{
                                            pathname:
                                                (session ? "/myportal" : "") +
                                                (isAdv
                                                    ? "/advancedsearchresults"
                                                    : isAds
                                                      ? "/addresssearchresults"
                                                      : "/searchresults"),
                                            query: router.query
                                        }}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {breadcrumbLabel}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {fallbackSearchTitle}
                                </li>
                            </>
                        )}
                        {isPath("/case/id/[incident]") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? "/" +
                                                  router.locale +
                                                  "/chwiliadcyfeiriadau"
                                                : "/addresssearch"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-address-search")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? "/" +
                                                  router.locale +
                                                  "/canlyniadaucyfeiriadau?" +
                                                  nestedSearchString
                                                : "/addresssearchresults?" +
                                                  nestedSearchString
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t(
                                            "common:breadcrumb-address-search-results"
                                        )}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {currentReference}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/case/id/[incident]") && (
                            <>
                                {" "}
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? "/" +
                                                  router.locale +
                                                  "/fymhorth/chwiliadcyfeiriadau"
                                                : "/myportal/addresssearch"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-address-search")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? "/" +
                                                  router.locale +
                                                  "/fymhorth/canlyniadaucyfeiriadau?" +
                                                  nestedSearchString
                                                : "/myportal/addresssearchresults?" +
                                                  nestedSearchString
                                        }
                                        onClick={() => {
                                            // spinnerState();
                                            router.back();
                                        }}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t(
                                            "common:breadcrumb-address-search-results"
                                        )}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {currentReference}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/case/[ticketnumber]") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={breadcrumbHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {breadcrumbLabel}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {caseReferenceDisplay}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/dnsapplications") && (
                            <>
                                {" "}
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("dnsCommon:service-name")}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/dnsdetails") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={myPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={"/myportal/dnsapplications"}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("dnsCommon:service-name")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {currentReference}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/dns/[developmentName]") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale + "/fymhorth"
                                                : "/myportal"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={"/myportal/dnsapplications"}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("dnsCommon:service-name")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {caseReferenceDisplay}
                                </li>
                            </>
                        )}
                        {isPath("/case") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/searchresults?q=" +
                                                  router.query.q +
                                                  "&page=" +
                                                  router.query.page
                                                : "/searchresults?q=" +
                                                  router.query.q +
                                                  "&page=" +
                                                  router.query.page
                                        }
                                        onClick={() => {
                                            // spinnerState();
                                            router.back();
                                        }}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-search-results")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {currentReference}
                                </li>
                            </>
                        )}
                        {isPath("/myportal/representation") && (
                            <>
                                {currentView.representationSubmit === true &&
                                    currentView.representationSubmitConfirmation !==
                                        true && (
                                        <li className="govuk-breadcrumbs__link-item backChevron">
                                            <a
                                                className="govuk-breadcrumbs__link"
                                                href="#"
                                                onClick={() => {
                                                    setRepresentationSubmit(
                                                        qcount
                                                    );
                                                }}
                                            >
                                                {t("common:back-link")}
                                            </a>
                                        </li>
                                    )}
                                {currentView.representationSubmit !== true &&
                                    hasRepDetails &&
                                    repDetails?.representationType !==
                                        "Questionnaire" && (
                                        <li className="govuk-breadcrumbs__link-item backChevron">
                                            <a
                                                className="govuk-breadcrumbs__link"
                                                href="#"
                                                onClick={() => {
                                                    setRepresentationSubmit(
                                                        false
                                                    );
                                                }}
                                            >
                                                {t("common:back-link")}
                                            </a>
                                        </li>
                                    )}
                                {currentView.representationSubmit !== true &&
                                    hasRepDetails &&
                                    repDetails?.representationType ===
                                        "Questionnaire" &&
                                    showQuestionnaireSection > 1 && (
                                        <li className="govuk-breadcrumbs__link-item backChevron">
                                            <a
                                                className="govuk-breadcrumbs__link"
                                                href="#"
                                                onClick={() => {
                                                    setShowQuestionnaireSection(
                                                        showQuestionnaireSection -
                                                            1
                                                    );
                                                    setRepresentationSubmit(
                                                        false
                                                    );
                                                }}
                                            >
                                                {t("common:back-link")}
                                            </a>
                                        </li>
                                    )}
                            </>
                        )}
                        {isPath("/account/personaldetails") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={cyMyPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("account:account-title")}
                                </li>
                            </>
                        )}
                        {isPath("/account/register") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("account:register-new-account-heading")}
                                </li>
                            </>
                        )}
                        {isPath("/account/changepassword") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={cyMyPortalHref}
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("common:breadcrumb-my-portal")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    Update your password
                                </li>
                            </>
                        )}
                        {isPath("/dns") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("dnsCommon:service-name")}
                                </li>
                            </>
                        )}

                        {isPath("/dnsapplications") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("dnsCommon:service-name")}
                                </li>
                            </>
                        )}
                        {isPath("/dnsdetails") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/dnsapplications"
                                                : "/dnsapplications"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("dnsCommon:service-name")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {currentReference}
                                </li>
                            </>
                        )}
                        {isPath("/dns/[developmentName]") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/dnsapplications"
                                                : "/dnsapplications"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t("dnsCommon:service-name")}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:breadcrumb-case-reference")}:{" "}
                                    {caseReferenceDisplay}
                                </li>
                            </>
                        )}
                        {isPath("/dns/application-process") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    Guidance
                                </li>
                            </>
                        )}
                        {isPath("/dns/help") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    Help
                                </li>
                            </>
                        )}
                        {isPath("/dns/contact-us") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:footer-contact-us-link-label")}
                                </li>
                            </>
                        )}
                        {isPath("/dns/applications") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("dnsApplications:page-title")}
                                </li>
                            </>
                        )}
                        {isPath("/dns/application-view") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    <Link
                                        href={
                                            isWelsh
                                                ? router.locale +
                                                  "/dns/applications"
                                                : "/dns/applications"
                                        }
                                        className="govuk-breadcrumbs__link"
                                    >
                                        {t(
                                            "dnsApplicationView:page-parent-title"
                                        )}
                                    </Link>
                                </li>
                                <li className="govuk-breadcrumbs__list-item">
                                    TWA - Morlais Demonstration Zone
                                </li>
                            </>
                        )}
                        {isPath("/help/cookies") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("cookies:cookie-breadcrumb")}
                                </li>
                            </>
                        )}
                        {isPath("/privacy") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("common:footer-privacy-link-label")}
                                </li>
                            </>
                        )}
                        {isPath("/accessibility") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t(
                                        "common:footer-accessibility-link-label"
                                    )}
                                </li>
                            </>
                        )}
                        {isPath("/details-about-cookies") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("cookies:cookie-policy-title-heading")}
                                </li>
                            </>
                        )}
                        {isPath("/auth/signin") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("auth:auth-page-title")}
                                </li>
                            </>
                        )}
                        {isPath("/auth/verify-request") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("auth:auth-check-email-page-title")}
                                </li>
                            </>
                        )}
                        {isPath("/auth/error") && (
                            <>
                                <li className="govuk-breadcrumbs__list-item">
                                    {t("auth:auth-error-signin-error-title")}
                                </li>
                            </>
                        )}
                    </ol>
                </div>
            </nav>
        </>
    );
};

const mapStateToProps = (state) => ({
    currentView: state.currentView,
    appealType: state.appealType,
    searchResultsObj: state.searchResultsObj,
    search: state.search
});

const mapDispatchToProps = (dispatch) => {
    return {
        updateField: (form, field, newValue) =>
            dispatch(change(form, field, newValue)),
        setRepresentationCapacity: (representationCapacity) => {
            //dispatch(reset("representationForm"));
            dispatch(setRepresentationCapacity(representationCapacity));
        },
        setRepresentationSubmit: (representationSubmit) => {
            dispatch(setRepresentationSubmit(representationSubmit));
        },

        setCurrentView: (currentView) => {
            dispatch(setCurrentView(currentView));
        },
        setCurrentSection: (currentSection) => {
            dispatch(setCurrentSection(currentSection));
        }
    };
};

export default connect(mapStateToProps, mapDispatchToProps)(Breadcrumbs);