{% extends 'base.html.twig' %}


    {% block body %}
        <body>

        <style>
            body {
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>

        {#//Pone un ESPACIO#}
        {% if not (is_granted('ROLE_ESTUDIANTE'))  %}
            <div class="space-50 row fondo_plomo" style="color: black"><strong>ACCESOS</strong></div>
        {% endif %}

        <div class="row el-element-overlay fondo_plomo">

            {#            {% if not (is_granted('ROLE_PROFESOR') or is_granted('ROLE_ESTUDIANTE'))  %}#}
            {% if is_granted('ROLE_ADMINISTRADOR')  or is_granted('ROLE_TECNICO') or is_granted('ROLE_RECEPCION') %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('tnacional_index', { 'id': 1})}}"><img  style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/Nacional.png') }}" title="Gestión de Transporte Nacional" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{path('tnacional_index', { 'id': 1})}}" id="div-btn1" style="color: white;" class="active"><strong>TRANSPORTE NACIONAL</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {#            {% if not (is_granted('ROLE_PROFESOR') or is_granted('ROLE_ESTUDIANTE'))  %}#}
            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{ path('tinternacional_index') }}"><img style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/Internacional.png') }}" title="Gestión de Transporte Internacional" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{ path('tinternacional_index') }}" id="div-btn1" style="color: white;" class="active"><strong>TRANSPORTE INTERNACIONAL</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {#            {% if not (is_granted('ROLE_PROFESOR') or is_granted('ROLE_ESTUDIANTE'))  %}#}
            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO') %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('torigen_index')}}"><img  style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/Origen.png') }}" title="Gestión de Origen" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{path('torigen_index')}}" id="div-btn1" style="color: white;" class="active"><strong>ORIGEN</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {#            {% if not (is_granted('ROLE_PROFESOR') or is_granted('ROLE_ESTUDIANTE'))  %}#}
            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO') %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('tdestino_index')}}"><img  style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/destinos.png') }}" title="Gestión de Destinos" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{path('tdestino_index')}}" id="div-btn1" style="color: white;" class="active"><strong>DESTINO</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}


{#            {% if not (is_granted('ROLE_PROFESOR') or is_granted('ROLE_ESTUDIANTE'))  %}#}
            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO') %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('tcamion_index')}}"><img style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/camion.png') }}" title="Gestión de Camiones" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{path('tcamion_index')}}" id="div-btn1" style="color: white;" class="active"><strong>CAMIONES</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}




            {#            {% if (is_granted('ROLE_PROFESOR') or is_granted('ROLE_ADMINISTRADOR'))  %}#}
            {#                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">#}
            {#                    <div class="white-box fondo_plomo">#}
            {#                        <div class="el-card-item">#}
            {#                            <div class="el-card-avatar el-overlay-1">#}
            {#                                <a href="{{path('tevaluacion_index')}}"><img style="width: 60%"  src="{{ asset('recursos/imagenes/sistema/iconos/evaluacion.png') }}" title="Gestión de Glosario" alt=""/></a>#}
            {#                            </div>#}
            {#                            <div class="el-card-content" style="color:#000000;">#}
            {#                                <h3><a href="{{path('tevaluacion_index')}}" id="div-btn1" style="color: white;" class="active"><strong>CARGA EVALUACIÓN</strong></a></h3>#}
            {#                            </div>#}
            {#                        </div>#}
            {#                    </div>#}
            {#                </div>#}
            {#            {% endif %}#}

            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('tempresa_index', {'idempresa':0})}}"><img  style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/Empresas.png') }}" title="Gestión de Empresas" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{path('tempresa_index', {'idempresa':0})}}" id="div-btn1" style="color: white;" class="active"><strong>EMPRESAS</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO') %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('tusuario_indextrans')}}"><img  style="width: 60%" src="{{ asset('recursos/imagenes/sistema/iconos/conductor.png') }}" title="Gestión de Transportistas" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="{{path('tusuario_indextrans')}}" id="div-btn1" style="color: white;" class="active"><strong>TRANSPORTISTAS</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO') %}
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
                    <div class="white-box fondo_plomo">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1">
                                <a href="{{path('tusuario_index')}}"><img style="width: 60%"  src="{{ asset('recursos/imagenes/sistema/iconos/usuario3.png') }}" title="Gestión de Usuarios" alt=""/></a>
                            </div>
                            <div class="el-card-content" style="color:#000000;">
                                <h3><a href="javascript:void(0)" id="div-btn2" style="color: white;" class="active"><strong>USUARIOS</strong></a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

        </div>


        </body>
        <!--/row -->
    {% endblock %}
    {% block javascripts %}
        <script type="text/javascript">
            $(document).ready(function(){
                $.notify({
                    icon: 'fa fa-truck fa-1',
                    message: "Bienvenido: Sistema Web <b>WONDER PASICO</b> "
                },{
                    type: 'success',
                    timer: 3000,
                    placement: {
                        from: "top",
                        align: "center"
                    }
                });
            });
        </script>

        <script type="text/javascript">
            $(document).ready(function() {
                $('#div-btn0').click(function () {

                    $("#element").show();

                    $.ajax({
                        type: "POST",
                        url: "{{ path('torigen_index') }}",
                        success: function (a) {
                            $('#central').html(a);
                        }
                    });
                });

                $('#div-btn2').click(function () {


                    $.ajax({
                        type: "POST",
                        url: "{{ path('torigen_index') }}",
                        success: function (a) {
                            $('#central').html(a);
                        }
                    });
                });

            });
        </script>
    {% endblock %}














































{#{% block body %}#}
    {#<style>#}
        {#body {background-image: url('/people/web/recursos/imagenes/sistema/fondo-3.jpg');#}
            {#background-repeat: no-repeat;#}
            {#background-size: cover;#}
        {#}#}
    {#</style>#}


    {#<!-- Older IE warning message -->#}
    {#<!--[if IE]>#}
    {#<div class="ie-warning">#}
        {#<h1>Warning!!</h1>#}
        {#<p>You are using an outdated version of Internet Explorer, please upgrade to any of the following web browsers to access this website.</p>#}

        {#<div class="ie-warning__downloads">#}
            {#<a href="http://www.google.com/chrome">#}
                {#<img src="{{ asset('bootstrap4/img/browsers/chrome.png') }}" alt="">#}
            {#</a>#}

            {#<a href="https://www.mozilla.org/en-US/firefox/new">#}
                {#<img src="{{ asset('bootstrap4/img/browsers/firefox.png') }}" alt="">#}
            {#</a>#}

            {#<a href="http://www.opera.com">#}
                {#<img src="{{ asset('bootstrap4/img/browsers/opera.png') }}" alt="">#}
            {#</a>#}

            {#<a href="https://support.apple.com/downloads/safari">#}
                {#<img src="{{ asset('bootstrap4/img/browsers/safari.png') }}" alt="">#}
            {#</a>#}

            {#<a href="https://www.microsoft.com/en-us/windows/microsoft-edge">#}
                {#<img src="{{ asset('bootstrap4/img/browsers/edge.png') }}" alt="">#}
            {#</a>#}

            {#<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">#}
                {#<img src="{{ asset('bootstrap4/img/browsers/ie.png') }}" alt="">#}
            {#</a>#}
        {#</div>#}
        {#<p>Sorry for the inconvenience!</p>#}
    {#</div>#}
    {#<![endif]-->#}

    {#</body>#}
{#{% endblock %}#}

{#{% block javascripts %}#}

{#{% endblock %}#}


{#{% extends 'base.html.twig' %}#}

{#{% block title %}Hello DefaultController!{% endblock %}#}

{#{% block body %}#}
{#<style>#}
{#    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }#}
{#    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }#}
{#</style>#}

{#<div class="example-wrapper">#}
{#    <h1>Hello {{ controller_name }}! ✅</h1>#}

{#    This friendly message is coming from:#}
{#    <ul>#}
{#        <li>Your controller at <code><a href="{{ 'C:/xampp/htdocs/wonder/src/Controller/DefaultController.php'|file_link(0) }}">src/Controller/DefaultController.php</a></code></li>#}
{#        <li>Your template at <code><a href="{{ 'C:/xampp/htdocs/wonder/templates/default/index.html.twig'|file_link(0) }}">templates/default/index.html.twig</a></code></li>#}
{#    </ul>#}
{#</div>#}
{#{% endblock %}#}
