{% extends "base.html.twig"%}
{%block dashboard %}
<style>
        #infrepser{background: #002561; border: 1px solid #666; padding: 1px 1px 1px 1px;}
    </style>
<script>
    $(function(){ 
            $('#infrepser').css('color','white');
             $('#infrepser').addClass('ui-state-focus');
        {% if idRepSer%}
        $('#otDatos').load('{{path('otDatos')}}',{id:'{{idRepSer}}', opc:0, $pos:'{{pos}}', $idproyectos:{{ idproyectos }}, $idticket: {{ idticket }} });
              $('#id').val('{{idRepSer}}')  
                {%endif %}
                $( "#dialog-message" ).dialog({
                    autoOpen: false,
                    modal: true,
                    resizable:false
                });        
        $('#content_outmiddle').css('float','center');
        $('#content_outmiddle').css('width','100%');
        $('input').button();
        $('#consultar').click(function(){
           id = $('#id').val();
           if (id !=''){
        $('#otDatos').load('{{path('otDatos')}}',{id:id, opc:0, $pos:'{{pos}}' });
               
            }
            
        })
})
                
                 function mensaje(tipo,msnj){
                    $( "#"+tipo).focus();
                    $( "#"+tipo).val('');
                    $( "#dialog-message p" ).text(msnj);
                    $( "#dialog-message" ).dialog({
                        autoOpen: true,
                        modal: true,
                        resizable:false,
                        buttons: {
                            Ok: function() {
                                $( this ).dialog( "close" );
                            }
                        }
                    });
                }
    </script>
    <br>
    <div id="dialog-message" title="Alerta"><p></p></div> 
    <table align="center" class="table  table-border"style="margin:auto;">
        <tr>
            <td><label>OT: </label> </td>
            <td><input type="text" id="id">
            </td>
        </tr>
    </table>
    <div id="otDatos">
    </div>
{% endblock %}

{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">
            <div class="btn-group" >
                <a class="btn" title="Salir" href="{{path('controlCasosIni',{'idproyectos':idproyectos, 'idmodule':1})}}">
                    <i class="glyphicon glyphicon-back"></i><span class="hidden-xs"> Volver</span>
                </a>
                <a class="btn" title="Salir" href="{{path('initialPage')}}">
                    <i class="glyphicon glyphicon-share"></i><span class="hidden-xs"> Salir</span>
                </a>
            </div>
            {# render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':1})) #}


        </div>


    </div>
{% endblock %}