{# src/Ericsson/IndicadoresBundle/Resources/views/Hello/index.html.twig #}
 {% extends '::base.html.twig' %}
{% block title %}Presupuesto ACPM{% endblock %}
{% block body %}

<style>
        #precioAcpm{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%;
}
        .ipReadonly{
            border: none;}
	</style>
	<script>
	$(function() {
            $('#consultaMesControl').load('{{path('consultaMesControl')}}');
            $('#precioAcpm').css('color','white');
            $("button").button();
             $('#precioAcpm').addClass('ui-state-focus');
            $( "#dialog-cargando" ).dialog({
                autoOpen: false,
                modal: true,
                resizable:false
            });  
                $('.selecMes').click(function(){
                    mes=$(this).val();
                    txtMes = $(this).text();
                    $( ".txtMes p" ).text('Mes de '+txtMes);
                    $( "#dialog-cargando" ).dialog('open'); 
                });
                
                    $( "#cargar" ).css('display','');  
            $('#precioAcpmConsult').load('{{path('precioAcpmConsult')}}',{$mes:$('#mes').val(),$years:$('#years').val()});
            $('#mes').change(function(){      
                    $( "#cargar" ).css('display',''); 
            $('#precioAcpmConsult').load('{{path('precioAcpmConsult')}}',{$mes:$('#mes').val(),$years:$('#years').val()});                
            });
            $('#years').change(function(){
                    $( "#cargar" ).css('display','');  
            $('#precioAcpmConsult').load('{{path('precioAcpmConsult')}}',{$mes:$('#mes').val(),$years:$('#years').val()});                
            });
       
	});
	</script>

<div class="contenido">  
    <form id="formulario" action="{{path('precioAcpm')}}" method="POST">                     
    <table align="center" class="ui-widget ui-widget-content"style="margin:auto;" width="50%" border=1>
            <td>
                <select id="mes" name="mes">
                    {% set a = 1%}   
                    {% for m in mes%}
                    <option value="{{a}}"  {%if a == "NOW"|date('m')%} selected="selected"{%endif%}>{{m.mes}}</option>
                    
                    {% set a = a+1%}  
                    {%endfor%}
                </select>
            </td>
            <td>
                <select id="years" name="years">
                    <option value="{{"NOW"|date('Y')-1}}">{{"NOW"|date('Y')-1}}</option>
                    <option selected="selected" value="{{"NOW"|date('Y')}}">{{"NOW"|date('Y')}}</option>
                </select>
            </td>
        </tr>
    </table>
    <br>
        <div id="precioAcpmConsult"></div>
   </form>
            
</div>
        
    <div id="dialog-cargando" title="Alerta"><p></p></div>
{% endblock %}


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