{% extends "base.html.twig"%}
{% block titulo %} - <a href="{{path('projectInitial',{ 'idproyectos':idproyectos})}}">{{proyectos.proyecto}}</a> - <a href="{{path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule})}}">{{modulo.modulo}}</a>{% endblock %}
 {% block menuTop %}
     <div class="col-lg-12 col-xs-12" >
         <div>

             {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}

         </div>


     </div>
           {%endblock %}
            {% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
        {% endblock %}

{%block dashboard %}
    <style>
            table input[type="text"]{ width: 90%; border:1px solid #e1e8ed;}
            table{ width: 60%; padding: 50px 20px 0px 20px;}
            table td{  padding: 0px 20px 0px 20px;}
            table tr{ height: 40px;}
            .nombreCampo{ width: 20%}
        </style>
        <script>                
            $(function(){



                sitiosMasivos = $("#sitiosMasivos").val();
                if (sitiosMasivos) {
                    idSitio = sitiosMasivos.split("|");
                    for (i = 1; i < idSitio.length; i++) {

                        $("#checkboxSitio" + idSitio[i]).attr('checked', 'true');
                        $("#checkboxNomSitio" + idSitio[i]).attr('checked', 'true');
                    }
                }
                $('.sitosMasivos').click(function () {
                    sitiosMasivos = $("#sitiosMasivos").val();
                    if ($(this).is(':checked')) {
                        $("#checkboxSitio" + $(this).val()).attr('checked', 'true');
                        $("#checkboxNomSitio" + $(this).val()).attr('checked', 'true');

                        if (sitiosMasivos.indexOf($(this).attr('id')) == -1) {
                            sitiosMasivos = sitiosMasivos + '|' + $(this).val();
                        }
                        $("#sitiosMasivos").val(sitiosMasivos);
                    } else {
                        $("#checkboxSitio" + $(this).val()).removeAttr('checked');
                        $("#checkboxNomSitio" + $(this).val()).removeAttr('checked');
                        sitiosMasivos = sitiosMasivos.replace('|' + $(this).val(), '');
                        $("#sitiosMasivos").val(sitiosMasivos);

                    }
                });
                $('.selectSitio').change(function () {
                    $(".selectSitio option[value='" + $(this).val() + "']").attr('selected', 'selected');
                });
                $('#btnticketMasivo').click(function () {
                    if ($(this).is(':checked')) {
                        $('.divMasivo').css('display', '');
                        $('.selectSitio').css('display', 'none');
                    } else {
                        $('.divMasivo').css('display', 'none');
                        $('.selectSitio').css('display', '');

                    }
                    ;
                });
                $('.filtroConsulta label').click(function () {

                    var opc = $(this).find(':radio').attr('id');
                    if (opc == 0) {
                        $('#trCodigoSitio').css('display', '');
                        $('#trNomSitio').css('display', 'none');
                    } else {
                        $('#trCodigoSitio').css('display', 'none');
                        $('#trNomSitio').css('display', '');

                    }
                });
                var availableTags = [];
                var availableTags2 = [];
                {% for sitio  in sitios %}
                availableTags.push(
                        {
                            value: "{{sitio.idsitio|e('js')}}",
                            label: "{{sitio.codigo|e('js')}}",
                            sitio: "{{sitio.sitio|e('js')}}",
                            region: "{{sitio.idregion|e('js')}}",
                            dpto: "{{sitio.idestado|e('js')}}",
                            local: "{{sitio.localidad|e('js')}}",
                            catego: "{{sitio.categoria|e('js')}}"
                        }
                );
                availableTags2.push(
                        {
                            value: "{{sitio.idsitio|e('js')}}",
                            sitio: "{{sitio.codigo|e('js')}}",
                            label: "{{sitio.sitio|e('js')}}",
                            region: "{{sitio.idregion|e('js')}}",
                            dpto: "{{sitio.idestado|e('js')}}",
                            local: "{{sitio.localidad|e('js')}}",
                            catego: "{{sitio.categoria|e('js')}}"
                        }
                );
                {% endfor%}

                $("#codigoSitio").autocomplete({
                    minLength: 0,
                    source: availableTags,
                    focus: function (event, ui) {
                        $("#codigoSitio").val(ui.item.label);
                        $("#idsitioCodi option[value='"+ui.item.value+"']").attr('selected','selected');
                        $("#idsitioNom option[value='"+ui.item.value+"']").attr('selected','selected');
                        $("#idregion option[value='"+ui.item.region+"']").attr('selected','selected');
                        $("#idestado option[value='"+ui.item.dpto+"']").attr('selected','selected');
                        /*$( "#nombreSitio" ).val( ui.item.sitio );
                         $( "#regionSitio" ).val( ui.item.region );
                         $( "#dptoSitio" ).val( ui.item.dpto );
                         $( "#direSitio" ).val( ui.item.direc );
                         $( "#localidadSitio" ).val( ui.item.local );
                         $( "#categoriaSitio" ).val( ui.item.catego );
                         $( "#idsitioInsert" ).val( ui.item.value );*/
                        return false;
                    },
                    select: function (event, ui) {
                        $("#codigoSitio").val('');
                        $("#checkboxSitio" + ui.item.value).attr('checked', 'true');
                        $("#checkboxNomSitio" + ui.item.value).attr('checked', 'true');
                        $("#idregion option[value='"+ui.item.region+"']").attr('selected','selected');
                        $("#idestado option[value='"+ui.item.dpto+"']").attr('selected','selected');
                        $("#idsitioCodi option[value='"+ui.item.value+"']").attr('selected','selected');
                        $("#idsitioNom option[value='"+ui.item.value+"']").attr('selected','selected');


                        /*$( "#nombreSitio" ).val( ui.item.sitio );
                         $( "#regionSitio" ).val( ui.item.region );
                         $( "#dptoSitio" ).val( ui.item.dpto );
                         $( "#direSitio" ).val( ui.item.direc );
                         $( "#localidadSitio" ).val( ui.item.local );
                         $( "#categoriaSitio" ).val( ui.item.catego );
                         $( "#idsitioInsert" ).val( ui.item.value );*/
                        return false;
                    }
                });

                $("#nombreSitio").autocomplete({
                    minLength: 0,
                    source: availableTags2,
                    focus: function (event, ui) {
                        $("#nombreSitio").val(ui.item.label);
                        /* $( "#codigoSitio" ).val( ui.item.sitio );
                         $( "#regionSitio" ).val( ui.item.region );
                         $( "#dptoSitio" ).val( ui.item.dpto );
                         $( "#direSitio" ).val( ui.item.direc );
                         $( "#localidadSitio" ).val( ui.item.local );
                         $( "#categoriaSitio" ).val( ui.item.catego );
                         $( "#idsitioInsert" ).val( ui.item.value );*/
                        return false;
                    },
                    select: function (event, ui) {
                        $("#nombreSitio").val('');
                        $("#idsitioNom option[value='"+ui.item.value+"']").attr('selected','selected');
                        $("#idsitioCodi option[value='"+ui.item.value+"']").attr('selected','selected');
                        $("#idregion option[value='"+ui.item.region+"']").attr('selected','selected');
                        $("#idestado option[value='"+ui.item.dpto+"']").attr('selected','selected');
                        $("#checkboxSitio" + ui.item.value).attr('checked', 'true');
                        $("#checkboxNomSitio" + ui.item.value).attr('checked', 'true');
                        /*$( "#nombreSitio" ).val( ui.item.label );
                         $( "#codigoSitio" ).val( ui.item.sitio );
                         $( "#regionSitio" ).val( ui.item.region );
                         $( "#dptoSitio" ).val( ui.item.dpto );
                         $( "#direSitio" ).val( ui.item.direc );
                         $( "#localidadSitio" ).val( ui.item.local );
                         $( "#categoriaSitio" ).val( ui.item.catego );
                         $( "#idsitioInsert" ).val( ui.item.value );*/
                        return false;
                    }
                });
                $('#insertSitio').click(function () {
                    $('#codigo').val($("#codigoSitio").val());
                    $('#sitio').val($("#nombreSitio").val());
                    $('#idSitio').val($("#idsitioInsert").val());
                    $('.sitioInsert input,.sitioInsert textarea').val('');
                    $('.sitioInsert textarea').text('');
                });
                $('.selectSitio').change(function () {
                    $('#idCategoria').load("{{path('cargarCategoriaElementos',{'idproyectos':idproyectos})}}", {$idSitio: $(this).val()});
                    //alert($(this).val());
                });
                $('.selectSitio').change(function () {
                    $('#idElemento').load("{{path('cargarElementos',{'idproyectos':idproyectos})}}", {$idSitio: $(this).val(), $idcategoria: null});
                    //alert($(this).val());
                });


                $("#sistemas").change(function () {
                    subsistema=  $("#sistemas option:selected").attr('subsistema');
                    $("#tipoSistema").val(subsistema)
                    $(".subsistema select").css('display','none');
                    $("#" + subsistema).css('display','block');
                });

            });
            function validFormHallazgo(){
                if($("#idtipoProceso").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Tipo Hallazgo');
                    $("#alertModal").modal('show');
                    return false;

                }
                if($("#idFalla").val()=='') {
                    $("#alertModal h1").text('Debe ingresar IMPACTO');
                    $("#alertModal").modal('show');
                    return false;

                }
                if($("#idsitioCodi").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Sitio');
                    $("#alertModal").modal('show');
                    return false;

                }
                {% for proyectosProcesoEtiqueta in proyectosProcesoEtiquetas %}
                if($("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").val()==''||$("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").val()=='00:00') {
                    $("#alertModal h1").text('Debe ingresar {{ proyectosProcesoEtiqueta.etiqueta }}');
                    $("#alertModal").modal('show');
                    return false;

                }
                {% endfor %}
                if($("#file").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Archivo');
                    $("#alertModal").modal('show');
                    return false;

                }
                if($("#obs").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Descripcion');
                    $("#alertModal").modal('show');
                    return false;

                }

            }
            </script>
            <div class="container">
                <br><br>
                <form action="{{ path('newHallazgo',{'idproyectos':idproyectos, 'idmodule':idmodule}) }}" enctype="multipart/form-data" method="POST" onsubmit="return validFormHallazgo();">
                    <table class="ui-widget ui-widget-content negrillas  col-xs-12 col-lg-8 col-md-8"  style="margin: auto;">

                        <tr>
                            <td>{{'ticketDetail.email.tipo' | trans}}</td>
                            <td>
                                <select id="idtipoProceso"  name="campo[idtipoProceso]">
                                    <option></option>
                                    {% for tipoProceso in tipoProcesos%}
                                        <option value="{{tipoProceso.idtipoProceso}}">{{tipoProceso.tipoProceso}}</option>
                                    {% endfor %}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="nombreCampo">IMPACTO</td>
                            <td>
                                <select id="idFalla" name="campo[idFalla]">
                                    <option></option>
                                    {% for falla in fallas%}
                                        <option value="{{falla.idfallas}}">{{falla.fallas}}</option>
                                    {% endfor %}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>RADIO BASE:</td>
                            <td colspan="1" style=" text-align: center;" >


                                <div class="btn-group nopadding filtroConsulta" data-toggle="buttons">
                                    <label class="btn btn-default active">{{'ticketDetail.code' | trans}}
                                        <input  class="" type="radio" checked="true"  id="0" name="opc">
                                    </label>
                                    <label class="btn btn-default">{{'ticketDetail.site' | trans}}
                                        <input class="" type="radio" id="1" name="opc" >
                                    </label>

                                </div>
                                <!--          <label for="btnCodigo">Codigo</label>
                                          <input checked="true" id="1"  type="radio" value="1" name="opc">
                                          <label for="btnNombre">Nombre</label>
                                          <input id="2"   type="radio" value="2" name="opc"> -->

                            </td>
                        </tr>
                        <tr id="trCodigoSitio">
                            <td class="nombreCampo" >{{'ticketDetail.code' | trans}}</td>
                            <td>
                                <div id="cargaSitioDpto">
                                    <div class="form-group"><label class="control-label">{{'inbox.search' | trans}}:</label>
                                        <input class="form-control" style=" width: auto;" type="text" id="codigoSitio"></div>
                                    <select class="selectSitio" name="campo[idsitio]" id="idsitioCodi">
                                        <option></option>
                                        {% for sitio in sitios |sort%}
                                            <option value="{{sitio.idsitio}}">{{sitio.codigo}}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div style=" width: 90%; height: 100px; overflow-y: scroll; display: none;" class="divMasivo" id="cargaSitioDptoMasivo"  >
                                    <input type="text" id="codigoSitio"><br>
                                    {% for sitio in sitios %}
                                        <input type="checkbox" value="{{sitio.idsitio}}" class="sitosMasivos" id="checkboxSitio{{sitio.idsitio}}">{{sitio.codigo}}<br>
                                    {% endfor %}
                                </div>
                            </td>
                        </tr>
                        <tr  id="trNomSitio" style=" display: none;">
                            <td class="nombreCampo " >{{'ticketDetail.site' | trans}}</td>
                            <td>
                                <div id="cargaNomSitioDpto">
                                    <div class="form-group"><label class="control-label">{{'inbox.search' | trans}}:</label><input class="form-control" style=" width: auto;" type="text" id="nombreSitio"></div>

                                    <select class="selectSitio" id="idsitioNom" name="campo[idsitioNom]">
                                        <option></option>
                                        {% for sitio in sitios %}
                                            <option value="{{sitio.idsitio}}">{{sitio.sitio}}</option>
                                        {% endfor %}
                                    </select>
                                </div>

                                <div style=" width: 90%; height: 100px; overflow-y: scroll; display: none;" class="divMasivo" id="cargaNomSitioDptoMasivo" >
                                    <input type="text" id="nombreSitio"><br>
                                    {% for sitio in sitios %}
                                        <input type="checkbox" value="{{sitio.idsitio}}" class="sitosMasivos"  id="checkboxNomSitio{{sitio.idsitio}}">{{sitio.sitio}}<br>
                                    {% endfor %}
                                </div>
                            </td>
                        </tr>
                        {% for proyectosProcesoEtiqueta in proyectosProcesoEtiquetas %}
                            <tr>
                                <td class="nombreCampo" >{{proyectosProcesoEtiqueta.etiqueta | trans}}</td>
                                {% if proyectosProcesoEtiqueta.type == "selectData" %}
                                <script>
                                    $(function () {
                                        $("#div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").load("{{path('cargaSelectDatos',{"idproyectos":idproyectos}) }}", {$idTipoSelectDatos: "{{proyectosProcesoEtiqueta.idTipoSelectDatos}}", $idetiquetas: "{{proyectosProcesoEtiqueta.idetiquetas}}"})
                                    });
                                </script>
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <select style="     width: 95%;" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]" id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}"></select>

                                    {% elseif(proyectosProcesoEtiqueta.type == "text") %}
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <input type="text" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}" value="{{ proyectosProcesoEtiqueta.placeholder }}">
                                    {% elseif(proyectosProcesoEtiqueta.type == "checkbox") %}
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <input type="checkbox" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}" value="{{ proyectosProcesoEtiqueta.placeholder }}">

                                    {% elseif(proyectosProcesoEtiqueta.type == "textarea") %}
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <textarea style=" width: 90%;" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}"></textarea>

                                    {% elseif(proyectosProcesoEtiqueta.type == "select") %}
                                    <script>
                                        $(function () {
                                            $("#div2{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").load("{{path('cargaEtiquetaSelect',{"idproyectos":idproyectos}) }}", {$idTipoSelectDatos: "{{proyectosProcesoEtiqueta.idTipoSelectDatos}}", $idetiquetas: "{{proyectosProcesoEtiqueta.idetiquetas}}"});
                                        });
                                    </script>
                                <td id="div2{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <select style="     width: 95%;" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}"></select>




                                    {% elseif(proyectosProcesoEtiqueta.type == "longSelect") %}
                                    <script>
                                        $(function () {
                                            $("#div2{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").load("{{path('cargaEtiquetaLongSelect',{"idproyectos":idproyectos}) }}", {$idTipoSelectDatos: "{{proyectosProcesoEtiqueta.idTipoSelectDatos}}", $idetiquetas: "{{proyectosProcesoEtiqueta.idetiquetas}}"});

                                        });
                                    </script>
                                <td id="div2{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <select style="     width: 95%;" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}"></select>




                                    {% elseif(proyectosProcesoEtiqueta.type == "date") %}
                                    <script>
                                        $(function () {
                                            $("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").datepicker({
                                                dateformat: 'YY-mm-dd'
                                            });
                                        });
                                    </script>
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <input type="text" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    {% elseif(proyectosProcesoEtiqueta.type == "datetime") %}
                                    <script>
                                        $(function () {
                                            {% if proyectosProcesoEtiqueta.idetiquetas == 11 %}
                                            var lastDate = new Date();

                                            minDates = new Date();
                                            minDates.setDate(minDates.getDate() - 2);


                                            minDates.setHours(0);
                                            minDates.setMinutes(0);
                                            minDates.setSeconds(0);
                                            $("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").datetimepicker({
                                                maxDate: lastDate,
                                                minDate: minDates
                                            });
                                            {% else %}
                                            $("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").datetimepicker();
                                            {% endif %}
                                        });
                                    </script>
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}"> <div class="form-group">
                                        <div class='input-group date ' >
                                            <input   id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]"   type='text'  class="form-control" placeholder="Select end date" data-date-format="YYYY-MM-DD HH:mm" value="{{ "now"|date("Y-m-d H-i") }}" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                                        </div>
                                    </div>
                                    {% elseif(proyectosProcesoEtiqueta.type == "number") %}
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <input type="text" onkeypress="return permite(event,'num', this.value)"  id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]" value="0">

                                    {% elseif(proyectosProcesoEtiqueta.type == "time") %}
                                    <script>
                                        $(function () {
                                            $("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").datetimepicker({

                                                format: 'LT'
                                            });
                                        });
                                    </script>
                                <td id="div{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}">
                                    <div class="form-group">
                                        <div class='input-group date'   >
                                            <input  type='text'   id="{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}" name="campo[{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}]" onkeypress= "return noDatos(event, this.value)"  class="form-control"  data-date-format="HH:mm" value="00:00" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                            </span>
                                        </div>
                                    </div>


                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor%}
                        <tr>
                            <td>SISTEMA</td>
                            <td >
                                <select id="sistemas" name="campo[sistema]">
                                    <option subsistema="aa">AIRE ACONDIONADO</option>
                                    <option subsistema="motogenerador">MOTOGENERADOR</option>
                                    <option subsistema="rectificador">POWER RECTIFICAROD</option>
                                    <option subsistema="mediaTension">MEDIA TENSION</option>
                                    <option subsistema="bajaTension">BAJA TENSION</option>
                                    <option subsistema="spt">SISTEMA DE PUESTA TIERRA</option>
                                    <option subsistema="locativos">LOCATIVOS</option>
                                </select>
                                <input type="hidden" name="campo[tipoSistema]" value="aa" id="tipoSistema">
                            </td>
                        </tr>
                        <tr>
                            <td>SUB SISTEMA</td>
                            <td class="subsistema">
                                <select id="aa" name="campo[aa]">
                                    <option>VENTANA</option>
                                    <option>PAQUETE/SPLIT</option>
                                </select>
                                <select id="motogenerador" name="campo[motogenerador]" style="display: none;">
                                    <option>MOTOR</option>
                                    <option>TRANSFERENCIAS</option>
                                    <option>GENERADOR</option>
                                    <option>CONTROL</option>
                                </select>
                                <select id="rectificador" name="campo[rectificador]"  style="display: none;">
                                    <option>MODULOS RECTIFICADORES</option>
                                    <option>SMARTPACK/MCU</option>
                                    <option>TARJETA ALARMAS</option>
                                    <option>SENSOR DE TEMPERATURA</option>
                                    <option>TRASDUCTOR DE TEMPERATURA</option>
                                    <option>VENTILADOR</option>
                                    <option>AIRE ACONDICIONADO</option>
                                    <option>SHELF</option>
                                    <option>LVD</option>
                                    <option>FUSIBLERA</option>
                                    <option>BREACKER DE DISTRIBUCION</option>
                                    <option>BREACKER DE BATERIAS</option>
                                    <option>DPS</option>
                                    <option>SISTEMA AC</option>
                                    <option>BANCOS DE BATERIAS</option>
                                    <option>PDB DC PDB AC</option>
                                    <option>CABLES Y/O ACOMETIDAS</option>
                                </select>
                                <select id="mediaTension" name="campo[mediaTension]" style="display: none;">
                                    <option>CORTACIRCUITOS (CAÑUELAS)</option>
                                    <option>PARARRAYOS</option>
                                    <option>TRANSFORMADOR</option>
                                    <option>SPT</option>
                                    <option>LINEAS DE GUARDA</option>
                                    <option>DPS</option>
                                    <option>ACOMETIDA EN MEDIA TENSION</option>
                                </select>
                                <select id="bajaTension" name="campo[bajaTension]"  style="display: none;">
                                    <option>ACOMETIDA ELECTRICA</option>
                                    <option>PROTECCIONES (DPS /TVSS)</option>
                                    <option>TGD (BREAKER)</option>
                                    <option>UNIDAD DE MEDIDA (MEDIDOR)</option>
                                    <option>PIN DE CORTE</option>
                                    <option>BREACKER</option>
                                    <option>TABLERO DE DISTRIBUCCION</option>
                                    <option>PLANTAS MOVILES</option>
                                </select>
                                <select id="spt" name="campo[spt]"  style="display: none;">
                                    <option>MALLA SPT (INTERNA Y EXTERNA)</option>
                                    <option>ELECTRODOS</option>
                                    <option>BAJANTES</option>
                                    <option>BUSBARS</option>
                                    <option>AISLADORES</option>
                                    <option>PARARRAYOS</option>
                                    <option>SOLDADURA Y CONECTORES</option>
                                    <option>EQUIPO TENCIALIDAD</option>
                                    <option>CABLE DE TIERRA</option>
                                    <option>PARARRAYOS TORRE</option>
                                    <option>OTRO</option>
                                </select>

                                <select id="locativos" name="campo[locativos]"  style="display: none;" >
                                    <option>CERRAMIENTOS (PARED, MALLA)</option>
                                    <option>CONCERTINA</option>
                                    <option>PUERTAS</option>
                                    <option>CABINA DE INSONORIZACION</option>
                                    <option>LUCES DE OBSTUCCION</option>
                                    <option>LUCES DE PERIMETRALES</option>
                                    <option>CHAPAS CERRAMIENTOS Y ACCESOS</option>
                                    <option>GABINETES MANTENIMIENTOS</option>
                                    <option>LAVADO DE TANQUES</option>
                                    <option>LAVADO DE DIQUES</option>
                                    <option>CAMBIO DE MIRALLA DEL TANQUE</option>
                                    <option>PODA DE ARBOLES</option>
                                    <option>DESINSECTACION</option>
                                    <option>REJAS Y SOLDADURAS</option>
                                    <option>PINTURAS</option>
                                    <option>OTROS</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="nombreCampo">DOForms</td>
                            <td>
                                <input type="file" name="archivo" id="file">
                            </td>
                        </tr>
                        <tr>
                            <td class="nombreCampo"  colspan="2">Descripción</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center;"><textarea id="obs" name="campo[obs]" style=" width: 90%;"></textarea></td>
                        </tr>
                        <td  colspan="2" style="text-align: center;">
                            <input type="hidden" id="sitiosMasivos">
                            <button type="submit" class="btn btn-primary btn-lg" id="crearTicket">CREAR HALLAZGO</button>
                            <a href="{{path('controlCasosIni',{'idproyectos':idproyectos, 'idmodule':idmodule})}}">
                                <button type="button" class="btn btn-default btn-lg">{{'ticket.create.cancel' | trans}}</button>
                            </a>
                        </td>
                        </tr>
                                            </table>
                     </form>
                                    </div>

    <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">{{'dialog.alerta' | trans}}</h4>
                </div>
                <div class="modal-body">
                    <h1 class="title"></h1>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                </div>
            </div>
        </div>
    </div>

{%endblock %}