{namespace events=GeorgRinger\Eventnews\ViewHelpers}{namespace n=GeorgRinger\News\ViewHelpers}
<f:layout name="General"/>
<f:section name="content">
    <f:switch expression="{settings.templateLayout}">
        <f:case value="1">
            <h2>Agenda du mois</h2>
            <div class="nano">
                <ul class="list-normal agenda nano-content">
                    <f:for each="{news}" as="newsItem" iteration="iterator">
                        <f:if condition="{overwriteDemand.day}">
                            <f:then>
                                <f:if condition="{events:dayCompare(newsItem:newsItem,demand:demand)}">
                                    <li>
                                    <span class="date">
                                        <f:format.date format="d/m/Y">{newsItem.datetime}</f:format.date>
                                    </span>
                                        <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
                                            {newsItem.title -> f:format.crop(maxCharacters: '60', respectWordBoundaries:'1') -> f:format.html()}
                                        </n:link>
                                    </li>
                                </f:if>
                            </f:then>
                            <f:else>
                                <li>
                                <span class="date">
                                    <f:format.date format="d/m/Y">{newsItem.datetime}</f:format.date>
                                </span>
                                    <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
                                        {newsItem.title -> f:format.crop(maxCharacters: '60', respectWordBoundaries:'1') -> f:format.html()}
                                    </n:link>
                                </li>
                            </f:else>
                        </f:if>
                    </f:for>
                </ul>
            </div>
            <f:link.page pageUid="{settings.listPid}" class="seeMore btn btn-primary">
                Voir tout l'agenda
            </f:link.page>
        </f:case>
        <f:defaultCase>
            <div class="row">
                <div class="col-lg-8 d-sm-none d-none d-md-none d-lg-block d-xl-block">
                    <h2 style="display:none;">
                        <f:translate key="list" extensionName="eventnews"/>
                    </h2>

                    <f:for each="{news}" as="n" iteration="iterator">
                        <f:if condition="{overwriteDemand.day}">
                            <f:then>
                                <f:if condition="{events:dayCompare(newsItem:n,demand:demand)}">
                                    <f:render section="listItem" arguments="{_all}"/>
                                </f:if>
                            </f:then>
                            <f:else>
                                <f:render section="listItem" arguments="{_all}"/>
                            </f:else>
                        </f:if>

                    </f:for>
                </div>
                <div class="col-lg-4">
                    <h2 style="display:none;">
                        <f:translate key="calendar" extensionName="eventnews"/>
                    </h2>
                    <events:calendar newsList="{newsWithNoDaySupport}" demand="{demand}" firstDayOfWeek="1">
                        <table class="table">
                            <tr class="title">
                                <th colspan="7">
                                    <ul class="pager" style="list-style-type:none; text-align:center; padding:0;">
                                        <li class="previous" style="display:inline;">
                                            <f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}}">
                                                &larr; {f:format.date(date:previousMonthData.date,format:'%B')}
                                            </f:link.page>
                                        </li>
                                        <li style="display:inline; margin:0 10px;">{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
                                        <li class="next" style="display:inline;">
                                            <f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}}">
                                                {f:format.date(date:nextMonthData.date,format:'%B')} &rarr;
                                            </f:link.page>
                                        </li>
                                    </ul>
                                </th>
                            </tr>
                            <tr class="days">
                                <f:for each="{weeks.0}" as="day">
                                    <th class="dayLetter">
                                        {f:format.date(date: day.ts, format: '%a')}
                                    </th>
                                </f:for>
                            </tr>
                            <f:for each="{weeks}" as="week">
                                <tr>
                                    <f:for each="{week}" as="day">
                                        <f:render section="calday" arguments="{day:day, settings:settings}"/>
                                    </f:for>
                                </tr>
                            </f:for>
                        </table>
                    </events:calendar>

                    <h3 style="display:none;">
                        <f:translate key="filter"/>
                    </h3>
                    <f:form method="post" action="month" object="{search}" name="search" arguments="{overwriteDemand:overwriteDemand}" style="border-top: 1px solid #dee2e6;padding-top: 15px;">
                        <input type="hidden" name="id" value="{currentPageId}"/>


                        <div class="row">
                            <div class="col-sm-12">
                                <h4 style="display:none;">
                                    <f:translate key="categories" extensionName="eventnews"/>
                                </h4>
                                <ul style="list-style: none; padding:0;">
                                    <f:for each="{allCategories}" as="category">
                                        <li>
                                            <label>
                                                <f:form.checkbox property="categories.{category.uid}" value="{category.uid}"/>
                                                {category.title} </label>
                                        </li>
                                    </f:for>
                                </ul>
                                <h4 style="display:none;">
                                    <f:translate key="organizers" extensionName="eventnews"/>
                                </h4>
                                <ul style="list-style: none">
                                    <events:filter.organizer organizers="{allOrganizers}" news="{news}" as="filteredOrganizers">
                                        <f:for each="{filteredOrganizers}" as="organizer">
                                            <li>
                                                <label>
                                                    <f:form.checkbox property="organizers.{organizer.uid}" value="{organizer.uid}"/>
                                                    {organizer.title} </label>
                                            </li>
                                        </f:for>
                                    </events:filter.organizer>
                                </ul>
                                <h4 style="display:none;">
                                    <f:translate key="locations" extensionName="eventnews"/>
                                </h4>
                                <ul style="list-style: none">
                                    <events:filter.location locations="{allLocations}" news="{news}" as="filteredEvents">
                                        <f:for each="{filteredEvents}" as="location">
                                            <li>
                                                <label>
                                                    <f:form.checkbox property="locations.{location.uid}" value="{location.uid}"/>
                                                    {location.title} </label>
                                            </li>
                                        </f:for>
                                    </events:filter.location>
                                </ul>
                                <h4 style="display:none;">
                                    <f:translate key="tags"/>
                                </h4>
                                <ul style="list-style: none">
                                    <f:for each="{allTags}" as="tag">
                                        <li>
                                            <label>
                                                <f:form.checkbox property="tags.{tag.uid}" value="{tag.uid}"/>
                                                {tag.title} </label>
                                        </li>
                                    </f:for>
                                </ul>
                            </div>
                        </div>

                        <p class="text-right">
                            <f:form.submit value="filtrer" class="btn btn-secondary"/>
                        </p>
                    </f:form>

                </div>
                <div class="col-lg-8 d-sm-block d-block d-md-block d-lg-none d-xl-none">
                    <h2 style="display:none;">
                        <f:translate key="list" extensionName="eventnews"/>
                    </h2>

                    <f:for each="{news}" as="n" iteration="iterator">
                        <f:if condition="{overwriteDemand.day}">
                            <f:then>
                                <f:if condition="{events:dayCompare(newsItem:n,demand:demand)}">
                                    <f:render section="listItem" arguments="{_all}"/>
                                </f:if>
                            </f:then>
                            <f:else>
                                <f:render section="listItem" arguments="{_all}"/>
                            </f:else>
                        </f:if>

                    </f:for>
                </div>

            </div>
        </f:defaultCase>
    </f:switch>
</f:section>

<f:section name="listItemHome">
    <div class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}" itemscope="itemscope" itemtype="http://schema.org/Article">
        <div class="body">
            <!-- footer information -->
            <div class="footer">
                <p>
                    <!-- date -->
                    <span class="news-list-date">
								<time itemprop="datePublished" datetime="{f:format.date(date:newsItem.datetime, format:'Y-m-d')}">
									<f:format.date format="{f:translate(key:'dateFormat')}">{newsItem.datetime}</f:format.date>
								</time>
							</span>

                    <f:if condition="{newsItem.firstCategory}">
                        <!-- first category -->
                        <span class="news-list-category">{newsItem.firstCategory.title}</span>
                    </f:if>

                    <f:if condition="{newsItem.tags}">
                        <!-- Tags -->
                        <span class="news-list-tags" itemprop="keywords">
									<f:for each="{newsItem.tags}" as="tag">
										{tag.title}
									</f:for>
								</span>
                    </f:if>

                    <!-- author -->
                    <f:if condition="{newsItem.author}">
								<span class="news-list-author">
									{newsItem.author}
								</span>
                    </f:if>
                </p>
                <p>
                    <strong>
                        <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
                            <f:format.htmlentitiesDecode>{newsItem.title}</f:format.htmlentitiesDecode>
                        </n:link>
                    </strong>
                </p>
            </div>
        </div>
    </div>
</f:section>

<f:section name="listItem">
    <f:if condition="{iterator.isFirst}">
        <f:then>
            <div class="row" style="padding: 15px 0;">
        </f:then>
        <f:else>

            <div class="row" style="border-top: 1px solid #dee2e6;padding: 15px 0;">
        </f:else>
    </f:if>
    <div class="col-md-4">
        <f:if condition="{n.falMedia.0.showinpreview}">
            <!-- media preview element -->
            <f:then>
                <div class="news-img-wrap">
                    <n:link newsItem="{n}" settings="{settings}" title="{n.title}">
                        <f:alias map="{mediaElement: n.falMedia.0}">
                            <f:if condition="{mediaElement.originalResource.type} == 2">
                                <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}" style="width:100%; height:auto;"/>
                            </f:if>
                            <f:if condition="{mediaElement.originalResource.type} == 4">
                                <f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement}"/>
                            </f:if>
                            <f:if condition="{mediaElement.originalResource.type} == 5">
                                <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}" style="width:100%; height:auto;"/>
                            </f:if>
                        </f:alias>
                    </n:link>
                </div>
            </f:then>
            <f:else>
                <f:if condition="{settings.displayDummyIfNoMedia}">
                    <div class="news-img-wrap">
							<span class="no-media-element">
								<n:link newsItem="{n}" settings="{settings}" title="{n.title}">
									<f:image src="{settings.list.media.dummyImage}" title="" alt="" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}" style="width:100%; height:auto;"/>
								</n:link>
							</span>
                    </div>
                </f:if>
            </f:else>
        </f:if>
    </div>
    <div class="col-md-8">
        <div class="header">
            <h3>
                <n:link newsItem="{n}" settings="{settings}" title="{n.title}">
                    <span itemprop="headline"><f:format.htmlentitiesDecode>{n.title}</f:format.htmlentitiesDecode></span>
                </n:link>
            </h3>
        </div>
        <div class="date">
            <f:if condition="{n.eventEnd}">
                <f:then>
                    <p><strong>du {f:format.date(date:n.datetime,format:'%d.%m')} au {f:format.date(date:n.eventEnd,format:'%d.%m.%Y')}</strong></p>
                </f:then>
                <f:else>
                    <p><strong>le {f:format.date(date:n.datetime,format:'%d.%m.%Y')}</strong></p>
                </f:else>
            </f:if>
        </div>
        <div class="teaser-text">
            <n:removeMediaTags>
                <f:if condition="{n.teaser}">
                    <f:then>
                        <div itemprop="description">{n.teaser -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
                    </f:then>
                    <f:else>
                        <div itemprop="description">{n.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
                    </f:else>
                </f:if>
            </n:removeMediaTags>

            <n:link newsItem="{n}" settings="{settings}" class="more btn btn-primary" title="{n.title}">
                lire la suite
            </n:link>
        </div>
    </div>
    </div>

</f:section>

<f:section name="calday">
    <td class="day{f:format.date(date: day.ts, format: 'N')} {f:if(condition: day.curmonth, then: 'curmonth', else: 'othermonth')}{f:if(condition: day.news, then: ' hasevents')}{f:if(condition: day.curday, then: ' today')}">
        <f:if condition="{day.dayBelongsToCurrentMonth}">
            <f:if condition="{day.news}">
                <f:then>
                    <strong>
                        <f:link.action action="month" addQueryString="1" additionalParams="{tx_news_pi1:{overwriteDemand:{year:day.year,month:day.month,day:day.day}}}">{day.day}</f:link.action>
                    </strong>

                    <f:for each="{day.news}" as="newsItem">
                        <div style="border: 1px solid #ccc;margin:2px;padding:2px; display:none;">
                            <f:format.htmlentitiesDecode>{newsItem.title}</f:format.htmlentitiesDecode>
                        </div>
                    </f:for>

                </f:then>
                <f:else>
                    {day.day}
                </f:else>
            </f:if>
        </f:if>
    </td>
</f:section>