{namespace ws=Wseils\Wseils\ViewHelpers}
<f:if condition="{theme.breadcrumb.enable}">
    <f:if condition="{breadcrumb}">
        <nav class="breadcrumb-section" aria-label="{f:translate(key: 'breadcrumb.label', extensionName: 'wseils')}" role="navigation">
            <div class="container">
                <p class="visually-hidden" id="breadcrumb">{f:translate(key: 'breadcrumb', extensionName: 'wseils')}</p>
                <ol class="breadcrumb">
                    <f:for each="{breadcrumb}" as="item" iteration="iterator">
                        <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:for>
                </ol>
                <f:cObject typoscriptObjectPath="lib.breadcrumbJson" />
            </div>
        </nav>
    </f:if>
</f:if>

<div class="container">
    <div class="toolsPage">
        {f:cObject(typoscriptObjectPath:'lib.toolsbox')}
        <f:if condition="!{data.tx_wseils_hideTstamp}">            
            <p class="page-date">
                Mis à jour le <f:render section="dateFormatRules" arguments="{date: data.tstamp}" /> <f:format.date format="Y">{data.tstamp}</f:format.date>
            </p>
        </f:if>
    </div>
</div>
<div class="modal fade rs_skip" role="dialog" id="modal-share" aria-hidden="true" aria-labelledby="modal-share-title">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title mb-0 h3" id="modal-share-title">Partager l'article</p>
                <button id="close-modal-share" title="Fermer le partage" type="button" data-bs-toggle="modal" data-bs-target="#modal-share" aria-label="Fermer le partage">
                    <span></span>
                    <span></span>
                    <span class="textHidden">Fermer la pop-up</span>
                </button>
            </div>
            <div class="modal-body">
                <label for="copyShare">Copier le lien</label>
                <div class="input">
                    <input type="text" id="copyShare" class="form-control" placeholder="">
                    <button class="btn btn-dark" onclick="copyToClipboard()"><span id="copyMe">Copier</span></button>
                </div>
                <div class="socialMedia">
                    <p>Partager sur les réseaux</p>
                    {f:cObject(typoscriptObjectPath:'lib.toolsSocial')}
                </div>
            </div>
        </div>
    </div>
</div>
<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>

<f:section name="dateFormatRules">
    <f:format.date format="d">{date}</f:format.date>
    <f:switch expression="{f:format.date(date: date, format: 'm')}">
        <f:case value="01">Janvier</f:case>
        <f:case value="02">Février</f:case>
        <f:case value="03">Mars</f:case>
        <f:case value="04">Avril</f:case>
        <f:case value="05">Mai</f:case>
        <f:case value="06">Juin</f:case>
        <f:case value="07">Juillet</f:case>
        <f:case value="08">Août</f:case>
        <f:case value="09">Septembre</f:case>
        <f:case value="10">Octobre</f:case>
        <f:case value="11">Novembre</f:case>
        <f:case value="12">Décembre</f:case>
    </f:switch>
</f:section>