{namespace flux=FluidTYPO3\Flux\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:comment><!-- uses the layout Home, defined in layouts/[templateName]/Home.html --></f:comment>
<f:layout name="{settings.template}/Home" />

<f:section name='Configuration'>
    <flux:form id="home" label="Gabarit Accueil" extensionName="Opentalent.OtTemplating">
        <flux:field.select name="settings.template" label="Modèle de site" items="{ Classic: 'Classique', Modern: 'Moderne' }" />
        <flux:field.select name="settings.themeColor" label="Couleur du thème" items="{ light-blue: 'Bleu ciel', blue: 'Bleu', green: 'Vert', orange: 'Orange', grey: 'Gris', red: 'Rouge', light-red: 'Rouge cerise', purple: 'Violet' }" />
        <flux:field.checkbox name="settings.displayCarousel" label="Afficher le caroussel" default="1"/>
        <flux:field.checkbox name="settings.staticDonors" label="Partenaires: affichage statique" default="0"/>
        <flux:field.input name="settings.eventsLimit" label="Prochains évènements: nombre maximum" default="5" minimum="1" maximum="24" eval="int"/>
        <flux:field.input name="settings.eventsPeriod" label="Prochains évènements: limiter aux prochaines semaines (0 pour ne pas limiter)" default="8" minimum="0" eval="int"/>
    </flux:form>

    <!-- Backend layout grid -->
    <flux:grid>
        <flux:grid.row>
            <flux:grid.column colPos="1" name="Leftcol" label="Colonne Gauche" style="width: 25%" />
            <flux:grid.column colPos="0" name="Content" label="Contenu" style="width: 50%" />
            <flux:grid.column colPos="2" name="Rightcol" label="Colonne Droite" style="width: 25%" />
        </flux:grid.row>
    </flux:grid>

</f:section>

<f:section name="Leftcol">
    <f:comment><!-- Render colPos=0 in this section --></f:comment>
    <v:content.render column="1" />
</f:section>

<f:section name="Content">
    <f:comment><!-- Render colPos=1 in this section --></f:comment>
    <v:content.render column="0" />
</f:section>
<f:section name="Rightcol">
    <f:comment><!-- Render colPos=2 in this section --></f:comment>
    <v:content.render column="2" />
</f:section>
