<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ constant('FS_LANG') | slice(0, 2) }}" xml:lang="{{ constant('FS_LANG') | slice(0, 2) }}" >
    <head>
        {% block meta %}
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>{{ fsc.title }}</title>
            <meta name="description" content="{{ trans('meta-description') }}" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <meta name="generator" content="FacturaScripts" />
            <meta name="theme-color" content="#ffffff">
            <meta name="robots" content="noindex" />
        {% endblock %}
        {% block icons %}
            <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('Dinamic/Assets/Images/apple-touch-icon.png') }}" />
            <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('Dinamic/Assets/Images/favicon-32x32.png') }}" />
            <link rel="icon" type="image/png"  sizes="16x16" href="{{ asset('Dinamic/Assets/Images/favicon-16x16.png') }}" />
            <link rel="shortcut icon" type="image/x-icon" href="{{ asset('Dinamic/Assets/Images/favicon.ico') }}" />
            <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('Dinamic/Assets/Images/apple-icon-180x180.png') }}" />
        {% endblock %}
        {% block css %}
            <link rel="stylesheet" href="{{ asset('node_modules/bootstrap/dist/css/bootstrap.min.css') }}" />
            <link rel="stylesheet" href="{{ asset('node_modules/@fortawesome/fontawesome-free/css/all.min.css') }}"/>
            <link rel="stylesheet" href="{{ asset('Dinamic/Assets/CSS/custom.min.css') }}" />
            <link rel="preconnect" href="https://fonts.googleapis.com">
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
            <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&amp;display=swap" rel="stylesheet">
            <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
            <link href="{{ asset('Dinamic/Assets/Vendor/glightbox/glightbox.min.css') }}" rel="stylesheet">
            <link href="{{ asset('Dinamic/Assets/Vendor/simplebar/simplebar.min.css') }}" rel="stylesheet">
            <link href="{{ asset('Dinamic/Assets/CSS/theme-rtl.min.css" type="text/css') }}" rel="stylesheet" id="style-rtl">
            <link href="{{ asset('Dinamic/Assets/CSS/theme.min.css') }}" type="text/css" rel="stylesheet" id="style-default">
            <link href="{{ asset('Dinamic/Assets/CSS/user-rtl.min.css') }}" type="text/css" rel="stylesheet" id="user-style-rtl">
            <link href="{{ asset('Dinamic/Assets/CSS/user.min.css') }}" type="text/css" rel="stylesheet" id="user-style-default">
            <link href="{{ asset('Dinamic/Assets/Vendor/dropzone/dropzone.css') }}" rel="stylesheet">
            <link rel="stylesheet" href="{{ asset('Dinamic/Assets/CSS/OldFS.css') }}"/>
            <style>

            </style>
        {% endblock %}
        {# Adds custom CSS assets #}
        {% for css in assetManager.get('css') %}
            <link rel="stylesheet" href="{{ css }}"/>
        {% endfor %}
        {% block javascripts %}

            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js"></script>
            <script src="{{ asset('node_modules/jquery/dist/jquery.min.js') }}"></script>

        <script src="{{ asset('node_modules/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
        <script src="{{ asset('Dinamic/Assets/Vendor/bootstrap/bootstrap.min.js') }}"></script>

        <!-- 
            <script src="{{ asset('node_modules/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
        -->

            <script src="{{ asset('node_modules/@fortawesome/fontawesome-free/js/all.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/simplebar/simplebar.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/JS/config.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/anchorjs/anchor.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/dayjs/dayjs.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/feather-icons/feather.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/fontawesome/all.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/glightbox/glightbox.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/is/is.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/lodash/lodash.min.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/list.js/list.min.js') }}"></script>
            <script src="https://polyfill.io/v3/polyfill.min.js?features=window.scroll"></script>
            <script src="{{ asset('Dinamic/Assets/JS/phoenix.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/JS/showcase.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/JS/ecommerce-dashboard.js') }}"></script>
            <script src="{{ asset('Dinamic/Assets/Vendor/dropzone/dropzone-min.js') }}"></script>

            <script>
                var phoenixIsRTL = window.config.config.phoenixIsRTL;
                if (phoenixIsRTL) {
                    var linkDefault = document.getElementById('style-default');
                    var userLinkDefault = document.getElementById('user-style-default');
                    linkDefault.setAttribute('disabled', true);
                    userLinkDefault.setAttribute('disabled', true);
                    document.querySelector('html').setAttribute('dir', 'rtl');
                } else {
                    var linkRTL = document.getElementById('style-rtl');
                    var userLinkRTL = document.getElementById('user-style-rtl');
                    linkRTL.setAttribute('disabled', true);
                    userLinkRTL.setAttribute('disabled', true);
                }
            </script>

        {% endblock %}
        {# Adds custom JS assets #}
        {% for js in assetManager.get('js') %}
            <script src="{{ js }}"></script>

        {% endfor %}
        {% if debugBarRender %}
            {{ debugBarRender.renderHead() | raw }}
        {% endif %}

    </head>
    {% block fullBody %}
        <body>
            {% block messages %}
                {% include 'Macro/Toasts.html.twig' %}
                {% from 'Macro/Utils.html.twig' import message as showMessage %}
                {{ showMessage(log, ['error', 'critical'], 'danger') }}
                {{ showMessage(log, ['warning'], 'warning') }}
                {{ showMessage(log, ['notice'], 'success') }}
                {{ showMessage(log, ['info'], 'info') }}
            {% endblock %}
            {% block body %}
            {% endblock %}
            {% if debugBarRender %}
                {{ debugBarRender.render() | raw }}
            {% endif %}
            <!-- execution time: {{ executionTime() }} s -->
        </body>
    {% endblock %}
</html>
