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

{% block dashboard %}



        
        
<script languaje='Javascript'>
$(function() {
    
        $('#content_outmiddle').css('float','center');
        $('#content_outmiddle').css('width','100%');
        $('input').button();
    $('#adminEquipo').addClass('ui-state-focus');
    $( "#dialog-cargando" ).dialog({
        autoOpen: false,
        modal: true,
        resizable:false
    });                
    
    $( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        resizable:false,
        buttons: {
            Ok: function() {
              $( this ).dialog( "close" );
            }
        }        
    }); 
   $('#cargarCronograma').click(function(){
      $('#seguimientoPreveventOpc').load("{{path('seguimientoPreveventOpc',{'idproyectos':idproyectos,'idmodule':idmodule})}}", {$idcronograma : $('#idcronograma').val()})
   });

});
</script>
    <br>
    <div>
        <h1 style=" margin: auto; text-align: center;">
            Seguimientos de Cronogramas
        </h1>
        <br>
        <table class=" tablesorter" style=" width: 80%; margin: auto;">
            <thead>
                <tr>
                <th>Seleccione Cronograma</th>                
                <th><select id="idcronograma">
                        {% for cronograma in cronogramas%}
                        <option value="{{cronograma.idcronograma}}">ID: {{cronograma.idcronograma}} Mes:{{cronograma.mes }} Year: {{cronograma.year}}</option>
                        {% endfor%}
                    </select>
                </th> 
                <th>
                    <button id="cargarCronograma">Cargar</button>
                </th>
            </tr>
            </thead>
        </table>
        <br>
</div>
    <div id="seguimientoPreveventOpc"></div>
<div id="dialog-cargando" title="Espere">
    <br>
    <center>
        <h2>Cargando...</h2>
        <image src="{{ asset('images/spiral.gif') }}">
    </center>
</div> 
<div id="dialog" title="Mantenimiento">
</div>  
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}


{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">

            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}

        </div>


    </div>
{%endblock %}