<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    {#    Original#}
    {#    <meta name="viewport" content="width=device-width, initial-scale=1">#}

    <!--    para asegurar compatibilidad con la mayor cantidad de pantallas y navegadores móviles-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <meta name="description" content="">
    <meta name="author" content="">



    {% block stylesheets %}
        <!--     Fonts and icons     -->
        <link href="{{ asset('web2/css/css.css') }}" rel="stylesheet" />
        <link rel="stylesheet" href="{{ asset('admin/less/icons/font-awesome/css/font-awesome.min.css') }}" />
        <link rel="stylesheet" href="{{ asset('admin/less/icons/themify-icons/themify-icons.css') }}" />


        <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('recursos/imagenes/sistema/banner_superior.png') }}">
        <!-- Bootstrap Core CSS -->
        <link href="{{ asset('admin/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
        <link href="{{ asset('bower_components/bootstrap-extension/css/bootstrap-extension.css') }}" rel="stylesheet">

        <!-- Menu CSS -->
        <link href="{{ asset('bower_components/sidebar-nav/dist/sidebar-nav.min.css') }}" rel="stylesheet">
        <link href="{{ asset('bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet">
        <link href="{{ asset('bower_components/datatables/buttons.dataTables.min.css') }}" rel="stylesheet">


        {#<!-- morris CSS -->#}
        {#<link href="{{ asset('bower_components/morrisjs/morris.css') }}" rel="stylesheet">#}


        <!-- animation CSS -->
        <link href="{{ asset('admin/css/animate.css') }}" rel="stylesheet">
        {#Para Cargar archivos    #}
        <link rel="stylesheet" href="{{ asset('bower_components/dropify/dist/css/dropify.min.css') }}">

        <link href="{{ asset('bower_components/Magnific-Popup-master/dist/magnific-popup.css') }}" rel="stylesheet">

{#        <link href="{{ asset('bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet"  />#}

        <!-- Date picker plugins css -->
        <link href="{{ asset('bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
        <!-- Daterange picker plugins css -->
{#        <link href="{{ asset('bower_components/timepicker/bootstrap-timepicker.min.css') }}" rel="stylesheet">#}
        <link href="{{ asset('bower_components/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">



        <!--alerts CSS -->
        {#<link href="{{ asset('bower_components/sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css">#}

        <!-- Custom CSS -->
        <link href="{{ asset('admin/css/style.min.css') }}" rel="stylesheet">

        <!-- color CSS -->
        <link href="{{ asset('admin/css/colors/megna.css') }}" id="theme" rel="stylesheet">

        {#Texto Enriquecido#}
        <link rel="stylesheet" href="{{ asset('bower_components/html5-editor/bootstrap-wysihtml5.css') }}" />
        <link rel="stylesheet" href="{{ asset('bower_components/html5-editor/wysiwyg-color.css') }}" />

        <link href="{{ asset('web2/css/rowGroup.dataTables.min.css') }}" rel="stylesheet" />

        {#excel#}
        {#<script src="{{ asset('web2/js/jquery-2.1.4.js') }}"></script>#}
        <script lang="javascript" src="{{ asset('web2/js/xlsx.full.min.js') }}"></script>
        {#<link rel="stylesheet" type="text/css" href="{{ asset('web2/css/style.css') }}">#}

        {#<link href="{{ asset('webExcel/css/estilo.css') }}" rel="stylesheet">#}
        <script src="{{ asset('webExcel/js/jquery.js') }}"></script>
        <script src="{{ asset('webExcel/js/myjava.js') }}"></script>

        {#Fin Excel        #}



        {#<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->#}
        {#<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->#}
        {#<!--[if lt IE 9]>#}
{#        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>#}
{#        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>#}

{#        <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('recursos/imagenes/sistema/logo_icono.gif') }}">#}
        <title>{% block title %}Wonder Pasico{% endblock %}</title>


        <style>



            .navbar-header {
                background: #00aec5;
                height: 100px;
            }

            /*Centrea la imagen    */
            .el-element-overlay .el-card-item .el-overlay-1 img {
                display: block;
                margin:auto;
            }

            .centrea_img {
                display: block;
                margin:auto;
            }

            .fondo_plomo{
                background: #1e7506;
            }

            .fondo_lila{
                background: #bd9aa7;
            }

            .fondo_blanco{
                background: #ffff;
            }

            .contacts__img > img {
                max-width: 200px;
                max-height: 200px;
            }

            .login__block__header img
            {
                width: 250px;
            }

            /*boton primario del datatable*/
            button.dt-button, div.dt-button, a.dt-button {
                background: black;
                border: black;
                color: #ffffff;
            }

            /*boton secundario del datatable*/
            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
            {
                background-color: black;
                border: black;
                color: #ffffff;
            }

            body {background: #F5F5F5; font: 18px/1.5 sans-serif;}
            h1, h2 { line-height: 1.2; margin: 0 0 .5em; }
            h1 { font-size: 36px; }
            h2 { font-size: 21px; margin-bottom: 1em; }
            p { margin: 0 0 1em 0; }
            a { color: white; }
            a:hover { text-decoration: none; }
            code { background: #F5F5F5; max-width: 100px; padding: 2px 6px; word-wrap: break-word; }
            #wrapper { background: #FFF; margin: 1em auto; max-width: 800px; width: 95%; }
            #container { padding: 2em; }
            #welcome, #status { margin-bottom: 2em; }
            #welcome h1 span { display: block; font-size: 75%; }
            #icon-status, #icon-book { float: left; height: 64px; margin-right: 1em; margin-top: -4px; width: 64px; }
            #icon-book { display: none; }

            @media (min-width: 768px) {
                #wrapper { width: 80%; margin: 2em auto; }
                #icon-book { display: inline-block; }
                #status a, #next a { display: block; }

                @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
                @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
                .sf-toolbar { opacity: 0; -webkit-animation: fade-in 1s .2s forwards; animation: fade-in 1s .2s forwards;}
            }

            .nav > li > a {

                padding-top: 1px;
                padding-bottom: 1px;

            }

            .form-check {
                margin-bottom: 2rem;
            }

        </style>


    {% endblock %}


{#    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />#}

</head>


<body>
{% include 'menus/header_admin.html.twig' %}

{% if app.request.get('_route') == 'homepage' or app.request.get('_route') == 'torigen_index' or app.request.get('_route') == 'tempresa_index'or app.request.get('_route') == 'tdestino_index'
    or app.request.get('_route') == 'tcamion_index' or app.request.get('_route') == 'tnacional_index' or app.request.get('_route') == 'tusuario_index'
    or app.request.get('_route') == 'tusuario_indextrans' or app.request.get('_route') == 'tfactnal_cobrar' or app.request.get('_route') == 'tfactnal_pagados'
    or app.request.get('_route') == 'tnal_pagar' or app.request.get('_route') == 'tnal_pagado' or app.request.get('_route') == 'tinternacional_index' %}
    {{ app.request.get('_route') }}
    <!-- Left navbar-header -->
    <div class="navbar-default sidebar" role="navigation">
        <div class="sidebar-nav navbar-collapse slimscrollsidebar">
            <ul class="nav" id="side-menu">

                <br><br>
                {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%}
                    <li class="nav-small-cap m-t-10">--- WONDER</li>
                    <li class="user-pro">
                        <a href="#" class="waves-effect"><img src="{{ asset('recursos/imagenes/sistema/iconos/transporte.png') }}" alt="user-img" class="img-circle">
                            <span class="hide-menu">Transporte<span class="fa arrow">&nbsp;<span ></span><span class="label label-rouded label-info pull-right">2</span></span></span>
                        </a>
                        <ul class="nav nav-second-level">
                            <li> <a href="{{ path('tnacional_index') }}" class="waves-effect"><i data-icon="K" class="linea-icon linea-basic fa-fw"></i> <span class="hide-menu"> Nacional </span></a>
                            <li> <a href="{{ path('tinternacional_index') }}" class="waves-effect"><i data-icon="L" class="linea-icon linea-basic fa-fw"></i> <span class="hide-menu"> Internacional </span></a>
                        </ul>
                    </li>
                {% endif %}

                {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')%}
                    <li class="nav-small-cap">--- ADMINISTRACIÓN</li>
                    <li class="user-pro">
                        <a href="#" class="waves-effect"><img src="{{ asset('recursos/imagenes/sistema/iconos/inscripcion.png') }}" alt="user-img" class="img-circle">
                            <span class="hide-menu">Gestión<span class="fa arrow">&nbsp;<span ></span><span class="label label-rouded label-success pull-right">6</span></span></span>
                        </a>

                        <ul class="nav nav-second-level">
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('torigen_index') }}"><i class="icon-location-pin p-r-10"></i>Origen</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tdestino_index') }}"><i class="icon-globe p-r-10"></i>Destino</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tusuario_indextrans') }}"><i class="icon-note p-r-10"></i>Transportistas</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tcamion_index') }}"><i class="icon-note p-r-10"></i>Camiones</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tempresa_index') }}"><i class="icon-grid p-r-10"></i>Empresas</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tusuario_index') }}"><i class="icon-people p-r-10"></i>Usuarios</a> </li>
                        </ul>
                    </li>
                {% endif %}

                {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')%}
                    <li class="nav-small-cap">--- CONTABILIDAD</li>
                    <li class="user-pro">
                        <a href="#" class="waves-effect"><img src="{{ asset('recursos/imagenes/sistema/iconos/calculator.png') }}" alt="user-img" class="img-circle">
                            <span class="hide-menu">Reportes<span class="fa arrow">&nbsp;<span ></span><span class="label label-rouded label-success pull-right">4</span></span></span>
                        </a>

                        <ul class="nav nav-second-level">
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tfactnal_cobrar') }}"><i class=" icon-arrow-left-circle p-r-10"></i>X Cobrar Emp. Nal.</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tfactnal_pagados') }}"><i class="icon-arrow-right-circle p-r-10"></i>Pagados Emp. Nal.</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tnal_pagar') }}"><i class="icon-arrow-right-circle p-r-10"></i>X Pagar Trans. Nal.</a> </li>
                            <li style="font: 15px/1.5 sans-serif;"> <a href="{{ path('tnal_pagado') }}"><i class="icon-arrow-right-circle p-r-10"></i>Pagados Trans. Nal.</a> </li>
                        </ul>
                    </li>
                    <li class="nav-small-cap">--- SOPORTE</li>
                    <li class="user-pro">
                        <a href="{{ asset('recursos/Manual_de_Usuario.pdf') }}"; target="_blank"; class="waves-effect"><img src="{{ asset('recursos/imagenes/sistema/iconos/descarga.png') }}" alt="user-img" class="img-circle">
                            <span class="hide-menu">Descargar Manual</span>
                        </a>
                    </li>
                {% endif %}

                <li><a class="waves-effect" href="{{ path('app_logout') }}"><img style="width: 40px" src="{{ asset('recursos/imagenes/sistema/iconos/exit.png') }}" alt="user-img" class="img-circle"> <span class="hide-menu">Salir</span></a></li>
            </ul>
        </div>
    </div>
{% endif %}






<div id="page-wrapper">
    <div class="container-fluid">
        <div class="row bg-title">
            <!-- .page title -->
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
                <h4 class="page-title">{% block titulo %} Bienvenido {% endblock %}</h4> </div>
            <!-- /.page title -->
            <!-- .breadcrumb -->
            <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
                <ol class="breadcrumb">
                    <li><a href="{{ path('homepage') }}">Principal</a></li>
                    <li class="active">{% block bread %} Inicio {% endblock %}</li>
                </ol>
            </div>
            <!-- /.breadcrumb -->
        </div>
        {% block body %}
        {% endblock %}
    </div>
    {% include 'menus/footer_admin.html.twig' %}
</div>




<!-- Left navbar-header end -->

{#{% include 'menus/header_admin.html.twig' %}#}
{#{% block body %}#}
{#{% endblock %}#}
{#{% include 'menus/footer_admin.html.twig' %}#}

<!-- Javascript -->
<!-- jQuery -->
<script src="{{ asset('bower_components/jquery/dist/jquery.min.js') }}"></script>
<!-- Bootstrap Core JavaScript -->
<script src="{{ asset('admin/bootstrap/dist/js/tether.min.js') }}"></script>
<script src="{{ asset('admin/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('bower_components/bootstrap-extension/js/bootstrap-extension.min.js') }}"></script>

<!-- Menu Plugin JavaScript -->
<script src="{{ asset('bower_components/sidebar-nav/dist/sidebar-nav.min.js') }}"></script>


<!--slimscroll JavaScript -->
<script src="{{ asset('admin/js/jquery.slimscroll.js') }}"></script>
<!--Wave Effects -->
<script src="{{ asset('admin/js/waves.js') }}"></script>



<!-- Custom Theme JavaScript -->
<script src="{{ asset('admin/js/custom.min.js') }}"></script>
{#<script src="{{ asset('admin/js/dashboard1.js') }}"></script>#}
<script src="{{ asset('admin/js/jasny-bootstrap.js') }}"></script>

<!-- jQuery file upload -->
<script src="{{ asset('bower_components/dropify/dist/js/dropify.min.js') }}"></script>

<!--  Notifications Plugin    -->
<script src="{{ asset('admin/bootstrap/dist/js/bootstrap-notify.js') }}"></script>

<script src="{{ asset('web2/js/bootbox.min.js') }}"></script>
<script src="{{ asset('bower_components/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('bower_components/Magnific-Popup-master/dist/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('bower_components/Magnific-Popup-master/dist/jquery.magnific-popup-init.js') }}"></script>

<script src="{{ asset('bower_components/moment/moment.js') }}"></script>

{#<!-- Color Picker Plugin JavaScript -->#}
{#<script src="{{ asset('bower_components/jquery-asColorPicker-master/libs/jquery-asColor.js') }}"></script>#}
{#<script src="{{ asset('bower_components/jquery-asColorPicker-master/libs/jquery-asGradient.js') }}"></script>#}
{#<script src="{{ asset('bower_components/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js') }}"></script>#}

<!-- Date Picker Plugin JavaScript -->
<script src="{{ asset('bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<!-- Date range Plugin JavaScript -->
{#<script src="{{ asset('bower_components/timepicker/bootstrap-timepicker.min.js') }}"></script>#}
<script src="{{ asset('bower_components/bootstrap-daterangepicker/daterangepicker.js') }}"></script>



<!--Morris JavaScript -->
<script src="{{ asset('bower_components/raphael/raphael-min.js') }}"></script>
{#<script src="{{ asset('bower_components/morrisjs/morris.js') }}"></script>#}
<!-- Sparkline chart JavaScript -->
<script src="{{ asset('bower_components/jquery-sparkline/jquery.sparkline.min.js') }}"></script>
<!-- jQuery peity -->
<script src="{{ asset('bower_components/peity/jquery.peity.min.js') }}"></script>
<script src="{{ asset('bower_components/peity/jquery.peity.init.js') }}"></script>


<!--Style Switcher -->
<script src="{{ asset('bower_components/styleswitcher/jQuery.style.switcher.js') }}"></script>
{#Para borrar a un usuario#}
<script src="{{ asset('admin/js/delete-user.js') }}"></script>

<!-- Sweet-Alert  -->
{#<script src="{{ asset('bower_components/sweetalert/sweetalert.min.js') }}"></script>#}
{#<script src="{{ asset('bower_components/sweetalert/jquery.sweet-alert.custom.js') }}"></script>#}


<script type="text/javascript">
    jQuery('.mydatepicker').datepicker({
        format: 'dd/mm/yyyy'
    });
</script>

{#DESACTUALIZADOS#}
{#<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>#}
{#<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.flash.min.js"></script>#}
{#<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>#}
{#<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>#}
{#<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>#}
{#<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js"></script>#}


{#para los botones del datatable ACTUALIZADO#}
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
{#https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js#}
{#https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js#}
<script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script>


{#EL TEXTO ENRIQUECIDO, OJO ARRIBA TAMBIÉN#}
<script src="{{ asset('bower_components/html5-editor/wysihtml5-0.3.0.js') }}"></script>
<script src="{{ asset('bower_components/html5-editor/bootstrap-wysihtml5.js') }}"></script>
<script>
    $(document).ready(function () {
        $('.textarea_editor').wysihtml5();
    });
</script>

{#Muestra las imágenes ocultas cuando se desea adicionar mas material#}
<script>
    $("#addblock").click(function() {
        $('.hidden:first').removeClass("hidden");
    });
</script>


<script>
    function controlnum(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) return true; // para la tecla de retroseso
        else if (tecla==0||tecla==9)  return true; //<-- PARA EL TABULADOR-> su keyCode es 9 pero en tecla se esta transformando a 0 asi que porsiacaso los dos
        patron =/[0-9.\s]/;// -> solo letras
        // patron =/[a-z\s]/;// -> solo numeros
        te = String.fromCharCode(tecla);
        return patron.test(te);
    }
</script>
<script>
    function controllet(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) return true; // para la tecla de retroseso
        else if (tecla==0||tecla==9)  return true; //<-- PARA EL TABULADOR-> su keyCode es 9 pero en tecla se esta transformando a 0 asi que porsiacaso los dos
        patron =/[a-zA-Z\u00E0-\u00FC\s]/;// -> solo numeros
        te = String.fromCharCode(tecla);
        return patron.test(te);
    }
</script>
<script>
    $(document).ready(function () {
        // Basic
        $('.dropify').dropify();
    });
</script>




<script>
    window.addEventListener("keypress", function(event){
        if (event.keyCode == 13){
            event.preventDefault();
        }
    }, false);
</script>

{#Modifica los mensajes por defecto del seleccionador de archivos#}
<script>
    $('.dropify').dropify({
        messages: {
            'default': 'Arrastra y suelta un archivo aquí o haz clic',
            'replace': 'Arrastre y suelte o haga clic para reemplazar',
            'remove':  'Retirar',
            'error':   'Error en el Tamaño del Archivo - Máx. 5M'
        }
    });
</script>

<script>
    function asistencia(){
        debugger;
        //        var select = document.getElementById("estadoestudiante"), //El <select> con el nombre del objeto de html
        var idCurso= parseInt(document.getElementById("idCurso").value);


        {#var url = '{{ path("tinscripcion_registra_asistencia", {'idCurso': 'mi_id3'}) }}';#}
        var url = '{{ path("torigen_index", {'idCurso': 'mi_id3'}) }}';
        url = url.replace("mi_id3", idCurso);
        $.ajax({

            url     : url,
            type    : 'POST',
            dataType: 'json',
            data    :  {},
            success : function(response) {

            },
            error: function(data){
                alert('Error');
            }
        });
    }

    // Daterange picker
    $('.input-daterange-datepicker').daterangepicker({
            format: 'DD/MM/YYYY',
        buttonClasses: ['btn', 'btn-sm']
        , applyClass: 'btn-danger'
        , cancelClass: 'btn-inverse'
    });
    // $('.input-daterange-timepicker').daterangepicker({
    //     timePicker: true
    //     , format: 'MM/DD/YYYY h:mm A'
    //     , timePickerIncrement: 30
    //     , timePicker12Hour: true
    //     , timePickerSeconds: false
    //     , buttonClasses: ['btn', 'btn-sm']
    //     , applyClass: 'btn-danger'
    //     , cancelClass: 'btn-inverse'
    // });
    // $('.input-limit-datepicker').daterangepicker({
    //     format: 'MM/DD/YYYY'
    //     , minDate: '06/01/2015'
    //     , maxDate: '06/30/2015'
    //     , buttonClasses: ['btn', 'btn-sm']
    //     , applyClass: 'btn-danger'
    //     , cancelClass: 'btn-inverse'
    //     , dateLimit: {
    //         days: 6
    //     }
    // });


</script>

{% block javascripts %}
{% endblock %}
</body>

</html>



{#<!DOCTYPE html>#}
{#<html>#}
{#    <head>#}
{#        <meta charset="UTF-8">#}
{#        <title>{% block title %}Welcome!{% endblock %}</title>#}
{#        #}{# Run `composer require symfony/webpack-encore-bundle`#}
{#           and uncomment the following Encore helpers to start using Symfony UX #}
{#        {% block stylesheets %}#}
{#            #}{#{{ encore_entry_link_tags('app') }}#}
{#        {% endblock %}#}

{#        {% block javascripts %}#}
{#            #}{#{{ encore_entry_script_tags('app') }}#}
{#        {% endblock %}#}
{#    </head>#}
{#    <body>#}
{#        {% block body %}{% endblock %}#}
{#    </body>#}
{#</html>#}
