{% extends '::base.html.twig' %}
{% block title %}Consultar Actas{% endblock %}
{% block stylesheets %}     
	<script class="include" language="javascript" src="{{ asset('ui/jquery.ui.datepicker.js')}}"></script>
        <script class="include" language="javascript" src="{{ asset('ui/i18n/jquery.ui.datepicker-es.js')}}"></script>
{% endblock %}
{% block body %}
        <script>
	$(function() {
            $('#actasAcpm').css('color','white');
             $('#actasAcpm').addClass('ui-state-focus');
            $.datepicker.setDefaults($.datepicker.regional[ "" ])
		var dates = $( "#fecha_Inicio, #fecha_Fin" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 1,
			onSelect: function( selectedDate ) {
				var option = this.id == "fecha_Inicio" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" ),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
			}
		});
                $( "#fecha_Inicio, #fecha_Fin" ).datepicker($.datepicker.regional["es"]);
                $( "#fecha_Inicio, #fecha_Fin" ).datepicker( "option", "dateFormat", "yy-mm-dd" ); 
                $("#buscar").click(function(){
                    fechaIni = $("#fecha_Inicio").val();
                    fechaFin =$('#fecha_Fin').val();
                    region = $('#region').val();
                    if(fechaIni=='' || fechaFin==''){return false;}else{
                    $("#cargar").css('display','block');
                    $("#consultActas").load('{{path('consultActas')}}',{$fechaIni:fechaIni, $fechaFin : fechaFin, $region:region})};
                })
	});
	</script>
        <style>
        #actasAcpm{background: #002561; border: 1px solid #666; padding: 1px 1px 1px 1px;}
.jqplot-point-label
{
    font-size:10px;
    color:#000000;
    background: #cccccc;
}
#content_outmiddle{
    float: center;
    width: 100%;
}
	</style>
<div class="contenido">
<form name="reiteradaForm" id="reiteradaForm" method="post">
    <br>
    <table class="table" style="color:#ffffff;">
        <tbody>
            <tr>
                <td>{{'monitor.etiqueta.region' | trans}}</td>
                <td>
                    <select name="region" id="region">
                    {%for region in regiones%}
                            <option>{{region.region}}</option>
                            {%endfor%}
                    </select>
                </td>
                <td>{{'monitor.etiqueta.fechaI' | trans}}</td>
                <td><input type="text" id="fecha_Inicio" name="fechaInicio"></td>            
                <td>{{'monitor.etiqueta.fechaF' | trans}}</td>
                <td><input type="text" id="fecha_Fin" name="fechaFin"></td>
                <td><button type="button"  class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="buscar">{{'inbox.search' | trans}}</button></td>
            </tr>
        </tbody>
    </table>
</form><br>
        <div id="consultActas"></div><br>
    <div class="loading" style="display: none;"></div>
</div>
{% endblock%}


    {% block menuTop%}
        {% render "PortalBundle:Default:menuTop"  %}
    {%endblock%}
    {% block menuleft %}
    {%endblock%}
    
    {% block menuRight %}
    {%endblock%}