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

<f:section name="main">
    <f:switch expression="{settings.templateLayoutSearch}">

        <f:comment>Projets</f:comment>
        <f:case value="20">
            <f:form object="{searchObjet}" name="search" pageUid="{settings.resultPid}" method="get" class="search-form mb-5 annuaire-search">
                <div class="row">
                    <fieldset class="col-lg-2 col-xl-3">
                        <legend class="annuaire-search__legend">Je recherche :</legend>
                    </fieldset>
                    <fieldset class="col-lg-7 col-xl-6">
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="categoryGeneral" class="label">Thématique</label>
                                <f:if condition="{searchObjet.theme2}">
                                    <f:then>
                                        <enews:select id="categoryGeneral" property="theme" options="{theme}" prependOptionLabel="Tous les thèmes" class="form-control search-form__select js-theme" value="{searchObjet.theme2}"/>
                                    </f:then>
                                    <f:else>
                                        <enews:select id="categoryGeneral" property="theme" options="{theme}" prependOptionLabel="Tous les thèmes" class="form-control search-form__select js-theme" />
                                    </f:else>
                                </f:if>
                            </div>
                            <div class="form-group col-md-6 ajax disabled">
                                <label for="categoryGeneral" class="label">Plus précisément</label>
                                <f:if condition="{searchObjet.categorygeneral2}">
                                    <input type="hidden" id="retrieveSsTheme" value="{searchObjet.categorygeneral2}"/>
                                </f:if>
                                <enews:select id="categoryGeneral2" property="categoryGeneral2" options="{categoryGeneral2}" class="form-control search-form__select js-soustheme" />
                            </div>
                            <div class="col">
                                <input type="button" class="btn-more js-annuaire-search__btn-more annuaire-search__btn-more" value="+ de filtres">
                            </div>
                        </div>
                        <div class="row d-none js-criteres-supplementaires annuaire-search__supp">
                            <div class="form-group col-md-4">
                                <label for="programs" class="label">Programme</label>
                                <enews:select id="programs" property="programs" options="{programs}" prependOptionLabel="Tous les programmes" class="form-control search-form__select" />
                            </div>
                            <div class="form-group col-md-5">
                                <label for="categoryGeneral" class="label">Période de programmation</label>
                                <enews:select id="categoryGeneral3" property="programmationDate" options="{programmationDate}" prependOptionLabel="Toutes les périodes" class="form-control search-form__select" />
                            </div>
                            <div class="form-group col-md-3">
                                <p class="label">Inclure les appels à projet clôturés</p>
                                <label class="switch" for="appel-cloture">
                                    <input id='appel-non-cloture' type='hidden' value='0' name='appel-non-cloture'>
                                    <f:form.checkbox id="appel-cloture" name="includeArchived" value="1" checked="{includeArchived}"/>
                                    <span class="switch-slider round"></span>
                                </label>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="col-lg-3">
                        <div class="search-form__btn">
                            <div class="search-form__field">
                                <button type="submit" class="btn btn-primary">Rechercher</button>
                            </div>
                        </div>
                        <input type="reset" value="X Effacer les filtres" class="form-reset">
                    </fieldset>
                </div>
            </f:form>
        </f:case>

        <f:comment>Projets réalisés</f:comment>
        <f:case value="21">
            <f:form object="{searchObjet}" name="search" pageUid="{settings.resultPid}" method="get" class="search-form mb-5 annuaire-search">
                <div class="row">
                    <fieldset class="col-lg-2 col-xl-3">
                        <legend class="annuaire-search__legend">Je recherche :</legend>
                    </fieldset>
                    <fieldset class="col-lg-7 col-xl-6">
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="theme" class="label">Une thématique</label>
                                <enews:select id="theme" property="theme" options="{themeProjetRealise}" prependOptionLabel="Tous les thèmes" class="form-control search-form__select" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="programs" class="label">Ou un programme</label>
                                <enews:select id="programs" property="programs" options="{programsRealise}" prependOptionLabel="Tous les programmes" class="form-control search-form__select" />
                            </div>
                            <div class="col">
                                <input type="button" class="btn-more js-annuaire-search__btn-more annuaire-search__btn-more" value="+ de filtres">
                            </div>
                        </div>
                        <div class="row d-none js-criteres-supplementaires annuaire-search__supp">
                            <div class="form-group col-md-6">
                                <label for="categoryGeneral3" class="label">Période de programmation</label>
                                <enews:select id="categoryGeneral3" property="programmationDate" options="{programmationDate}" prependOptionLabel="Toutes les périodes" class="form-control search-form__select" />
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="col-lg-3">
                        <div class="search-form__btn">
                            <div class="search-form__field">
                                <button type="submit" class="btn btn-primary">Rechercher</button>
                            </div>
                        </div>
                        <input type="reset" value="X Effacer les filtres" class="form-reset">
                    </fieldset>
                </div>
            </f:form>
        </f:case>

        <f:comment>Timeline</f:comment>
        <f:case value="25">
            <f:form object="{searchObjet}" name="search" pageUid="{settings.resultPid}" method="get" class="search-form mb-5 annuaire-search timeline-search">
                <div class="row justify-content-center">
                    <f:comment>
                        <fieldset class="col-12">
                            <legend class="annuaire-search__legend">Je recherche :</legend>
                        </fieldset>
                    </f:comment>
                    <fieldset class="col-12 row justify-content-center p-0">
                        <div class="col-lg-6 d-flex flex-wrap p-0">
                            <div class="form-group col-md-6">
                                <label for="theme" class="label">Une thématique</label>
                                <f:if condition="{searchObjet.theme2}">
                                    <f:then>
                                        <enews:select id="categoryGeneral" property="theme" options="{theme}" prependOptionLabel="Tous les thèmes" class="form-control search-form__select" value="{searchObjet.theme2}"/>
                                    </f:then>
                                    <f:else>
                                        <enews:select id="categoryGeneral" property="theme" options="{theme}" prependOptionLabel="Tous les thèmes" class="form-control search-form__select" />
                                    </f:else>
                                </f:if>
                            </div>
                            <f:comment>
                                <div class="form-group col-md-6 ajax disabled">
                                    <label for="categoryGeneral" class="label">Plus précisément</label>
                                    <f:if condition="{searchObjet.categorygeneral2}">
                                        <input type="hidden" id="retrieveSsTheme" value="{searchObjet.categorygeneral2}"/>
                                    </f:if>
                                    <enews:select id="categoryGeneral2" property="categoryGeneral2" options="{categoryGeneral2}" class="form-control search-form__select js-soustheme" />
                                </div>
                            </f:comment>
                            <div class="form-group col-md-6">
                                <label for="programs" class="label">Ou un programme</label>
                                <enews:select id="programs" property="programsAccompagnement" options="{programsAccompagnement}" prependOptionLabel="Tous les programmes" class="form-control search-form__select" />
                            </div>
                        </div>
                        <div class="col-lg-6 d-flex flex-wrap p-0">
                            <div class="col-md-6">
                                <div class="search-form__btn">
                                    <div class="search-form__field">
                                        <button type="submit" class="btn btn-primary">Rechercher</button>
                                    </div>
                                </div>
                                <input type="reset" value="X Effacer les filtres" class="form-reset">
                            </div>
                        </div>
                    </fieldset>
                </div>
            </f:form>
        </f:case>

        <f:case value="30">
            <f:form object="{searchObjet}" name="search" pageUid="{settings.resultPid}" method="get" class="search-form mb-5">
                <legend>Rechercher un élu</legend>
                <fieldset class="powermail_legend">
                    <div class="form-group">
                        <label for="keyWord">Par nom</label>
                        <f:form.textfield property="nomElus" id="keyWord" placeholder="Saisissez le nom de famille" class="form-control search-form__input"/>
                    </div>
                    <div class="form-group">
                        <label for="fonction">Par fonction</label>
                        <enews:select id="fonction" property="fonction" options="{fonction}" prependOptionLabel="Toutes les fonctions" class="form-control search-form__select" />
                    </div>
                    <div class="form-group">
                        <label for="commission">Par Commission d'études et de travail</label>
                        <enews:select id="commission" property="commission" options="{commission}" prependOptionLabel="Toutes les commissions" class="form-control search-form__select" />
                    </div>
                    <div class="form-group">
                        <label for="categoryLieu">Par département</label>
                        <enews:select id="categoryLieu" property="categoryLieu" options="{categoryLieu}" prependOptionLabel="Tous les départements" class="form-control search-form__select" />
                    </div>
                    <div class="form-group">
                        <label for="groupePolitique">Par groupe politique</label>
                        <enews:select id="groupePolitique" property="groupePolitique" options="{groupePolitique}" prependOptionLabel="Tous les groupes" class="form-control search-form__select" />
                    </div>
                    <div class="search-form__btn">
                        <div class="search-form__field">
                            <button type="submit">Rechercher</button>
                        </div>
                    </div>
                    <div class="search-form__btn">
                        <div class="search-form__field">
                            <input type="reset" value="Effacer votre saisie">
                        </div>
                    </div>
                </fieldset>
            </f:form>
        </f:case>
        <f:case value="40">
            <f:form object="{searchObjet}" name="search" pageUid="{settings.resultPid}" method="get" class="search-form mb-5">
                <legend class="powermail_legend">Filtrer une vidéo ...</legend>
                <fieldset>
                    <div class="form-group">
                        <label for="keyWord">Par mot(s) clé(s)</label>
                        <f:form.textfield property="titre" id="keyWord" placeholder="Saisissez votre mot" class="form-control search-form__input" />
                    </div>
                    <div class="form-group">
                        <label for="categoryGeneral">Par thème</label>
                        <enews:select id="categoryGeneral" property="categoryGeneral" options="{categoryGeneral}" prependOptionLabel="Tous les thèmes" class="form-control search-form__select" />
                    </div>
                    <div class="search-form__btn">
                        <div class="search-form__field">
                            <button type="submit" class="btn btn-primary">Rechercher</button>
                        </div>
                    </div>
                    <div class="search-form__btn">
                        <div class="search-form__field">
                            <input type="reset" value="Effacer votre saisie" class="btn btn-secondary">
                        </div>
                    </div>
                </fieldset>
            </f:form>
        </f:case>
        <f:defaultCase>
        </f:defaultCase>
    </f:switch>
</f:section>