{namespace ws=Wseils\Vendeebase\ViewHelpers}

<f:if condition="{theme.breadcrumb.enable}">
    <f:if condition="{breadcrumb}">
        <nav class="breadcrumb-section" aria-label="{f:translate(key: 'breadcrumb.label', extensionName: 'bootstrap_package')}" role="navigation">
            <div class="container">
                <p class="visually-hidden" id="breadcrumb">{f:translate(key: 'breadcrumb', extensionName: 'bootstrap_package')}</p>
                <ol class="breadcrumb">
                    <f:for each="{breadcrumb}" as="item" iteration="iterator">
                        <f:if condition="{newsDetail} == {data.uid} || {helpFolder} == {data.pid} || {newsList} == {data.uid} || {agendaListPageUid} == {data.uid} || {agendaDetailPageUid} == {data.uid} || {pidFaq} == {data.pid}">
                            <f:then>
                                <f:if condition="{iterator.index} == 0">
                                    <f:if condition="{newsDetail} == {data.uid} && {newsList}">
                                        <li class="news-single-breadcrumb returnList">
                                            <f:link.typolink parameter="{ws:backToListURL(pageUid: '{newsList}')}" class="breadcrumb-link"><span class="breadcrumb-link-title"><span class="breadcrumb-text">retour à la liste</span></span></f:link.typolink>
                                        </li>
                                    </f:if>
                                    <f:if condition="{helpFolder} == {data.pid} && {helpList}">
                                        <li class="news-single-breadcrumb returnList">
                                            <f:link.typolink parameter="{ws:backToListURL(pageUid: '{helpList}')}" class="breadcrumb-link"><span class="breadcrumb-link-title"><span class="breadcrumb-text">retour à la liste</span></span></f:link.typolink>
                                        </li>
                                    </f:if>
                                    <f:if condition="{agendaListPageUid} && {agendaDetailPageUid} == {data.uid}">
                                        <li class="news-single-breadcrumb returnList">
                                            <f:link.typolink parameter="{ws:backToListURL(pageUid: '{agendaListPageUid}')}" class="breadcrumb-link"><span class="breadcrumb-link-title"><span class="breadcrumb-text">retour à la liste</span></span></f:link.typolink>
                                        </li>
                                    </f:if>
                                    <f:if condition="{pidFaq} && {pidFaq} == {data.pid}">
                                        <li class="news-single-breadcrumb returnList">
                                            <f:link.page pageUid="{pidFaq}" class="breadcrumb-link"><span class="breadcrumb-link-title"><span class="breadcrumb-text">retour à la liste</span></span></f:link.page>
                                        </li>
                                    </f:if>
                                    <li class="breadcrumb-item news-single-breadcrumb">
                                        <a class="breadcrumb-link" href="{item.link}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="12.185" height="12.185" viewBox="0 0 12.185 12.185">
                                                <path id="ico-maison" d="M2.082,12.185A2.084,2.084,0,0,1,0,10.1V4.373a.555.555,0,0,1,.239-.456L5.778.1a.554.554,0,0,1,.629,0l5.539,3.819a.554.554,0,0,1,.24.456V10.1A2.084,2.084,0,0,1,10.1,12.185ZM10.1,11.077a.975.975,0,0,0,.974-.974V4.664L6.092,1.226,1.108,4.663V10.1a.969.969,0,0,0,.88.97l.094,0H3.819V8.956A2.084,2.084,0,0,1,5.9,6.874h.382A2.084,2.084,0,0,1,8.365,8.956v2.121ZM4.927,8.956v2.12h2.33V8.956a.97.97,0,0,0-.88-.97l-.094,0H5.9A.975.975,0,0,0,4.927,8.956Z" fill="#207dac"/>
                                            </svg>
                                            <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
                                        </a>
                                    </li>
                                </f:if>
                            </f:then>
                            <f:else>
                                <f:variable name="isCurrent" value="0" />
                                <f:if condition="{item.current} && {breadcrumbExtendedValue} == ''">
                                    <f:variable name="isCurrent" value="1" />
                                </f:if>
                                <f:if condition="{isCurrent}">
                                    <f:then>
                                        <f:if condition="{detailFormation} == {data.uid}">
                                            <f:then>
                                                <li class="breadcrumb-item active"><span class="breadcrumb-link-title"><span class="breadcrumb-text">{formationTitle}</span></span></li>
                                            </f:then>
                                            <f:else>
                                                <f:if condition="{detailEtablissement} == {data.uid}">
                                                    <f:then>
                                                        <li class="breadcrumb-item active"><span class="breadcrumb-link-title"><span class="breadcrumb-text">{etablissementTitle}</span></span></li>
                                                    </f:then>
                                                    <f:else>
                                                        <f:if condition="{iterator.index} > 1">
                                                            <li class="breadcrumb-item active" aria-current="page">
                                                                <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
                                                            </li>
                                                        </f:if>
                                                    </f:else>
                                                </f:if>
                                            </f:else>
                                        </f:if>
                                    </f:then>
                                    <f:else>
                                        <li class="breadcrumb-item">
                                            <a class="breadcrumb-link" href="{item.link}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
                                            <f:if condition="{iterator.index} == 0">
                                                <f:then>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12.185" height="12.185" viewBox="0 0 12.185 12.185">
                                                        <path id="ico-maison" d="M2.082,12.185A2.084,2.084,0,0,1,0,10.1V4.373a.555.555,0,0,1,.239-.456L5.778.1a.554.554,0,0,1,.629,0l5.539,3.819a.554.554,0,0,1,.24.456V10.1A2.084,2.084,0,0,1,10.1,12.185ZM10.1,11.077a.975.975,0,0,0,.974-.974V4.664L6.092,1.226,1.108,4.663V10.1a.969.969,0,0,0,.88.97l.094,0H3.819V8.956A2.084,2.084,0,0,1,5.9,6.874h.382A2.084,2.084,0,0,1,8.365,8.956v2.121ZM4.927,8.956v2.12h2.33V8.956a.97.97,0,0,0-.88-.97l-.094,0H5.9A.975.975,0,0,0,4.927,8.956Z" fill="#207dac"/>
                                                    </svg>
                                                    <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
                                                </f:then>
                                                <f:else>
                                                    <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
                                                </f:else>
                                            </f:if>
                                            </a>
                                        </li>
                                    </f:else>
                                </f:if>
                            </f:else>
                        </f:if>
                    </f:for>
                </ol>
                <f:cObject typoscriptObjectPath="lib.breadcrumbJson" />
            </div>
        </nav>
    </f:if>
</f:if>
<f:section name="BreadcrumbTitle">
    <span class="breadcrumb-link-title">
        <span class="breadcrumb-text"><f:format.html parseFuncTSPath="lib.parseFunc">{item.title}</f:format.html></span>
    </span>
</f:section>