{% extends '::base.html.twig' %}
{% block title %}Ericsson Colombia{% endblock %}
{% block body %}
<style>
        #lpu{background: #002561; border: 1px solid #666; padding: 1px 1px 1px 1px;}
    </style>

<script>
    $(function(){
                $( "#dialogLpu" ).dialog({
                    autoOpen: false,
                    modal: true,
                    resizable:false
                });  
        $('#content_outmiddle').css('float','center');
        $('#content_outmiddle').css('width','100%');
        $('button').button();
        $('#lpu').css('color','white');
        $('#lpu').addClass('ui-state-focus');
        $('#consultar').click(function(){
            desc = $('#desc').val();
            lpu = $('#lpuText').val();
            parte = $('#parte').val();
            if(!desc && !lpu && !parte ){
                $('#dialogLpu').text('Debe ingresar un criterio de busqueda');
                $( "#dialogLpu" ).dialog({
                    autoOpen: true,
                    modal: true,
                    resizable:false,
                    buttons: {
                        Ok: function(){
                            $(this).dialog('close');
                        }
                    }
                });  
                
            }else{
                $('#cargar').css('display','block')
                $('#consultaLpu').load('{{path('consultaLpu')}}',{$desc:desc, $lpu:lpu, $parte:parte})
            }
        });
})
    </script>
    <br>
<div class="bgIni">
    <br>
    <table class="ui-widget ui-widget-content" style="margin:auto;">
        <tr>
            <td>Descripción</td>
            <td><input type="text" id="desc" name="desc"></td>
            <td>LPU</td>
            <td><input type="text" id="lpuText" name="lpu"></td>
            <td>Parte</td>
            <td><input type="text" id="parte" name="parte"></td>
            <td><button id="consultar">Consultar</button></td>
        </tr>
    </table>
    <div id="consultaLpu"></div>
</div>
    <div id="dialogLpu" title="Mensaje">
        <p></p>
    </div>
{% endblock %}

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