{% extends '::base.html.twig' %}
{% block dashboard %}

<style>
    #cargar{
       padding-left: 50%;
       padding-top: 400px;
        width: 1263px; 
        height: 601px; 
        z-index: 1001;
    background: #ccc/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
opacity: .3;}
</style>
<script>
    $(function(){
        
            $('#cargar').css('height','2500px');
            $('#cargar').css('width','1500px');
            $('#cargar').text('CARGANDO');
            $('#cargar').css('top','0');
            $('#cargar').css('left','0');
            $('#cargar').css('display','');
        $('#content_outmiddle').css('float','center');
        $('#content_outmiddle').css('width','100%');
        $('#consulta1').load('{{path('consultasPendientesGrupo')}}');
        $('#consulta2').load('{{path('consultasEstadoDocumentacion')}}');
        $('#consulta3').load('{{path('consultasDocumentacionPend')}}');
})
            var variable = 0;
    </script>
    <br>
    <div style="min-height: 600px">
        <br>
        <div id="consulta1"></div>
        <br>
        <div id="consulta2"></div>
        <br>
        <div id="consulta3"></div>
        <br>
        <div id="consulta4"></div>
</div>

{% endblock %}