{namespace em=Emagineurs\EMagineurs\ViewHelpers}
<f:layout name="Default" />

<f:section name="main">
    <f:flashMessages />
    <f:comment>
        Abécédaire en attente de Xavier (voir pour récupérer le viewhelper de dpn_glossary)
    </f:comment>
    <f:switch expression="{settings.templateLayoutListe}">

        <f:comment>Projets</f:comment>
        <f:case value="1">
            <div class="annuaire-list-view projets lazyLoadContainer">
                <f:if condition="{settings.pageBrowser}">
                    <f:then>
                        <f:widget.paginate objects="{fiches}" as="paginatedFiches" configuration="{settings.list.paginate}">
                            <f:for each="{paginatedFiches}" as="fiche" iteration="iterator">
                                <div class="annuaire lazyLoadItem article">
                                    <f:if condition="{fiche.www}">
                                        <f:then>
                                            <a href="{fiche.www}" target="_blank" title="{fiche.title} (nouvelle fenêtre)">
                                                <f:render partial="List/ListProjets" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                                            </a>
                                        </f:then>
                                        <f:else>
                                            <f:link.action pageUid="{settings.detailPid}" action="show" arguments="{fiche : fiche}">
                                                <f:render partial="List/ListProjets" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                                            </f:link.action>
                                        </f:else>
                                    </f:if>
                                </div> 
                            </f:for>
                        </f:widget.paginate>
                    </f:then>
                    <f:else>
                        <f:for each="{fiches}" as="fiche" iteration="iterator">
                            <div class="annuaire lazyLoadItem article">
                                <f:if condition="{fiche.www}">
                                    <f:then>
                                        <a href="{fiche.www}" target="_blank" title="{fiche.title} (nouvelle fenêtre)">
                                            <f:render partial="List/ListProjets" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                                        </a>
                                    </f:then>
                                    <f:else>
                                        <f:link.action pageUid="{settings.detailPid}" action="show" arguments="{fiche : fiche}">
                                            <f:render partial="List/ListProjets" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                                        </f:link.action>
                                    </f:else>
                                </f:if>
                            </div> 
                        </f:for>
                    </f:else>
                </f:if>
            </div>
        </f:case>

        <f:comment>Projets réalisés</f:comment>
        <f:case value="2">
            <div class="annuaire-list-view realises lazyLoadContainer">
                <f:if condition="{settings.pageBrowser}">
                    <f:then>
                        <f:widget.paginate objects="{fiches}" as="paginatedFiches" configuration="{settings.list.paginate}">
                            <f:for each="{paginatedFiches}" as="fiche" iteration="iterator">
                                <f:render partial="List/ListRealises" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                            </f:for>
                        </f:widget.paginate>
                    </f:then>
                    <f:else>
                        <f:for each="{fiches}" as="fiche" iteration="iterator">
                            <f:render partial="List/ListRealises" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                        </f:for>
                    </f:else>
                </f:if>
            </div>
        </f:case>

        <f:comment>Programmes</f:comment>
        <f:case value="3">
            <div class="annuaire-list-view programmes lazyLoadContainer">
                <f:if condition="{settings.pageBrowser}">
                    <f:then>
                        <f:widget.paginate objects="{fiches}" as="paginatedFiches" configuration="{settings.list.paginate}">
                            <f:for each="{paginatedFiches}" as="fiche" iteration="iterator">
                                <f:render partial="List/ListProgrammes" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                            </f:for>
                        </f:widget.paginate>
                    </f:then>
                    <f:else>
                        <f:for each="{fiches}" as="fiche" iteration="iterator">
                            <f:render partial="List/ListProgrammes" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                        </f:for>
                    </f:else>
                </f:if>
            </div>
        </f:case>

        <f:comment>Projets Homepage</f:comment>
        <f:case value="5">
            <div class="annuaire-list-view projets-hp lazyLoadContainer">
                <div class="projets-hp__content js-projets-hp__content">
                    <f:if condition="{fiches -> f:count()} < 4">
                        <f:then>
                            <div class="item row">
                                <f:for each="{fiches}" as="fiche" iteration="iterator">
                                    <div class="col-12">
                                        <f:render partial="List/ListProjetsHp" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                                    </div>
                                </f:for>
                            </div>
                        </f:then>
                        <f:else>
                            <f:for each="{fiches}" as="fiche" iteration="iterator">
                                <f:variable name="modulo">
                                    <f:cObject typoscriptObjectPath="lib.math" data="{iterator.index}%3" />
                                </f:variable>
                                <f:if condition="{iterator.isFirst} || {modulo} == 0">
                                    <div class="item row">
                                </f:if>
                                <div class="col-12">
                                    <f:render partial="List/ListProjetsHp" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                                </div>
                                <f:if condition="{iterator.isLast} || {modulo} == 2">
                                    </div>
                                </f:if>
                            </f:for>
                        </f:else>
                    </f:if>
                </div>
            </div>
            <div class="d-flex w-100 justify-content-center justify-content-xl-between see-more flex-wrap">
                <f:link.page pageUid="{settings.listPid}" class="btn btn-primary">Tous les appels à projets</f:link.page>
                <f:link.page pageUid="{settings.variables.uidCalendrier}" class="btn btn-primary">Calendrier des appels</f:link.page>
            </div>
        </f:case>

        <f:comment>Projets réalisés Homepage</f:comment>
        <f:case value="6">
            <div class="annuaire-list-view realises-hp lazyLoadContainer">
                <div class="realises-hp__content js-realises-hp__content">
                    <f:for each="{fiches}" as="fiche" iteration="iterator">
                        <f:render partial="List/ListRealisesHp" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                    </f:for>
                </div>
            </div>
            <div class="d-flex w-100 justify-content-center justify-content-xl-end see-more">
                <f:link.page pageUid="{settings.listPid}" class="btn btn-primary">Plus de projets</f:link.page>
            </div>
        </f:case>

        <f:comment>Calendrier</f:comment>
        <f:case value="10">
            <div class="annuaire-list-view calendrier lazyLoadContainer flex-column">
                <f:variable name="calendrier" value="true" />
                <f:for each="{fiches}" as="fiche" iteration="iterator">
                    <f:if condition="({settings.mois} <= {fiche.population -> f:format.date(format='%Y%m')}) && ({fiche.starttime -> f:format.date(format='%Y%m')} <= {settings.mois})">
                        <f:then>
                            <f:render partial="List/ListCalendrier" arguments="{_all}" />
                            <f:variable name="calendrier" value="false" />
                        </f:then>
                        <f:else>
                            <f:if condition="({iterator.isLast} == 1) && ({calendrier} == 'true')">
                                Aucun appel à projet ce mois-ci.
                            </f:if>
                        </f:else>
                    </f:if>
                </f:for>
            </div>
        </f:case>
        
        <f:comment>Video</f:comment>
        <f:case value="15">
            <div class="annuaire-list-view video lazyLoadContainer">
                <f:if condition="{settings.pageBrowser}">
                    <f:then>
                        <f:widget.paginate objects="{fiches}" as="paginatedFiches" configuration="{settings.list.paginate}">
                            <f:for each="{paginatedFiches}" as="fiche" iteration="iterator">
                                <f:render partial="List/ListLetterVideo" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                            </f:for>
                        </f:widget.paginate>
                    </f:then>
                    <f:else>
                        <f:for each="{fiches}" as="fiche" iteration="iterator">
                            <f:render partial="List/ListLetterVideo" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                        </f:for>
                    </f:else>
                </f:if>
            </div>
        </f:case>

        <f:comment>Personnes</f:comment>
        <f:case value="20">
            <div class="annuaire-list-view person lazyLoadContainer">
                <f:if condition="{settings.pageBrowser}">
                    <f:then>
                        <f:widget.paginate objects="{fiches}" as="paginatedFiches" configuration="{settings.list.paginate}">
                            <f:for each="{paginatedFiches}" as="fiche" iteration="iterator">
                                <f:render partial="List/ListLetterPersonne" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                            </f:for>
                        </f:widget.paginate>
                    </f:then>
                    <f:else>
                        <f:for each="{fiches}" as="fiche" iteration="iterator">
                            <f:render partial="List/ListLetterPersonne" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                        </f:for>
                    </f:else>
                </f:if>
            </div>
        </f:case>

        <f:comment>Pagination</f:comment>
        <f:case value="40">
            <div class="annuaire-list-view container">
                <f:if condition="{settings.detailPid} == 106">
                    <f:then><div class="detail-navigation col-lg-8 col-xl-9"></f:then>
                    <f:else><div class="detail-navigation col-lg-9 offset-lg-3"></f:else>
                </f:if>
                    <f:if condition="{settings.listPid}">
                        <div class="news-backlink-wrap">
                            <f:link.page pageUid="{settings.listPid}">Revenir à la liste</f:link.page>
                        </div>
                    </f:if>
                    <f:for each="<em:PaginateDetailAnnuaire fiches='{fiches}' />" as="fiche" iteration="iterator" key="pos">
                        <f:if condition="{pos} != 'current'">
                            <f:render partial="List/Pagination" arguments="{fiche: fiche,settings:settings,iterator:iterator, pos: pos}" />
                        </f:if>
                    </f:for>
                </div>
            </div>
        </f:case>
        <f:defaultCase>
            <div class="annuaire-list-view">
                <f:if condition="{settings.pageBrowser}">
                    <f:then>
                        <f:widget.paginate objects="{fiches}" as="paginatedFiches" configuration="{settings.list.paginate}">
                            <f:for each="{paginatedFiches}" as="fiche" iteration="iterator">
                                <f:render partial="List/Item" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                            </f:for>
                        </f:widget.paginate>
                    </f:then>
                    <f:else>
                        <f:for each="{fiches}" as="fiche" iteration="iterator">
                            <f:render partial="List/Item" arguments="{fiche: fiche,settings:settings,iterator:iterator}" />
                        </f:for>
                    </f:else>
                </f:if>
            </div>
        </f:defaultCase>
    </f:switch>


</f:section>