{% 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%}
            .js-example-basic-single{
                width: 100%;
            }
            .js-example-basic-single .select2-arrow {
                background: white !important;
                background-image: none !important;
                border-left: none !important;
                margin-top: 5px !important;
            }
            .js-example-basic-single .select2-choice{
                display: block;
                width: 100%;
                height: 34px;
                padding: 6px 12px;
                font-size: 14px;
                line-height: 1.42857143;
                color: #555;
                background-color: #fff;
                background-image: none;
                border: 1px solid #ccc;
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            }
            .js-example-basic-single .select2-choice:focus{
                border-color:#66afe9;
                outline:0;
                -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
            }
        </style>
        <script>                
            $(function(){


                var myDate = new Date();
                //alert(myDate);
                //myDate.setDate('{{ fecha }}');
                //alert(myDate);
//myDate.setMonth(myDate.getMonth() + 1);
                myDate.setDate(myDate.getDate() - 4);
                if (myDate.getDay() == 0) {
                    myDate.setDate(myDate.getDate() - 2);
                }
                if (myDate.getDay() == 6) {
                    myDate.setDate(myDate.getDate() - 1);
                }
                myDate.setHours(0);
                myDate.setMinutes(0);
                myDate.setSeconds(0);
                // alert(myDate)
//document.write(myDate)7
                var nowDate = new Date();
                var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
                var FromEndDate = new Date();
                FromEndDate.setDate(FromEndDate.getDate());
                FromEndDate.setHours(23);
                FromEndDate.setMinutes(59);
                FromEndDate.setSeconds(59);
                $('.datetimepicker1').datetimepicker();
                $('#datetimepicker8').datetimepicker();
                /* $('#datetimepicker6').datetimepicker({
                 minDate: myDate,
                 maxDate: FromEndDate
                 });*/

                $('#datetimepicker6').datetimepicker();
                $('#datetimepicker6').data("DateTimePicker").minDate(myDate);
                $('#datetimepicker6').data("DateTimePicker").maxDate(FromEndDate);
                $('#datetimepicker6').datetimepicker();
                $('.datetimepicker1').datetimepicker({
                    minDate: myDate,
                    maxDate: today});

                $("#fechaInicioAct").val('{{'now'|date('Y-m-d H:i:00')}}');


                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());
                });


                $('#idregion').change(function () {
                    $('#cargaDptos').load('{{path('cargaDptos',{'idproyectos':idproyectos})}}', {$idregion: $('#idregion').val(), $tipoSitio:1});
                    $('#cargaSitioDpto').load('{{path('cargaSitioRegion',{'idproyectos':idproyectos})}}', {$idregion: $(this).val(), $tipoSitio: 1});
                    $('#cargaNomSitioDpto').load('{{path('cargaNomSitioRegion',{'idproyectos':idproyectos})}}', {$idregion: $(this).val(), $tipoSitio: 1});
                });

                $('#idestado').change(function () {
                    $('#cargaSitioDpto').load('{{path('cargaSitioDpto',{'idproyectos':idproyectos})}}', {$idDpto: $(this).val(), $tipoSitio: 1});
                    $('#cargaSitioDptoMasivo').load('{{path('cargaSitioDptoMasivo',{'idproyectos':idproyectos})}}', {$idDpto: $(this).val(), $tipoSitio: 1});
                    $('#cargaNomSitioDpto').load('{{path('cargaNomSitioDpto',{'idproyectos':idproyectos})}}', {$idDpto: $(this).val(), $tipoSitio: 1});
                    $('#cargaNomSitioDptoMasivo').load('{{path('cargaNomSitioDptoMasivo',{'idproyectos':idproyectos})}}', {$idDpto: $(this).val(), $tipoSitio: 1});
                });


                $("#crearTicket").click(function () {
                    var campo = new Object();
                    campo.idSolicitante = 2;
                    campo.ttMasivo = $('#btnticketMasivo').val();
                    var str = $('#ttRef').val();
                    campo.ttRef = str;
                    campo.ptidregion = 0;
                    campo.ptidestado = 0;
                    campo.ptidtipoProceso = 0;
                    campo.ptidSitio = 0;
                    campo.ptidSolicitante = 0;
                    campo.ptfechaFalla = 0;
                    campo.ptidTipoFalla = 0;
                    campo.ptidFalla = 0;
                    campo.ptobs = 1;
                    campo.ptcoment = 0;
                    campo.obs = $('#obs').val();
                    campo.ptrecomen = 0;
                    campo.ptidCategoria = 0;
                    campo.ptidElemento = 0;
                    campo.ptfechaInicioAct = 0;
                    campo.ptfechaFinPlan = 0;
                    campo.ptduracion = 0;
                    campo.ptfechaFinPro = 0;
                    campo.ptidproveedor = 0;
                    campo.ptcluster = 0;
                    campo.ptsubcluster = 0;
                    campo.ptidCountry = 0;
                    campo.ptidGrupo = 0;
                    campo.ptidlider = 0;
                    campo.ptidtecnico = 0;
                    campo.ptidCliente = 0;
                    campo.ptidSupervisor  = 0;
                    campo.ptidregion = 1;
                    campo.idregion = $('#idregion').val();
                    if ($('#idregion').val() == '') {
                        alert('debe seleccionar Regional');
                        return false;
                    }
                    if ($('#idestado').val() == '') {
                        alert('debe seleccionar Estado/Dpto');
                        return false;
                    }

                    campo.ptidestado = 1;
                    campo.idestado = $('#idestado').val();
                    if ($('#idestado').val() == '') {
                        alert('debe seleccionar Estado/Dpto');
                        return false;
                    }
                    campo.ptidtipoProceso = 1;
                    campo.idtipoProceso = $('#idtipoProceso').val();
                    if ($('#idtipoProceso').val() == '') {
                        alert('debe seleccionar Tipo');
                        return false;
                    }

                    campo.ptidSitio = 1;
                    campo.idSitio = $('#idsitioCodi').val();
                    campo.sitiosMasivos = $('#sitiosMasivos').val();
                    campo.idsitioNom = $('#idsitioNom').val();
                    if ($('#idsitioCodi').val() == '') {
                        alert('debe seleccionar Sitio');
                        return false;
                    }





                    campo.ptfechaInicioAct = 1;
                    campo.fechaInicioAct = $('#fechaInicioAct').val();
                    //alert(campo.idSolicitante);
                    if ($('#fechaInicioAct').val() == '') {
                        alert('debe ingresar Fecha Inicio');
                        return false;
                    }




                    campo.ptfechaFinPro = 1;


                    campo.fechaFinPro = $('#fechaFinPro').val();
                    //alert(campo.idSolicitante);
                    if ($('#fechaFinPro').val() == '') {
                        alert('debe ingresar Fecha Fin');
                        return false;
                    }

                    var fromDate = new Date($('#fechaInicioAct').val());
                    var toDate = new Date($('#fechaFinPro').val());
                    if (fromDate - toDate > 0) {
                        alert('la Fecha Fin debe ser mayor a la fecha Inicio');
                        return false;
                    };
                    if((toDate.getDay() -fromDate.getDay()) > 0){
                        alert('La actividad debe estar en el mismo dia, si se extiende al otro dia debe crear un nuevo ticket desde las 00 hasta la hora fin correspondiente');
                        return false;

                    }



                    $('#cargar').css('display', '');

                    campo.user = $("#rmc").val();

                    $.ajax({
                        type: "POST",
                        async: true,
                        url: "{{path('crearCasoBitacora',{'idproyectos':idproyectos, 'idmodule':idmodule,'idsubmodulo': idsubmodulo})}}",
                        data: {$campo: campo}
                    }).done(function (msj) {
                        if (msj == "existeFecha") {
                            alert("El ticket no se creo, las fechas se solapan con otra actividad");
                            $('#cargar').css('display', 'none');
                        }else if(msj == "fechaMal"){
                            alert("La fecha de inicio es menor al tiempo permitido para la creacion");
                            $('#cargar').css('display', 'none');

                        } else {
                            alert('Se creo el ticket con exito');


                            location.href = "{{path('ticketDetalle',{'idproyectos':idproyectos, 'idticket':'nuevo'})}}?ticket=" + msj;
                            //$('#cargar').css('display', 'none');
                        }
                    });

                });

                $(".js-example-basic-single").select2({
                    placeholder: "Elegir...",
                    allowClear: true
                });

            });
            </script>
            <div class="container">
                <br><br>
                <form action="{{path('crearCasoBitacora',{'idproyectos':idproyectos, 'idmodule':idmodule,'idsubmodulo': idsubmodulo})}}" method="POST">
                    <table class="ui-widget ui-widget-content negrillas  col-xs-12 col-lg-8 col-md-8"  style="margin: auto;">
                        <tr>
                            <td class="nombreCampo">{{'ticket.create.ticketref' | trans}}</td>
                            <td>
                                <input autocomplete="off" id="ttRef" name="campo[ttRef]" type="text" value="">
                            </td>
                        </tr>
                            <tr>
                                <td class="nombreCampo">{{'ticket.create.typework' | trans}}</td>
                                <td>
                                    <h2 class="negrillas">BITACORA</h2>
                                    </td>
                                </tr>
                                            </table>

                    <table class="ui-widget ui-widget-content negrillas   col-xs-12 col-lg-8 col-md-8"  style="margin: auto;">
                        <tr>
                            <td>Tecnico</td>
                            <td>
                                <select   class="js-example-basic-single" id="rmc">
                                    <option></option>
                                    {% for user in users %}
                                        <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                                    {% endfor %}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>{{'ticketDetail.email.tipo' | trans}}</td>
                            <td>
                                <select id="idtipoProceso">
                                    <option></option>
                                    {% for tipoProceso in tipoProcesos%}
                                        <option value="{{tipoProceso.idtipoProceso}}">{{tipoProceso.tipoProceso}}</option>
                                    {% endfor %}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="nombreCampo">{{'ticketDetail.region' | trans}}</td>
                            <td>
                                <select id="idregion" name="campo[idRegion]">
                                    <option value=""></option>
                                    {% for region in regiones%}
                                        <option value="{{region.idregion}}">{{region.region}}</option>
                                    {% endfor %}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="nombreCampo">Departamento</td>
                            <td>
                                <div id="cargaDptos">
                                    <select name="campo[idestado]" id="idestado">
                                        <option value=""></option>
                                        {% for estado in estados %}
                                            <option value="{{  estado.value }}">{{ estado.nombre }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>{{ 'inbox.search' | trans }} 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" id="idsitioCodi" name="campo['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>
                        <tr>
                            <td class="nombreCampo">
                                {{'ticketDetail.installationstartdate' | trans}}
                            </td>
                            <td>
                                <div class="form-group">
                                    <div class='input-group date ' id="datetimepicker6" >
                                        <input id="fechaInicioAct" onkeypress= "return noDatos(event, this.value)"  type='text' placeholder="Select start date" class="form-control" data-date-format="YYYY-MM-DD HH:mm" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                                    </div>
                                </div>
                                <!-- <input readonly="true" autocomplete="off" id="fechaFalla" name="campo[fechaFalla]" type="text" value=""> -->
                            </td>
                        </tr>
                        <tr>
                            <td class="nombreCampo">
                                {{'ticketDetail.installationenddate' | trans}}
                            </td>
                            <td>
                                <div class="form-group">
                                    <div class='input-group date ' id="datetimepicker8" >
                                        <input id="fechaFinPro"  type='text'  class="form-control" placeholder="Select end date" data-date-format="YYYY-MM-DD HH:mm" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                                    </div>
                                </div>
                                <!-- <input readonly="true" autocomplete="off" id="fechaFalla" name="campo[fechaFalla]" type="text" value=""> -->
                            </td>
                        </tr>

                        <tr>
                            <td class="nombreCampo"  colspan="2">Descripcion</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center;"><textarea id="obs" name="campo[obs]" style=" width: 90%;"></textarea></td>
                        </tr>
                        <tr>
                            <td  colspan="2" style="text-align: center;">
                                <input type="hidden" id="sitiosMasivos">
                                <button type="button" class="btn btn-primary btn-lg" id="crearTicket">{{'ticket.create.create' | trans}}</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>


{%endblock %}