{#
    Main CSS can be found in metadata.twig
#}

<!-- VueJS Requirements -->
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>

{# Core Theme Components #}
{{ asset_add("theme.js", "visiosoft.theme.base::js/popper.min.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/bootstrap.min.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/modal_include.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/select2.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/params.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/jquery.maskedinput.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/intlTelInput.min.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/utils.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/phoneField.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/jquery.inputmask.bundle.min.js") }}

{# Theme Scripts #}
{#{{ asset_add("theme.js", "visiosoft.theme.base::js/plugins/*") }}#}
{{ asset_add("theme.js", "visiosoft.theme.base::js/theme/initialize.js") }}

{{ asset_script("theme.js") }}

{# Include Styles Loaded From Outside #}
<style type="text/css">
    {% for style in asset_inlines("styles.css", ["min"]) %}
    {{ style|raw }}
    {% endfor %}
</style>

{# Include Scripts Loaded From Outside #}
<script type="text/javascript">
    {% for script in asset_inlines("scripts.js", ["min"]) %}
    {{ script|raw }}
    {% endfor %}
</script>

<script type="text/javascript">
    {% for script in asset_inlines("customjs.js") %}
    {{ script|raw }}
    {% endfor %}
</script>