{namespace ttaddr=FriendsOfTYPO3\TtAddress\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace vhwseils=Wseils\Wseils\ViewHelpers}

<f:section name="leaflet">

    <f:render section="rendering" arguments="{_all}"/>

    <f:asset.css identifier="ttaddress-leaflet" href="EXT:tt_address/Resources/Public/Contrib/leaflet-core-1.4.0.css" />
    <f:asset.css identifier="ttaddress" href="EXT:tt_address/Resources/Public/Styles/basic.css" />
    <f:asset.script identifier="ttaddress-leaflet-core" src="EXT:tt_address/Resources/Public/JavaScript/leaflet-core-1.4.0.js" />
    <f:asset.script identifier="wseils-leaflet" src="EXT:wseils/Resources/Public/JavaScript/Leaflet.js" />
    <f:asset.script identifier="wseils-markercluster" src="EXT:wseils/Resources/Public/Plugins/Leaflet.markercluster/dist/leaflet.markercluster.js" />
</f:section>

<f:section name="googleMaps">
    <f:if condition="{settings.map.googleMaps.key}">
        <f:then>
            <f:render section="rendering" arguments="{_all}"/>

            <script src="https://maps.googleapis.com/maps/api/js?key={settings.map.googleMaps.key}"
                    type="text/javascript"></script>
            <script type="text/javascript" src="{f:uri.resource(path:'JavaScript/Frontend/GoogleMaps.js')}"></script>
        </f:then>
        <f:else>
            <div class="alert alert-danger">{f:translate(key:'no_google_maps_key')}</div>
        </f:else>
    </f:if>
</f:section>

<f:section name="staticGoogleMaps">
    <f:if condition="{settings.map.staticGoogleMaps.parameters.key}">
        <f:then>
            <img src="{ttaddr:staticGoogleMaps(parameters:settings.map.staticGoogleMaps.parameters,addresses:addresses)}" />
        </f:then>
        <f:else>
            <div class="alert alert-danger">{f:translate(key:'no_google_maps_key')}</div>
        </f:else>
    </f:if>
</f:section>

<f:section name="rendering">

    <f:variable name="categoryGP"><f:cObject typoscriptObjectPath='lib.content.category'/></f:variable>
    <f:if condition="{categoryGP}">
        <f:then><f:variable name="classPageCurrent"><f:cObject typoscriptObjectPath='lib.content.classPage' data="{categoryGP}"/></f:variable></f:then>
        <f:else><f:variable name="classPageCurrent"></f:variable></f:else>
    </f:if>
    <f:variable name="titleMapItem"><f:format.case mode="lower"><f:cObject typoscriptObjectPath='lib.content.searchMapValue'/></f:format.case></f:variable>
    <f:variable name="tempSelected">0</f:variable>

    <vhwseils:TTAddress.PageList pages="{demand.pages}"/>

    <div class="filterSelect">
        <select name="categoriesMap" id="categoriesMap">
            <option value="{f:uri.page(pageUid:'{contentObjectData.pid}', absolute:1)}">{f:translate(key:'LLL:EXT:wseils/Resources/Private/Language/locallang.xlf:mapsCatAll')}</option>
            <f:for each="{PageList}" as="page">
                <f:if condition="{settings.mapFolder} == {page.pid}">
                    <f:then><f:variable name="titlePage">{page.title}</f:variable></f:then>
                    <f:else><f:variable name="titlePage">-- {page.title}</f:variable></f:else>
                </f:if>
                <v:condition.string.contains haystack="{page.subtitle}" needle="display-all">
                    <f:then>
                        //Ne pas afficher dans le select
                    </f:then>
                    <f:else>
                        <f:if condition="{lang} == 0">
                            <f:then><f:variable name="filter">{page.uid}</f:variable></f:then>
                            <f:else><f:variable name="filter">{page.l10n_source}</f:variable></f:else>
                        </f:if>
                        <f:if condition="{filter} == {categoryGP} && {tempSelected} == 0">
                            <f:then>
                                <f:variable name="tempSelected">1</f:variable>
                                <option value="{f:uri.page(pageUid:'{contentObjectData.pid}', additionalParams:'{filter:filter}', absolute:1)}" selected>{titlePage}</option>
                            </f:then>
                            <f:else>
                                <option value="{f:uri.page(pageUid:'{contentObjectData.pid}', additionalParams:'{filter:filter}', absolute:1)}">{titlePage}</option>
                            </f:else>
                        </f:if>
                    </f:else>
                </v:condition.string.contains>
            </f:for>
        </select>

        <form name="searchMap" method="get" id="searchMap">
            <f:form.textfield type="hidden" name="no_cache" value="1" /> 
            <f:form.textfield id="f-searchMap-name" name="titleMapItem" value="{titleMapItem}" class="form-control" placeholder="{f:translate(key: 'LLL:EXT:wseils/Resources/Private/Language/locallang.xlf:mapsSearch')}"/>
            <f:form.button class="btn btn-dark btn-sm" type="submit" >OK</f:form.button>
        </form>        
    </div>

    <div id="ttaddress__map" data-default-lat="{settings.map.defaultPosition.lat}"
         data-default-lng="{settings.map.defaultPosition.lng}" style="width:100%;min-height:700px;"></div>


    <ul id="ttaddress__records" style="display: none">
        <f:for each="{addresses}" as="address">
            <f:variable name="categoryPagePid">{infoPages.{address.pid}.pid}</f:variable>
            <f:variable name="classPage">{infoPages.{address.pid}.class}</f:variable>
            <f:variable name="enable">enable-{address.pid}</f:variable>
            <f:variable name="color">data-color=""</f:variable>
        
            <f:if condition="{categoryGP} != ''">
                <f:then>
                    <v:condition.string.contains haystack="{classPage}" needle="secondary">
                        <f:then>
                            <f:variable name="color">data-color="secondary"</f:variable>
                        </f:then>
                        <f:else>
                            <v:condition.string.contains haystack="{classPage}" needle="grey">
                                <f:variable name="color">data-color="grey"</f:variable>
                            </v:condition.string.contains>
                        </f:else>
                    </v:condition.string.contains>
        
                    <f:if condition="{categoryGP} == {address.pid} || {categoryGP} == {categoryPagePid}">
                        <f:then>
                            <f:render section="infosAddress" arguments="{_all}"/>
                        </f:then>
                        <f:else>
                            <v:condition.string.contains haystack="{classPageCurrent}" needle="{enable}">
                                <f:render section="infosAddress" arguments="{_all}"/>
                            </v:condition.string.contains>
                        </f:else>
                    </f:if>
                </f:then>
                <f:else>
                    <v:condition.string.contains haystack="{classPage}" needle="display-all">
                        <f:then>
                            //Ne pas afficher l'item
                        </f:then>
                        <f:else>
                            <f:render section="infosAddress" arguments="{_all}"/>
                        </f:else>
                    </v:condition.string.contains>
                </f:else>
            </f:if>            
        </f:for>
    </ul>
    
</f:section>

<f:section name="infosAddress">
    <f:if condition="{titleMapItem}">
        <f:then>
            <f:variable name="titleItemValue"><f:format.case mode="lower">{address.name}</f:format.case></f:variable>
            <v:condition.string.contains haystack="{titleItemValue}" needle="{titleMapItem}">
                <div id="ttaddress__record-{address.uid}" data-id="{address.uid}" data-lat="{address.latitude}"
                 data-lng="{address.longitude}" data-icon="icon" {color}>
                    <h6>{address.name}</h6>
                    <div>
                        <v:condition.string.contains haystack="{classPage}" needle="hide-all">
                            <f:then>
                                <f:render partial="Address" section="addressSmall" arguments="{_all}"/>
                            </f:then>
                            <f:else>
                                <f:render partial="Address" section="address" arguments="{_all}"/>
                            </f:else>
                        </v:condition.string.contains>
                        <f:render partial="Address" section="contact" arguments="{_all}"/>
                    </div>
                </div>
            </v:condition.string.contains>
        </f:then>
        <f:else>
            <div id="ttaddress__record-{address.uid}" data-id="{address.uid}" data-lat="{address.latitude}"
                 data-lng="{address.longitude}" data-icon="icon" {color}>
                <h6>{address.name}</h6>
                <div>
                    <v:condition.string.contains haystack="{classPage}" needle="hide-all">
                        <f:then>
                            <f:render partial="Address" section="addressSmall" arguments="{_all}"/>
                        </f:then>
                        <f:else>
                            <f:render partial="Address" section="address" arguments="{_all}"/>
                        </f:else>
                    </v:condition.string.contains>
                    <f:render partial="Address" section="contact" arguments="{_all}"/>
                </div>
            </div>
        </f:else>
    </f:if>
</f:section>