    {% set color = app.session.get('color') %}

    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
        <meta name="viewport" content="initial-scale=1">

        <title>{% block title %}{{ app.session.get('appname') }}{% endblock %}</title>
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <style>
            :root{
                --colorbody: #{{ color['colorbody'] }};
                --main: #{{ color['main'] }};
                --mainR: {{ color['mainrgb']['r'] }};
                --mainG: {{ color['mainrgb']['g'] }};
                --mainB: {{ color['mainrgb']['b'] }};
                --dark: #{{ color['dark'] }};
                --darkR: {{ color['darkrgb']['r'] }};
                --darkG: {{ color['darkrgb']['g'] }};
                --darkB: {{ color['darkrgb']['b'] }};
                --light: #{{ color['light'] }};
                --lightR: {{ color['lightrgb']['r'] }};
                --lightG: {{ color['lightrgb']['g'] }};
                --lightB: {{ color['lightrgb']['b'] }};
                --fontcolorhover: #{{ color['fontcolorhover'] }};
                --fontcolorhoverdark: #{{ color['fontcolorhoverdark'] }};
                --fontfacetitle: {{ app.session.get('fontfacetitle') }};
                --fontfacebody: {{ app.session.get('fontfacebody') }};
                --header: url({{ asset(header) }});
                --logo: url({{ asset(logo) }});   
                {% if not app.session.get('sublogo') is empty %}
                --sublogo: url({{ asset(app.session.get('sublogo')) }});   
                {% else %}
                --sublogo: url();   
                {% endif %}                
                --fgheader: {{ fgheader }};
                --heightheader: {{ heightheader }};
            }             
        </style>

        {% block stylesheets %}
            <link rel="stylesheet" href="{{ asset('css/bootstrap-5.3.1.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/jquery-ui-1.13.2.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/morris-0.5.1.css') }}">
            <link rel="stylesheet" href="{{ asset('css/datatables-1.13.6.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/pick-a-color-1.2.3.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/fullcalendar-5.11.3.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/select2-4.1.0.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/bootstrap-switch-3.3.4.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/jquery-ui.multidatespicker-1.6.4.css') }}">
            <link rel="stylesheet" href="{{ asset('css/slick-1.8.1.css') }}">
            <link rel="stylesheet" href="{{ asset('css/slick-theme-1.8.1.css') }}">
            <link rel="stylesheet" href="{{ asset('css/dropzone-5.9.3.min.css') }}">
            <link rel="stylesheet" href="{{ asset('css/imgareaselect-0.9.11.css') }}">

            <link rel="stylesheet" href="{{ asset('fonts/fontawesome/css/all.css') }}">
            <link rel="stylesheet" href="{{ asset('css/jsRapClock.css') }}">
            <link rel="stylesheet" href="{{ asset('css/font.css') }}">
            <link rel="stylesheet" href="{{ asset('css/style.css') }}">

            {% set theme = app.session.get('theme') %}
            {% if theme is not empty %}
            <link href="{{ asset('themes/'~theme~'/style.css') }}" rel="stylesheet" media="screen" />
            {% endif %}

            <link rel="shortcut icon" href="{{ asset(app.session.get('logo')) }}" />

        {% endblock %}

        {% block javascripts %}
            <script src="{{ asset('js/jquery-3.7.1.min.js') }}"></script>
            <script src="{{ asset('js/bootstrap-5.3.1.min.js') }}"></script>
            <script src="{{ asset('js/jquery-ui-1.13.2.min.js') }}"></script>
            <script src="{{ asset('js/raphael-2.3.0.min.js') }}"></script>
            <script src="{{ asset('js/morris-0.5.1.min.js') }}"></script>
            <script src="{{ asset('js/datatables-1.13.6.min.js') }}"></script>
            <script src="{{ asset('js/datatables-init-1.13.6.js') }}"></script>
            <script src="{{ asset('js/tinycolor-1.6.0-min.js') }}"></script>
            <script src="{{ asset('js/pick-a-color-1.2.3.min.js') }}"></script>
            <script src="{{ asset('js/jquery.browser-2.0.0.js') }}"></script>
            <script src="{{ asset('js/jquery.iframe-auto-height-2.0.0.js') }}"></script>
            <script src="{{ asset('js/moment-2.29.4.min.js') }}"></script>
            <script src="{{ asset('js/fullcalendar-5.11.3.min.js') }}"></script>
            <script src="{{ asset('js/fullcalendar-5.11.3.lang.js') }}"></script>
            <script src="{{ asset('js/imagesloaded-5.0.0.min.js') }}"></script>
            <script src="{{ asset('js/masonry-4.2.2.min.js') }}"></script>
            <script src="{{ asset('js/bootstrap-switch-3.3.4.min.js') }}"></script>
            <script src="{{ asset('js/slick-1.8.1.min.js') }}"></script>
            <script src="{{ asset('js/dropzone-5.9.3.min.js') }}"></script>
            <script src="{{ asset('js/jquery.imgareaselect-0.9.11.min.js') }}"></script>
            <script src="{{ asset('js/select2-4.1.0.min.js') }}"></script>
            <script src="{{ asset('js/select2-4.1.0.fr.js') }}"></script>
            <script src="{{ asset('bundles/tetranzselect2entity/js/select2entity.js') }}"></script>
            <script src="{{ asset('js/jquery.fakecrop.js') }}"></script>
            <script src="{{ asset('js/jsRapClock.js') }}"></script>


            {% if activate_widsonde and not framed is defined %}
                {{ render(path("app_core_sonde")) }}
            {% endif %}

            <script src="{{ asset('js/local.js') }}"></script>
        {% endblock %}

        
        {% set theme = app.session.get('theme') %}
        {% if theme is not empty %}
            <script src="{{ asset('themes/'~theme~'/local.js') }}"></script>
        {% endif %}        
    </head>
