{namespace m=Stratis\StratisMap\ViewHelpers}
<v:variable.set name="stratisPages" value="{v:variable.typoscript(path:'stratis.pages')}"/>
<div id="map" class="map -large -show-results ng-scope" ng-app="map" ng-controller="LargeController"
     page="{v:page.info(field:'uid')}" settings="{settings.map -> v:format.json.encode() -> f:format.htmlspecialchars() -> f:format.stripTags()}">
    <div class="map__results map-search-results" data-custom-related="map, -show-results" id="map-search-results" aria-hidden="false">
        <div class="map-heading">
            <h2 class="map-heading__title">{s:l(key:'common.results') -> f:format.case(mode:'capital')}</h2>
            <button type="button" class="map-heading__close js-map-toggle" data-fa-icon="&#xf00d;" data-target="map-search-results"
                    ng-click="hideSearch()"><span class="ghost">{s:l(key:'common.close')}</span></button>
            {news -> m:format.clusters(settings:settings) -> v:variable.set(name:'clusters')}
        </div>
        <ul class="map-search-results__list">
            <f:if condition="{clusters -> f:count()} > 0">
                <f:then>
                    <f:for each="{news -> m:format.clusters(settings:settings)}" as="cluster" iteration="iteration">
                        <f:for each="{cluster.relatedNews}" as="newsItem">
                            <li class="map-search-results__item">
                                <button ng-click="showPopup({iteration.cycle}, '{newsItem.uid}')" class="map-search-results__btn">
                                    <f:if condition="{newsItem.marker}">
                                        <f:then>
                                            <img src="{f:uri.image(src:newsItem.marker.uid, treatIdAsReference:1) -> v:or(alternative:'{imgUrl}')}" alt="">
                                        </f:then>
                                        <f:else>
                                            <v:variable.set name="firstCategory" value="{newsItem.categories -> v:iterator.first()}"/>
                                            <v:variable.set name="firstImageInCategory" value="{firstCategory.images -> v:iterator.first()}"/>
                                            <f:if condition="{firstImageInCategory}">
                                                <f:then>
                                                    <v:variable.set name="imgUrl" value="{f:uri.image(src:firstImageInCategory.uid, treatIdAsReference:1)}"/>
                                                </f:then>
                                                <f:else>
                                                    <v:variable.set name="imgUrl" value="{settings.map.defaultMarker}"/>
                                                </f:else>
                                            </f:if>
                                            <img src="{imgUrl}" alt="">
                                        </f:else>
                                    </f:if>
                                    <v:variable.set name="settings.detailPid" value="{v:variable.get(name:'stratisPages.page{newsItem.pid}')}"/>
                                    <v:variable.set name="categories"><v:render.template file="EXT:stratis_site/Resources/Private/Partials/Common/InlineList.html" variables="{records:newsItem.categories, glue:', '}"/></v:variable.set>
                                    <v:tag name="span" hideIfEmpty="true" class="map-search-results__category results__btn">{categories}</v:tag>
                                    <v:tag name="span" hideIfEmpty="true" class="map-search-results__title">{newsItem.title}</v:tag>

                                    <f:if condition="{settings.detailPid}">
                                        <v:variable.set name="url" value="{n:link(newsItem:newsItem,settings:settings,uriOnly:'1')}"/>
                                    </f:if>
                                    <a href="javascript:;" data-fancybox data-type="iframe" data-src="{url}" class="map-search-results__plus cc_pointer" data-fa-icon="" tabindex="0">{s:l(key:'mapActualite.buttonInfos')}</a>

                                    <f:comment>
                                        <f:if condition="{v:page.info(field:'uid')} == {stratisPages.agendaMap} || {v:page.info(field:'uid')} == {stratisPages.actualitesMap}">
                                            <a href="javascript:;" data-fancybox data-type="iframe" data-src="{f:uri.page(pageUid:'{v:variable.get(name:\'stratisPages.page{newsItem.pid}\')}', additionalParams:'{tx_news_pi1:{news:newsItem.uid}}')}" class="map-search-results__plus cc_pointer" data-fa-icon="" tabindex="0">{s:l(key:'mapActualite.buttonInfos')}</a>
                                        </f:if>
                                    </f:comment>

                                </button>
                            </li>
                        </f:for>
                    </f:for>
                    <v:render.template file="EXT:stratis_site/Resources/Private/Partials/Common/PageHeaderTitle.html" variables="{_all}"/>
                </f:then>
                <f:else>
                    <v:variable.set name="categories"><v:render.template file="EXT:stratis_site/Resources/Private/Partials/Common/InlineList.html" variables="{records:newsItem.categories, glue:', '}"/></v:variable.set>
                    <a class="map-search-results__category results__btn link-external" title="{categories}">{categories}</a>
                    <li class="map-search-results__item -no-results">{s:l(key:'search.noResults')}</li>
                    <v:render.template file="EXT:stratis_site/Resources/Private/Partials/Common/PageHeaderTitle.html" variables="{noResults:1, message:'{s:l(key:\'pageTitle.noResult\')}'}"/>
                </f:else>
            </f:if>
        </ul>
    </div>
    <div class="map__wrapper">
        <span class="ghost map-update" ng-click="updateSize()"></span>
        <f:render partial="Common/Map" section="OpenLayers" arguments="{width:'100%', height:'100vh', news:news}"/>
    </div>
    <div class="map__aside">
        <div class="map-popup">
            <button type="button" class="map-popup__close" data-fa-icon="&#xf00d;" tabindex="-1" ng-click="hidePopup()">
                <span class="ghost">{s:l(key:'common.close')}</span>
            </button>
            <div class="map-popup__content"></div>
        </div>
    </div>
</div>