{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

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

/!\ Warning: assets'names shall be uniques, even among asset.style and asset.script viewhelpers!
--></f:comment>

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

<f:comment><!-- Fonts assets --></f:comment>

<v:asset.style name="modern-montserrat-font"
               path="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,500,500i,600,700,800,900|Poppins:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900"
               external="1"
               standalone="1"/>

<v:asset.style name="modern-dosis-font"
               path="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800"
               external="1"
               standalone="1"/>

<style>
    @font-face {
        font-family: "fontawesome";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/fontawesome-webfont.ttf") format("truetype");
    }
    @font-face {
        font-family: "themify";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/themify.ttf") format("truetype");
    }
    @font-face {
        font-family: "slick";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/slick.ttf") format("truetype");
    }
    @font-face {
        font-family: "revicons";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/revicons.ttf") format("truetype");
    }
</style>

<f:comment><!-- Style assets --></f:comment>

<f:comment><!-- includes all plugins ; can be removed if none of those plugins are used --></f:comment>
<v:asset.style name="modern-plugins-css"
               path="{assets_dir}/style/plugins-css.css"
               standalone="{force_standalone}"/>

<f:comment><!-- includes revolution stylesheets --></f:comment>
<v:asset.style name="modern-revolution-settings"
               path="{assets_dir}/style/revolution/settings.css"
               standalone="{force_standalone}"/>

<f:comment><!-- includes all typography stylesheets --></f:comment>
<v:asset.style name="modern-typography"
               path="{assets_dir}/style/typography.css"
               standalone="{force_standalone}"/>

<v:asset.style name="modern-datetimepicker-css"
               path="{assets_dir}/style/plugins/bootstrap-datetimepicker.min.css"
               standalone="{force_standalone}"/>

<v:asset.style name="modern-slick-css"
               path="{assets_dir}/style/plugins/slick.css"
               standalone="{force_standalone}"/>

<v:asset.style name="modern-slick-theme-css"
               path="{assets_dir}/style/plugins/slick-theme.css"
               standalone="{force_standalone}"/>

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

<f:comment><!-- includes all shortcodes ; some of them may have to be removed --></f:comment>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/accordion.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/action-box.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/blockquote.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/bootstrap-typography.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/button.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/clients.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/contact-form.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/countdown.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/counter.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/divider.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/dropcap.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/feature-text.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/list-style.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/nice-select.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/owl-carousel.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/page-title.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/pie-chart.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/pricing.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/progress-bar.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/section-title.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/shortcodes.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/social-icons.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/tabs.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/team.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/testimonial.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/side-panel.css"/>
<v:asset.style group="modern-shortcodes" path="{assets_dir}/style/shortcodes/onload-modal.css"/>


<f:comment><!-- main stylesheet of the template --></f:comment>
<v:asset.style name="modern-style-css"
               path="{assets_dir}/style/style.css"
               standalone="1"
               rewrite="0"/>

<f:comment><!-- responsive stylesheet of the template (mediaqueries) --></f:comment>
<v:asset.style name="modern-responsive-css"
               path="{assets_dir}/style/responsive.css"
               standalone="{force_standalone}"/>

<v:asset.style name="modern-custom-css"
               path="{assets_dir}/style/custom.css"
               standalone="1"/>


<f:comment><!-- Chosen theme --></f:comment>
<v:asset.style name="modern-theme"
               path="{assets_dir}/style/skins/modern-{ot:template.getPreference(key: 'themeColor')}.css"
               standalone="1"
               rewrite="0"/>

<f:comment><!-- Script assets --></f:comment>

<f:comment><!-- Defines the path of all plugin folders to allow dynamic loading --></f:comment>
<script>
    var plugin_path = '/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/script/';
</script>

<v:asset.script name="modern-jquery"
                path="{assets_dir}/script/jquery-3.3.1.min.js"
                standalone="{force_standalone}"
                defer="1"/>

<f:comment><!-- includes all plugins ; can be removed if none of those plugins are used --></f:comment>
<v:asset.script name="modern-plugins-jquery"
                path="{assets_dir}/script/plugins-jquery.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1" />

<v:asset.script name="modern-recaptcha"
                path="https://www.google.com/recaptcha/api.js"
                external="1"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-jquery-tools"
                path="{assets_dir}/script/revolution/jquery.themepunch.tools.min.js"
                standalone="{force_standalone}"
                defer="1"/>

<v:asset.script name="modern-jquery-revolution"
                path="{assets_dir}/script/revolution/jquery.themepunch.revolution.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-actions"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.actions.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-carousel"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.carousel.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-kenburn"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.kenburn.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-layeranimation"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.layeranimation.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-parallax"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.parallax.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-navigation"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.navigation.min.js"
                standalone="{force_standalone}"
                defer="1"/>

<v:asset.script name="modern-revolution-slideanims"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.slideanims.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-navigation"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.navigation.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-video"
                path="{assets_dir}/script/revolution/extensions/revolution.extension.video.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-revolution-custom"
                path="{assets_dir}/script/revolution/revolution-custom.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-moment-js"
                path="{assets_dir}/script/bootstrap-datetimepicker/moment-datepicker.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-datetimepicker-js"
                path="{assets_dir}/script/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery,modern-moment-js"
                defer="1"/>

<v:asset.script name="modern-slick-js"
                path="{assets_dir}/script/slick/slick.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-leaflet-js"
                path="{assets_dir}/script/leaflet/leaflet.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-magnific-popup"
                path="{assets_dir}/script/magnific-popup/jquery.magnific-popup.min.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-custom-js"
                path="{assets_dir}/script/custom.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>

<v:asset.script name="modern-custom-ot-js"
                path="{assets_dir}/script/custom-ot.js"
                standalone="{force_standalone}"
                dependencies="modern-jquery"
                defer="1"/>


