{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:comment><!--
Assets included with the VHS viewhelpers

/!\ Warning: assets'names shall be uniques, even among styles and scripts viewhelpers!
--></f:comment>

<v:variable.set name="assets_dir" value="EXT:ot_templating/Resources/Public/assets/Classic" />

<f:comment><!-- Style assets --></f:comment>
<v:asset.style name="fontAwesome"
               path="{assets_dir}/style/ext/font-awesome/css/all.min.css"/>

<v:asset.style name="jquery-ui-css"
               path="{assets_dir}/style/ext/jquery-ui.min.css"/>

<v:asset.style name="slick-css"
               path="{assets_dir}/style/ext/slick.css"/>

<v:asset.style name="slick-theme"
               path="{assets_dir}/style/ext/slick-theme.css"/>

<f:comment><!-- Leaflet's path shall not be rewritten since
                it won't find the images files anymore --></f:comment>
<v:asset.style name="leaflet-css"
               path="{assets_dir}/style/ext/leaflet.css"
               rewrite="0"
               standalone="1"/>

<v:asset.style name="theme"
               path="{assets_dir}/style/theme-{f:if(condition: settings.themeColor, then: settings.themeColor, else: 'light-blue')}.css"
               dependencies="fontAwesome,slick,slick-theme,leaflet"
               standalone="1"/>




<f:comment><!-- Script assets --></f:comment>
<v:asset.script name="jquery"
                path="{assets_dir}/script/jquery-3.4.1.min.js"/>

<v:asset.script name="datepicker"
                path="{assets_dir}/script/jquery-ui.min.js"/>

<v:asset.script name="slick"
                path="{assets_dir}/script/slick.min.js"
                dependencies="jquery"/>

<v:asset.script name="leaflet"
                path="{assets_dir}/script/leaflet.js"/>

<v:asset.script name="main"
                path="{assets_dir}/script/main.js"
                dependencies="jquery,datepicker,slick,leaflet"
                standalone="1"/>
