{% extends '::base.html.twig' %}
{% block title %}Consulta Inventario{% endblock %}
{% block body %}
<script>
    $(function(){
        $('button').button();
                    $('.reportes').buttonset();
                    /*$('#sitio').change(function(){
                        if($('#sitio').val()=='todos'){
                        $('#region').removeAttr('disabled');
                            
                        }else{
                        $('#region').attr('disabled', 'disabled');
                        $('#region option[name="todos"]').attr('selected','selected');
                        }
                    });*/
                    $('#region').change(function(){
                        $('#consultaSitiosReportes').load('{{path("consultaSitiosReportesCO")}}',{$region:$('#region').val()});
                        if($('#region').val()=='todos'){
                        $('#sitio').removeAttr('disabled');
                            
                        }else{
                        $('#sitio').attr('disabled', 'disabled');
                        $('#sitio option[name="todos"]').attr('selected','selected');
                        }
                    });
                    $('input:radio').click(function(){
                        if($(this).val()=='energia'){
                            $('#MarcaEnergia').css('display','');
                            $('#MarcaRf').css('display','none');
                            $('#MarcaEnlaces').css('display','none');
                            $('#MarcaMux').css('display','none');
                        }else if($(this).val()=='rf'){
                            $('#MarcaEnergia').css('display','none');
                            $('#MarcaRf').css('display','');
                            $('#MarcaEnlaces').css('display','none');
                            $('#MarcaMux').css('display','none');
                            
                        }else if($(this).val()=='enlaces'){
                            $('#MarcaEnergia').css('display','none');
                            $('#MarcaRf').css('display','none');
                            $('#MarcaEnlaces').css('display','');
                            $('#MarcaMux').css('display','none');
                            
                        }else if($(this).val()=='mux'){
                            $('#MarcaEnergia').css('display','none');
                            $('#MarcaRf').css('display','none');
                            $('#MarcaEnlaces').css('display','none');
                            $('#MarcaMux').css('display','');
                            
                        }
                    });
                    $('#consultar').click(function(){
            opc=$('input:radio[name=reporte]:checked').val(); 
            sitio = $('#sitio').val();
            region =$('#region').val();
            if(opc=='energia'){
                marca = $('#MarcaEnergia').val();
                $('#consultaInventario').load('{{path('ReporteEnergiaInventario')}}',{$sitio:sitio, $region:region, $marca:marca});
            }else if(opc=='rf'){
                marca = $('#MarcaRf').val();
                $('#consultaInventario').load('{{path('ReporteRFInventario')}}',{$sitio:sitio, $region:region, $marca:marca});
                }else if(opc=='enlaces'){
                    marca = $('#MarcaEnlaces').val();
                    $('#consultaInventario').load('{{path('ReporteEnlacesInventario')}}',{$sitio:sitio, $region:region, $marca:marca});
                }else if(opc=='mux'){
                    marca = $('#MarcaMux').val();
                    $('#consultaInventario').load('{{path('ReporteMUXInventario')}}',{$sitio:sitio, $region:region, $marca:marca});
                }
                    })
    })
    function chekea(){
    $("#sitio2").val($("#sitio").val());
    }
</script>
<style>
#content_outmiddle {
float: right;
width: 78%;
color: #002561;
}
.column { width: 100%; padding-bottom: 100px; }
	.portlet { margin: 0 1em 1em 0; }
	.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
	.portlet-header .ui-icon { float: right; }
	.portlet-content { padding: 0.4em; }
	.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
	.ui-sortable-placeholder * { visibility: hidden; }
</style>
<form action="{{path('ExcelEnergiaCOCLAROGeneral')}}" method="POST" onsubmit="return chekea()" >
<table class="ui-widget ui-widget-content reportes" style="width: 80%; margin: auto;">
    <tr>
        <td>Sitios</td>
        <td>
            <input type="hidden" name="sitio2" id="sitio2">
            <div id="consultaSitiosReportes">
            <select id="sitio"   name="sitio"  tabindex="1">
                <option selected="true" value="todos">Todos</option>
                </div>
        </td>
        <td>Región</td>
        <td>
            <select id="region" name="region">
                <option value="todos">Todos</option>
            </select>
        </td>
        </tr>
        <tr>
        <td>
        TIPO
        </td>
        <td>
            <select id="MarcaEnergia" name="tipo" style="width: 350px;">
                <option value="todas">Todas</option>
            </select>
        </td>
        </tr>
        <tr>
            <td colspan="4" style="text-align:center">
            <button type="submit">Descargar</button>
        </td>
    </tr>
</table>
</form>
<br>
<div id="consultaInventario"></div>


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