page {
    includeCSS {
        webcam = EXT:vendee_webcam/Resources/Public/Scss/webcam.scss
        meteo = EXT:vendee_webcam/Resources/Public/Scss/meteo.scss
    }
    includeJSFooter {
        meteoTab = EXT:vendee_webcam/Resources/Public/Js/meteo-tabs.js
        mapByCity = EXT:vendee_webcam/Resources/Public/Js/map-by-city.js
        meteoPlages = EXT:vendee_webcam/Resources/Public/Js/meteo-plages.js
        tides = EXT:vendee_webcam/Resources/Public/Js/tides-array.js
        marines = EXT:vendee_webcam/Resources/Public/Js/meteo-marine.js
        meteo = EXT:vendee_webcam/Resources/Public/Js/meteo-global.js
    }
}

lib.withoutCity = TEXT
lib.withoutCity {
    value = <p class="no-beach-select">{$vendee_base.beachText}</p>
    value.insertData = 1
}

lib.menuMeteo = COA
lib.menuMeteo {
    wrap = <div class="meteoNavi">|</div>
    10 = HMENU
    10 {
        wrap = <nav class="menuMeteo desktopMenu"><ul role="list">|</ul></nav>

        special = directory
        special.value = {$vendee_base.pidMeteo}
        special.value.insertData = 1
        1 = TMENU
        1 {
            expAll = 1
            noBlur = 1
            NO = 1
            NO {
                wrapItemAndSub = <li>|</li>
                ATagBeforeWrap = 1
                linkWrap = <span>|</span>

            }
            ACT < .NO
            ACT {
                wrapItemAndSub = <li class="active">|</li>
            }
        }
    }
    20 = HMENU
    20 {
        wrap = <nav class="menuMeteo-responsive"><span class="arrowSelection"></span><input class="meteoSelect" value="- Sélectionner une vue -" readonly="readonly"><ul role="listbox">|</ul></nav>

        special = directory
        special.value = {$vendee_base.pidMeteo}
        special.value.insertData = 1
        1 = TMENU
        1 {
            expAll = 1
            noBlur = 1
            NO = 1
            NO {
                wrapItemAndSub = <li role="option">|</li>
            }
            ACT < .NO
            ACT {
                wrapItemAndSub = <li role="option" class="active">|</li>
            }
        }
    }
    30 = TEXT
    30 {
        typolink {
            parameter = {$vendee_base.pageWebcam}
            returnLast = url
        }
        wrap = <a href="|" title="Voir les webcams du Conseil départemental" class="btn btn-default btn-webcam"><span>Webcams</span></a>
    }
}