{% extends '::base.html.twig' %}
{% block menuTop %}

{% endblock %}

{% block dashboard %}
  <style>
    .btn-claro {
        color: #fff;
        background-color: #aa0001;
        border-color: #e06a70;

    }
    .btn-claro:hover, .btn-claro:focus {
        color: #fcfcfc;
        text-decoration: none;
    }
    .text-global{

        margin-top: 10px;
    }
    .huge {
        font-size: 25px;
    }
    .panel-green {
        border-color: #5cb85c;
    }

    .panel-green .panel-heading {
        border-color: #5cb85c;
        color: #fff;
        background-color: #5cb85c;
    }

    .panel-green a {
        color: #5cb85c;
    }

    .panel-green a:hover {
        color: #3d8b3d;
    }

    .panel-red {
        border-color: #d9534f;
    }

    .panel-red .panel-heading {
        border-color: #d9534f;
        color: #fff;
        background-color: #d9534f;
    }

    .panel-red a {
        color: #d9534f;
    }

    .panel-red a:hover {
        color: #b52b27;
    }

    .panel-yellow {
        border-color: #f0ad4e;
    }

    .panel-yellow .panel-heading {
        border-color: #f0ad4e;
        color: #fff;
        background-color: #f0ad4e;
    }

    .panel-yellow a {
        color: #f0ad4e;
    }

    .panel-yellow a:hover {
        color: #df8a13;
    }
    .double-scroll {
        width: 100%;
        margin-bottom: 40px;
    }
    /* pager wrapper, div */
    .pager {
        padding-left: 0;
         margin: 0;
        text-align: left;
        list-style: none;
    }
    /* pager wrapper, in thead/tfoot */
    td.pager {
        background-color: #e6eeee;
    }
    /* pager navigation arrows */
    .pager img {
        vertical-align: middle;
        margin-right: 2px;
    }
    /* pager output text */
    .pager .pagedisplay {
        font-size: 14px;
        font-weight: bold;
        padding: 0 5px 0 5px;
        width: 50px;
        text-align: center;
    }

    /*** loading ajax indeterminate progress indicator ***/
    #tablesorterPagerLoading {
        background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat;
        position: absolute;
        z-index: 1000;
    }

    /*** css used when "updateArrows" option is true ***/
    /* the pager itself gets a disabled class when the number of rows is less than the size */
    .pager.disabled {
        display: none;
    }
    /* hide or fade out pager arrows when the first or last row is visible */
    .pager img.disabled {
        /* visibility: hidden */
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .tablesorter-pager select {
        margin: 0;
        padding: 0;
        width: 50px;
    }

    .btn:hover, .btn:focus {
        color: #fff;
        text-decoration: none;
    }

   
    .wrapper{padding-bottom:50px;}
    .header{background:#000000;}.header .container{padding-bottom:20px;}.header .container h1{color:#FFF;line-height:50px;margin-top:30px;margin-bottom:0;}
    .header .container h3{color:#E0E0E0;font-size:16px;margin-top:-5px;}.header .container h3 a{color:#66aacc;}.header .container h3 a:hover{color:#b3d5e6;}
    .top-menu{position:absolute;z-index:9999;}.top-menu .nav-list{background:rgba(255, 255, 255, 0.8);border:1px solid #CCC;margin:20px;position:fixed;right:0;}
    pre,.well{background:#FFFFFF;}
    .syntax-container{background:#FCFCFC;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;border:1px solid #e3e3e3;margin-bottom:30px;padding-bottom:20px;}
    .isloading-wrapper.isloading-right{margin-left:10px;}
    .isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

    /*Glyphicon Spinner*/
    .glyphicon-spin {
        -animation: spin .9s infinite linear;
        -webkit-animation: spin2 .9s infinite linear;
    }

    @-webkit-keyframes spin2 {
        from { -webkit-transform: rotate(0deg);}
        to { -webkit-transform: rotate(360deg);}
    }

    @keyframes spin {
        from { transform: scale(1) rotate(0deg);}
        to { transform: scale(1) rotate(360deg);}
    }
    #menuTop {
        margin-top: 30px;
    }
    body {
            /*margin-top: 80px;*/
    }
    h1{
        font-size: 36px;
    }
    .tablesorter-header-inner,table.tablesorter thead tr th,.tablesorter-filter {
        color: #fff;
        background-color: #000099;
        border-color: #000099;

    }
   
    table.tablesorter thead tr th{
        height: 40px;
    }
    .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc {
        background-color: #2643A5;}
    
    .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc {
      background-color: #2643A5;}
    
    .tablesorter-blue .tablesorter-filter-row td {
        background: #2643A5;}
    
    input[type="search"]{
        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;
    }
    
    .tabledetail {
        color: #fff;
        background-color: #00569C;
        border-color: #00569C;
    }
    .btn-azul-oscuro{
        background-color: #000099;
        color: #ffffff;
    }
    select[readonly]
    {
        pointer-events: none;
    }

  

  </style>

<script>

    var contclone = 0;
    var const2clone = "";
    $(window).load(function(){
        $("#cloneSupervision").click(function(){
                $("#cloneSupervision").attr("disabled",true);
            $.getJSON('{{ path('cloneTicket',{'idticket': idticket}) }}', function(data){

                swal({title: "{{'ticketdetalle.supervision.created' | trans}}", text: "", type: "success"},
                        function () {
                        });
                $("#cloneSupervision").attr("disabled",false);
            });

        });

     $.getJSON('{{ path('ticketplay_loadList',{'idticket':idticket})}}',function(data){
            var ticketPlay = data;
            for(var i=0; i< ticketPlay.length;i++){

                var clone =  $("#primeraFilaEricsson").clone(true);

                clone.find('.categoria').val(ticketPlay[i].type.id);
                clone.find('.link').val(ticketPlay[i].url);
                clone.find('.embed').val(ticketPlay[i].embed);
                clone.find('.categoria').attr('disabled',true);
                clone.find('.link').attr('disabled',true);
                clone.find('.embed').attr('disabled',true);
                clone.find('.embed').attr('disabled',true);
                clone.find("button").addClass('delete').attr('href','{{ path('ticketplay_delete') }}'+ '?id=' + ticketPlay[i].id);
                var div = $('<div></div>').
                        addClass('col-lg-1');
                var label = $('<label>&nbsp;</label>');
                var element = $("<button>view</button>").
                        attr("href",ticketPlay[i].embed).
                        addClass('viewVideo btn btn-default');
                clone.find('.embed').closest('.col-lg-3').after(div.add(element));
                clone.appendTo("#ericssonContainer");

        $(".viewVideo").click(function(){
                    var iframe = $($(this).closest('.row').find('.embed').val());
                    // var iframe = $(link.val());
                    $("#viewVideoModal").modal();

                    $("#cartoonVideo").attr('src',iframe.attr('src'));
                    return false;
                   });
            }

            //console.log(data);
        });


        $("#ericssonPlay").click(function(){
            $(".ericssonModal").modal();
        });

        function validateURL(value) {
            return /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value);
        }
        $(".link").live('focusout',function(){

            var link = $(this);
            if(!validateURL(link.val())){

                link.val("");
            }

        });
        $(".embed").live('focusout',function(){

            var link = $(this);
            var position = link.position();
            if(!link.val().includes("<iframe ")){

                link.val("");
                return false;
            }
            var div = $('<div></div>').
                    addClass('col-lg-1');
            var label = $('<label>&nbsp;</label>');
            var element = $("<button>view</button>").
                    attr("href",link.val()).
                    addClass('viewVideo btn btn-default');
            div.add(label);
                    link.closest('.col-lg-3').after(div.add(element));
                link.next('.viewVideo').remove(); //no next sibling.
               // element.insertAfter(link);


            $(".viewVideo").click(function(){

                var iframe = $($(this).closest('.row').find('.embed').val());
               // var iframe = $(link.val());
                $("#viewVideoModal").modal();

                $("#cartoonVideo").attr('src',iframe.attr('src'));
                return false;
            });

        });

        $("#clone").click(function(){

           var clone =  $("#primeraFilaEricsson").clone(true);
            clone.removeAttr("id");
            clone.find("button").addClass('delete');
            //clone.prepend('');
            clone.find('input').val("");
            clone.find('.viewVideo ').remove();
            clone.appendTo("#ericssonContainer");

            return false;


        });

        $(".delete").live('click',function(){

            if($(this).attr('href') !== undefined) {

                $.get( $(this).attr('href'), function( data ) {

                    //console.log(data);
                    return false;
                });
            }

            $(this).closest(".row").remove();

            return false;
        });

        document.getElementById("uploadBtn").onchange = function () {
            document.getElementById("uploadFile").value = this.value;
        };

        $("#divInfo").load("{{ path('ticketinfo_new',{'id':idticket}) }}");
        $(".numeric").numeric();
        /*BLOQUEA LOS BOTONES PARA QUE NO PUEDEN EJECUTAR NADA DENTRO DE ESTA PANTALLA*/
        /*add loading*/
        $('#verComentarioTicket').html('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
        $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'},function(){

            $(".loading").hide();
        });
        /*$('#consultarEscalaciones').html('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />').load('{{path("consultarEscalaciones",{'idproyectos':idproyectos,'idticket':idticket})}}',{},function(){
            $(".loading").hide();
        });*/
        $('#consultarAsignaciones').html('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />').load('{{path("consultarAsignaciones",{'idproyectos':idproyectos,'idticket':idticket})}}',{},function(){
            $(".loading").hide();
        });
        $('#consultarTrack').html('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');

        $('#consultarTrack').load('{{path("consultarTrack",{'idproyectos':idproyectos,'idticket':idticket})}}',{},function(){
            $(".loading").hide();

        });


        var parent_height = $('.loading').parent().height();
        var parent_width = $('.loading').parent().width();

        //get the width of the image


        //calculate how far from top the image should be
        var top_margin = (parent_height)/2;

        //and change the margin-top css attribute of the image
        $('.loading').css( {'margin-top': top_margin,'margin-left': parent_width /2 });
        {% if is_granted('ROLE_ASP') %}

        $(".execute").attr('disabled','disabled');


        {% endif %}
    });




    function createTable(monitor,total,nombreColTotal,type){
            console.log(monitor,monitor[0]);
            var header = Object.keys(monitor[0]);
            var headerType = Object.keys(type);
            var table = '<table  class="table table-bordered table-hover table-striped table-responsive table1" id="tableSitios"> <thead>' +'<tr class="btn-info">';
            for (var j = 0; j < header.length; j++) {
                if( j != 0){
                    table += "<th class='text-center'>" + header[j] + "</th>"
                }
            }
            table += "</tr></thead>";
            for (var i = 0; i < monitor.length; i++) {
                table += "<tr id='"+ monitor[i][header[0]] +"'>";
                for (var j = 0; j < header.length; j++) {

                        if( $.inArray(j,headerType))
                        {
                            var typeString = 'id="' + type[j] + '"';

                        }
                    if( j != 0) {
                        table += "<td " + typeString + ">" + monitor[i][header[j]] + "</td>";
                    }
                }
                table += "</tr>";
                if(typeof total !== "undefined") {
                    if (i == monitor.length - 1) {
                        var headerTotal = Object.keys(total);
                        table += '<tr><td>' + nombreColTotal +'</td>';
                        for(var x=0; x<headerTotal.length;x++){
                            table += '<td>';
                            table += total[headerTotal[x]];
                            table += '</td>';
                        }
                        table += '</tr>';
                    }
                }
            }
            table += "</table>";

            return table;
        }


    function disabledEstados(disabled,value){
        var options  = $("#idEstadoNuevo option");

        for(var i = 0; i< options.length;i++){

            if($.inArray(options[i].value,disabled) !== -1){
                options[i].setAttribute('disabled',value);

            }
        }
    }

    function removenonnumbers(e) {
        var idn ='numberbox'+e;
        var x = document.getElementById(idn);
         x.value = x.value.replace(/\D/g,'');
    }

    function enablenofiles(e)
    {
        var idc ='isacticebox'+e;
        var idn ='numberbox'+e;
        var txt = document.getElementById(idn)
        var chk = document.getElementById(idc);
        if(chk.checked)
        {
            $('#'+idn).removeAttr('readonly');
             txt.value =1;
        }else
        {
            $('#'+idn).attr('readonly', 'readonly');
            txt.value =0;

        }
    }

    $(function() {
        $.widget( "custom.combobox", {
            _create: function() {
                this.wrapper = $( "<span>" )
                        .addClass( "custom-combobox" )
                        .insertAfter( this.element );

                this.element.hide();
                this._createAutocomplete();
                this._createShowAllButton();
            },

            _createAutocomplete: function() {
                var selected = this.element.children( ":selected" ),
                        value = selected.val() ? selected.text() : "";

                this.input = $( "<input>" )
                        .appendTo( this.wrapper )
                        .val( value )
                        .attr( "title", "" )
                        .autocomplete({
                            delay: 0,
                            minLength: 0,
                            source: $.proxy( this, "_source" )
                        })
                        .addClass( "form-control" )
                        .tooltip({
                            tooltipClass: "ui-state-highlight"
                        });

                this._on( this.input, {
                    autocompleteselect: function( event, ui ) {
                        ui.item.option.selected = true;
                        this._trigger( "select", event, {
                            item: ui.item.option
                        });
                    },

                    autocompletechange: "_removeIfInvalid"
                });
            },

    _createShowAllButton: function() {
                var input = this.input,
                        wasOpen = false;

                $( "<a>" )
                        .attr( "tabIndex", -1 )
                        .attr( "title", "Show All Items" )
                        .tooltip()
                        .appendTo( this.wrapper )
                        .button({
                            icons: {
                                primary: "ui-icon-triangle-1-s"
                            },
                            text: false
                        })
                        .removeClass( "ui-corner-all" )
                        .addClass( "custom-combobox-toggle ui-corner-right" )
                        .mousedown(function() {
                            wasOpen = input.autocomplete( "widget" ).is( ":visible" );
                        })
                        .click(function() {
                            input.focus();

                            // Close if already visible
                            if ( wasOpen ) {
                                return;
                            }

                            // Pass empty string as value to search for, displaying all results
                            input.autocomplete( "search", "" );
                        });
            },

    _source: function( request, response ) {
                var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
                response( this.element.children( "option" ).map(function() {
                    var text = $( this ).text();
                    if ( this.value && ( !request.term || matcher.test(text) ) )
                        return {
                            label: text,
                            value: text,
                            option: this
                        };
                }) );
            },

    _removeIfInvalid: function( event, ui ) {

                // Selected an item, nothing to do
                if ( ui.item ) {
                    return;
                }

                // Search for a match (case-insensitive)
                var value = this.input.val(),
                        valueLowerCase = value.toLowerCase(),
                        valid = false;
                this.element.children( "option" ).each(function() {
                    if ( $( this ).text().toLowerCase() === valueLowerCase ) {
                        this.selected = valid = true;
                        return false;
                    }
                });

                // Found a match, nothing to do
                if ( valid ) {
                    return;
                }

                // Remove invalid value
                this.input
                        .val( "" )
                        .attr( "title", value + " didn't match any item" )
                        .tooltip( "open" );
                this.element.val( "" );
                this._delay(function() {
                    this.input.tooltip( "close" ).attr( "title", "" );
                }, 2500 );
                this.input.autocomplete( "instance" ).term = "";
            },

     _destroy: function() {
                this.wrapper.remove();
                this.element.show();
            }
    });
        $("#idsitioInput").combobox();



        var act;
        $("#openPlan").click(function(){
            $.ajax({
                url : "{{ path('getActivities',{'idproyectos':idproyectos,'idticket':idticket}) }}"
            }).done(function(data){
                //console.log(data);
                act = data;
                var options = $("#estadosPlan option");

                for(var i = 0; i< options.length;i++){
                    if($.inArray(options[i].value,act) !== -1){
                        options[i].setAttribute('disabled',true);
                    }
                }

                $("#_actIni").trigger('click');

            });



            $('#myModal').modal();

        });





    function createCheckBox(checkBox,name,checkBoxDone,activeCheck){

            activeCheck = typeof activeCheck !== 'undefined' ? activeCheck : false;
            var input = "";
                input += "<div class='row' style='margin-right: 0px; margin-left: 0px; '>";
                input += "<div class=' col-lg-6 col-xs-4 col-md-4'>";
                input += "REPORT";
                input += "</div>";
                input +=  "<div class=' col-lg-2 col-xs-3 col-md-3'>";
                input +=  "APPLY";
                 input += "</div>";
            input +=  "<div class=' col-lg-2 col-xs-3 col-md-3'>";
            input +=  "ACTIVE";
            input += "</div>";
            input +=  "<div class=' col-lg-1 col-xs-3 col-md-3'>";
            input +=  "No. Entregables";
            input += "</div>";

            for(var i = 0; i < checkBox.length;i++){

                var check = "";
                var checkActive = "";
                var disabled = "";
                activeCheck? disabled = "disabled": null;

                input += "<div class='row'>";
                input += "<div class=' col-lg-6 col-xs-4 col-md-4'>";
                input += "<label class='control-label'>" + checkBox[i]['descripcion'] + "</label>";
                input +=  "</div>";
                input +=  "<div class=' col-lg-2 col-xs-3 col-md-3'>";
                varfiles = 0;
                for(var j = 0; j < checkBoxDone.length;j++) { //console.log(checkBoxDone[j]['isActive']);
                    //console.log(checkBox[i]['id'] + ' ' +checkBoxDone[j]['id']);
                    if(checkBox[i]['id'] == checkBoxDone[j]['id'] && checkBoxDone[j]['hecho'] == 1){
                        check = "checked";
                        //console.log(check + checkBoxDone[j]['id']);

                    }
                    if(checkBox[i]['id'] == checkBoxDone[j]['id'] && checkBoxDone[j]['isActive'] == 1){
                        checkActive = "checked";
                        disabled = "";
                    }

                }
                input +=  '<input type="checkbox"' + ' name = "'+ name + '"' + 'value="' + checkBox[i]['id'] + '" '+ check +' '+ disabled +' >';

               if(activeCheck){
                   input += "</div>";
                   input += "<div class=' col-lg-2 col-xs-3 col-md-3'>";
                   var idc ='isacticebox'+i;
                   input +=  '<input type="checkbox" id='+idc+' onclick="enablenofiles('+i+')"' + 'name="isActive[]" class="checkActive"' + 'value="' + checkBox[i]['id'] + '" '+ checkActive +'  >';
                    }

                   input += "</div>";
                   input += "<div class=' col-lg-2 col-xs-1 col-md-3 '"+ disabled +" >";

                     if(typeof checkBoxDone[i] !== 'undefined'){
                        var idn ='numberbox'+i;
                        if(checkBoxDone[i]['isActive'])
                        {
                                if(checkBoxDone[i]['nofiles']==0)
                                {
                                    checkBoxDone[i]['nofiles']=1;
                                }
                                input +=  '<input type="number" name="nofiles[]" id='+idn+'  onkeyup="removenonnumbers('+i+')" min="1" class="form-control new-input" value='+checkBoxDone[i]['nofiles']+ ' >';
                        }else
                        {
                                checkBoxDone[i]['nofiles']=0;
                                input +=  '<input type="number" name="nofiles[]" id='+idn+'  readonly="readonly"  onkeyup="removenonnumbers('+i+')" min="0" class="form-control new-input" value='+checkBoxDone[i]['nofiles']+ ' >';
                        }

                    }else
                    {

                    }
                input += "</div> </div>";


            }
            /*for(var i = 0; i < checkBox.length;i++) {
                var idn ='numberbox'+(i*1+1);
                var x = document.getElementById(idn);
                x.prop('readonly',checkBoxDone[i]['isActive']);

            }*/
            return input;
        }


        $("#openEntregables").click(function(){
          $.ajax({
            url : "{{ path('getEntregables',{'idproyectos':idproyectos,'idticket':idticket,'idproceso':idproceso}) }}"
          }).done(function(data){

            $('#myModalEntregables .modal-body form').empty();
            var input = createCheckBox(data.entreagblesProyecto,'entregables[]',data.entreagblesHechos,data.entregableisActive)
            $('#myModalEntregables').modal('show');

            $('#myModalEntregables .modal-body form').append(input);
          });
        });

// ENTREGABLE COLOMBIA
function createEntregable(data){
  var input = "";
  var link = "";
  input += "<div class='row' style='margin-right: 0px; margin-left: 0px; '>";
  input += "<div class=' col-lg-6 col-xs-4 col-md-4'>";
  input += "<b>ENTREGABLE</b>";
  input += "</div>";
  input += "<div class=' col-lg-2 col-xs-3 col-md-3'>";
  input += "<b>ACCIÓN</b>";
  input += "</div>";
  for(var i = 0; i < data.length;i++){
    input += "<div class='row' style='margin-right: 0px; margin-left: 0px; '>";
    input += "<div class=' col-lg-6 col-xs-4 col-md-4'>";
    input +=  data[i]['ENTREGABLE'];
    input += "</div>";
    input += "<div class=' col-lg-2 col-xs-3 col-md-3'>";
    link = data[i]['LINK'];
    if (link == 'ESPERANDO'){
      input += "<div class=' col-lg-6 col-xs-4 col-md-4'>";
      input += "<button style='background-color:yellow' type='button'>" + link + "</button>";
      input += "</div>";
    }else{
      input += "<form action=\"{{ path('tickets_descargarArchivoMP')}}\" target='_blank' method='POST'>"
      input += "<input type='hidden' id='url' name='url' value=\"" + link + "\"/>"
      input += "<button type='submit'>Download</button>"
      input += "</form>"
    }

    input += "</div>";
  }
  return input;
}
$("#openEntregablesColombia").click(function(){
  $('#myModalEntregablesColombia .modal-body').empty();
    $.ajax({
        url : "{{ path('getEntregables2',{'idproyectos':idproyectos,'idticket':idticket,'idproceso':idproceso}) }}"
    }).done(function(data){
        var input = createEntregable(data.data)
        $('#myModalEntregablesColombia').modal('show');
        $('#myModalEntregablesColombia .modal-body').append(input);
    });
});

//**************************** QUOTATION VERIZON *****************************//


        $("#quotation").click(function(){

         $("#quotationModal").modal();
          var id = $(this).attr("id");
          var header = '';
          var tipo=4;
          $("#emailquotation").val("");
          $("#emailCcquotation").val("");

            if(tipo == 4){
               header = 'QUOTATION';
                tipo = 4;

                  $.ajax({
                    url: '{{ path('proyectorepuesto_getRepuestos',{'idproyectos':idproyectos, 'idproceso':idproceso}) }}',
                    data : {'tipo':tipo, 'categoria':10}
                }).done(function(data){
                    $('#costo').val(0);
                    $('#horas').val(0);
                    $('#_total').val(0);
                    $("#comentarioRepuestoQ").val("");

                     $('#items').append($("<option/>", {
                            value: "",
                            text: "-- {{'site.select' | trans}} --"
                    }));

                    for(var i=0; i< data.length;i++){
                        $('#items').append($("<option/>", {
                            value: data[i]['id'],
                            text: data[i]['descripcion']
                        }));
                    }
                });

                 $.ajax({
                    url: '{{ path('proyectorepuesto_getTraslado',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){
                    $('#traslado option').remove();
                    $('#itemss').val("");
                    $('#diass').val(0);
                    $('#costo2').val(0);
                    $('#totalc').val(0);

                   $('#traslado').append($("<option/>", {
                            value: "",
                            text: "-- {{'site.select' | trans}} --"
                    }));

                     for(var i=0; i< data.length;i++){
                        $('#traslado').append($("<option/>", {
                            value: data[i]['id'],
                            text: data[i]['descripcion']
                        }));
                    }
                });

                $.ajax({
                    url: '{{ path('proyectorepuesto_getEmail',{'idproyectos':idproyectos,'idticket':idticket}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){
                    $("#emailquotation").val(data.email);
                    $("#emailCcquotation").val(data.emailCC);
                });
            }

            $("#target").val($("#target option:first").val());
            $(".modal #myModalLabelRepuesto").text($(this).text());
            $("#categoria").attr('tipo',tipo);
            $(".quitar").remove();
            $('#'+id+'Modal').modal();
            $('#items').empty();
            $('#traslado').empty();
        });

            // calculo Costo x Instalación
            $('#costo').change(function(){
                totalCosto();
            });

            $('#horas').change(function(){
                 totalCosto();
             });

               function totalCosto (){

                var costo = $('#costo').val();
                var horas = $('#horas').val();

                costo = parseFloat(costo) || 0;
                horas = parseFloat(horas) || 0;

                $('#_total').val(costo * horas);
             }

           //Calculo Travel&Expenses
           $("#traslado").change(function(){
             var t=$(this).closest(".row");

            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('proyectorepuesto_getDiaxTraslado',{'idproyectos':idproyectos,'idticket':idticket})}}?idtraslado="+ $(this).val(),
                data: {}
            }).done(function (data) {
                t.find(".diass").val(data.d);
                t.find(".itemss").val(data.resp);
                t.find(".costo2").val(parseFloat(data.allowance));

                    var total = 0;
                    var dias = t.find(".diass").val();
                    var costo2 = t.find(".costo2").val();
                    var allowance = t.closest(".row").find("#traslado").val();
                    //console.log(allowance);

                if (allowance == 1){
                    dias = 'N/A';
                    t.closest(".row").find(".diass").val(dias);
                    t.closest(".row").find(".totalc").val(parseFloat(total + costo2));
                   }
                if (dias == 3 && allowance == 3){
                    t.closest(".row").find(".totalc").val(parseFloat(dias * costo2));
                   }else{
                   total = 0;
                   costo2 = 0;
                   t.closest(".row").find(".costo2").val(parseFloat(costo2));
                   t.closest(".row").find(".totalc").val(parseFloat(total));
                   }
                });
            });
                $(".costo2").keyup(function(){
                  var t=$(this);
                  var dias = t.closest(".row").find(".diass").val();
                  var allowance = t.closest(".row").find("#traslado").val();
                  var total2 = $(this).val();

                    if (dias == 'N/A'){
                    t.closest(".row").find(".totalc").val(parseFloat(total2));
                    }else if (dias == 3 && allowance == 2){
                    total2 = $(this).val() * dias;
                    t.closest(".row").find(".totalc").val(parseFloat(total2));
                  }
               });


//**************************** ANTICIPO - CAJA CHICA *****************************//

        $("#anticipo").click(function(){

         $("#anticipoModal").modal();
          var id = $(this).attr("id");
          var header = '';
          var tipo=5;
          $("#emailanticipo").val("");
          $("#emailCcanticipo").val("");

               header = 'ANTICIPO';
               tipo = 5;

                  $.ajax({
                    url: '{{ path('proyectorepuesto_getTipoGasto',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){
                    $('#factura').val(0);
                    $('#monto').val(0);
                    $('#iva').val(0);
                    $('#totalReporte').val(0);
                    $("#comentarioAnticipo").val("");


                    if (data.length > 0){
                        for(var i=0; i< data.length;i++){
                            $('#TipoGasto').append($("<option/>", {
                                value: data[i]['id'],
                                text: data[i]['gasto']
                            }));
                        }
                    }
                })

                $.ajax({
                    url: '{{ path('proyectorepuesto_getProveedor',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){

                  if (data.length > 0){
                      for(var i=0; i< data.length;i++){
                            $("#proveedor").append('<option value='+data[i]["id"]+'>'+data[i]["proveedor"]+'</option>');
                        }
                    }
                });

                $.ajax({
                    url: '{{ path('proyectorepuesto_getProyecto',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){

                  if (data.length > 0){
                      for(var i=0; i< data.length;i++){
                            $("#proyecto").append('<option value='+data[i]["id"]+'>'+data[i]["proyecto"]+'</option>');
                        }
                    }
                });

                 $.ajax({
                    url: '{{ path('proyectorepuesto_getTipoCuenta',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){

                  if (data.length > 0){
                      for(var i=0; i< data.length;i++){
                            $("#cuenta").append('<option value='+data[i]["id"]+'>'+data[i]["cuenta"]+'</option>');
                        }
                    }
                });

                $.ajax({
                    url: '{{ path('proyectorepuesto_getEmail',{'idproyectos':idproyectos,'idticket':idticket}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){
                    $("#emailanticipo").val(data.email);
                    $("#emailCcanticipo").val(data.emailCC);
                });

                $.ajax({
                    url: '{{ path('proyectorepuesto_getCuadrillaLider',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){
                  if (data.length > 0){
                      for(var i=0; i< data.length;i++){
                            $("#cuadrilla").append('<option value='+data[i]["valor"]+'>'+data[i]["nombre"]+'</option>');
                            $("#lider").append('<option value='+data[i]["valor"]+'>'+data[i]["nombre"]+'</option>');
                        }
                    }
                });

                $.ajax({
                    url: '{{ path('proyectorepuesto_getRegion',{'idproyectos':idproyectos}) }}',
                    data : {'tipo':tipo}
                }).done(function(data){
                  if (data.length > 0){
                      for(var i=0; i< data.length;i++){
                            $("#region").append('<option value='+data[i]["valor"]+'>'+data[i]["nombre"]+'</option>');
                        }
                    }
                });

            $("#target").val($("#target option:first").val());
            $(".modal #myModalLabelRepuesto").text($(this).text());
            $(".quitar").remove();
            $('#'+id+'Modal').modal();
             $('#TipoGasto').empty();
             $('#proveedor').empty();
             $('#proyecto').empty();
             $('#cuenta').empty();

        });

    //Calculo Total Reporte

    $(document).ready(function(){
        //validacion numerico
        $('.solo_numeros').on('input', function (e) {
            if (!/^[0-9]*$/i.test(this.value)) {
                this.value = this.value.replace(/[^0-9]+/ig,"");
            }
        });
        //

        if(contclone==0){contclone="";}
        $('#montofact').html('<label> MONTO FACTURA</label>');
        $('#nfact').html('<label> N° DE FACTURA</label>');
        $('.tipofact').click(function(){
           //const2clone = $(this).parent().parent().id;
           //$(this).parent().val();
           //console.log(const2clone);
            if ($(this).is(':checked')){
                //$(this).find("input#montofact").html('<label>MONTO FACTURA</label>');
                //$(this).find("input[name='']").val();
                $('#montofact'+contclone).html('<label>MONTO FACTURA</label>');
                $('#nfact'+contclone).html('<label> N° DE FACTURA</label>');
                $('#ocultar'+contclone).replaceWith('<div id="ocultar'+contclone+'" class="col-lg-3 ocultar"><label>MONTO IVA</label><div class="input-group"><div class="input-group-addon">$</div><input id ="iva" type="text" class="form-control numeric" name="iva[]" value="0"></div></div>');
                //$('#iva').show();
                //$('oculto').slideToggle();
            }else{
                //$(this).find("input#montofact").html('<label>MONTO RECIBO</label>');
                $('#montofact'+contclone).html('<label>MONTO RECIBO</label>');
                $('#nfact'+contclone).html('<label> N° DE RECIBO</label>');
                $('#ocultar'+contclone).replaceWith('<div id="ocultar'+contclone+'" class="ocultar"></div>');
                //$('#iva').hide();
                //$('oculto').slideToggle();
            }
        });
        $(".grupo").keyup(function(){
            if ($('.tipofact').is(':checked')){
                var importe=$(this).find("input#monto").val();
                var cantidad=$(this).find("input#iva").val();
                $(this).find(".totalReporte").val(parseFloat(importe)+parseFloat(cantidad));
            }else{
                var importe=$(this).find("input#monto").val();
                $(this).find(".totalReporte").val(parseFloat(importe));
            }
        });
    });

//***************************************************************************//


         $(".repuestoModal").click(function(){


            var id = $(this).attr("id");
            var header = '';
            var tipo=3;
            $("#email3").val("");
            $("#emailCc3").val("");
            $("#email5").val("");
            $("#emailCc5").val("");
            $("#emailCorrectivo").val("");
            $("#emailCcCorrectivo").val("");
            header = 'LPU CORRECTIVO';
            tipo = 3;
            $("#saveCorrectivo").attr('disabled',false);
            var proyecto = $("#15Input").val();
            var estatus = '{{tickets[0].estado}}';
            var asp = $("#257Input").val();
            if (estatus == 'Propuesta' || estatus == 'Iniciado' || estatus == 'Rechazado Parcialmente 1er Nivel' || estatus == 'Rechazado 1er nivel' || estatus == 'Rechazado Parcialmente 2do Nivel' || estatus == 'Rechazado 2do nivel' || estatus == 'Rechazado Parcialmente 3er Nivel' || estatus == 'Rechazado 3er nivel' || estatus == 'Rechazado Sourcing') $("#saveCorrectivo").attr('disabled',false);
            else $("#saveCorrectivo").attr('disabled',true);
            $.ajax({
                url: '{{ path('proyectorepuesto_getRepuestosAdicional',{'idproyectos':idproyectos,'idproceso':idproceso}) }}',
                data : {'tipo':tipo, 'categoria':59,'proyecto':proyecto,'asp':asp}
            }).done(function(data){
                $('#itemLpuCorrectivo').append($("<option/>", {
                        value: "",
                        text: "-- {{'site.select' | trans}} --"
                }));
                for(var i=0; i< data.length;i++){

                    $('#itemLpuCorrectivo').append($("<option/>", {
                        value: data[i]['id'],
                        text: data[i]['codigo']
                    }));
                }

            });
            $("#saveCorrectivo").attr('disabled',false);
            $.ajax({
            
                url: '{{ path('proyectorepuesto_getEmailAdicionales',{'idproyectos':idproyectos,'idticket':idticket}) }}',
                data : {'tipo':3,'idproceso':{{idproceso}}}
            }).done(function(data){
                $("#emailCorrectivo").val(data.email);
                $("#emailCcCorrectivo").val(data.emailCC);
            });

            $("#target").val($("#target option:first").val());
            $(".modal #myModalLabelRepuesto").text($(this).text());
            $("#categoria").attr('tipo',tipo);
            $(".quitar").remove();

             //$.getJSON('{{ path('ticketrepuesto_loadMaterialsCorrectivoAdicional',{'idproyectos':idproyectos,'idticket':idticket}) }}',data : {'proyecto':proyecto},function(data){
            $.ajax({
            
                url: '{{ path('ticketrepuesto_loadMaterialsCorrectivoAdicional',{'idproyectos':idproyectos,'idticket':idticket}) }}',
                data : {'proyecto':proyecto}
            }).done(function(data){             
                var ticketPlay = data;
                 $("#repuestosLpuCorrectivoContainer").children(":not(#primeraFilaLpuCorrectivo)").remove();
                 //Agregar filas
                 for(var i=0; i< ticketPlay.length;i++) {
                     var clone =  $("#repuestosLpuCorrectivoContainer #primeraFilaLpuCorrectivo").clone(true);
                     clone.removeAttr('id');
                    // clone.prop('id', i );
                    clone.find('#itemLpuCorrectivo').find("option").remove();
                    clone.find('#itemLpuCorrectivo').append($("<option/>", {
                         value: ticketPlay[i].resp,
                         text: ticketPlay[i].codigo
                    }));
                    clone.find('#idRepuestoTable').val(ticketPlay[i].id);
                    clone.find('#cantidadCorrectivo').val(ticketPlay[i].cantidad);
                    clone.find('#itemOfensor').val(ticketPlay[i].descripcion_ofensor);
                    clone.find('#itemOfensorId').val(ticketPlay[i].ofensor);
                    clone.find('#itemCausa').val(ticketPlay[i].causa); 
                    clone.find('#comentario').val(ticketPlay[i].comentario);   
                    
                    var esta="";
                    if(ticketPlay[i].status2=="Validado 1er Nivel") esta="1st. Level";
                    else if(ticketPlay[i].status2=="Validado 2do Nivel") esta="2nd Level";
                    else if(ticketPlay[i].status2=="Validado 3er Nivel") esta="3rd Level";
                    else if(ticketPlay[i].status2=="Validado Sourcing") esta="Sourcing";
                    else if(ticketPlay[i].status2=="" || ticketPlay[i].status2==null) esta="Proposal";      
                    else if(ticketPlay[i].status2=="Rechazado 3er Nivel") esta="3rd Level Rej";
                    else if(ticketPlay[i].status2=="Rechazado 2do Nivel") esta="2nd Level Rej";
                    else if(ticketPlay[i].status2=="Rechazado 1er Nivel") esta="1st. Level Rej";
                    else if(ticketPlay[i].status2=="Rechazado Sourcing") esta="Sourcing Reject";
                    else if(ticketPlay[i].status2=="No Procede 3er Nivel") esta="Not Applicable 3st Level";
                    else if(ticketPlay[i].status2=="No Procede 2do Nivel") esta="Not Applicable 2nd Level";
                    else if(ticketPlay[i].status2=="No Procede 1er Nivel") esta="Not Applicable 1st Level";                    
                    else if(ticketPlay[i].status2=="No Procede Sourcing") esta="Not Applicable Sourcing";     
                    else esta=ticketPlay[i].status2;
                    
                    clone.find('#estadoItem').val(esta);
                    clone.find('#POCorrectivo').val(ticketPlay[i].po);
                    clone.find('#GRCorrectivo').val(ticketPlay[i].gr);
                    
                    if (( ticketPlay[i].status2=="Validado 3er Nivel" || ticketPlay[i].status2=="Ready to Start" ||
                        ticketPlay[i].status2=="Ejecutado" ) && (ticketPlay[i].po=="" || ticketPlay[i].po==null)){
                        clone.find('#POCorrectivo').attr('readonly', false);
                    }
                    if (ticketPlay[i].status2=="Ejecutado" && ticketPlay[i].po!="" && ticketPlay[i].po!=null){
                        clone.find('#GRCorrectivo').attr('readonly', false);
                    }
                    
                    var precioDef;
                    if (ticketPlay[i].precio==null)
                        precioDef = ticketPlay[i].precioBase;
                    else
                        precioDef = ticketPlay[i].precio;

                    {%if is_granted ('ROLE_MS_CORRECTIVO_ADMIN') == false %}
                         clone.find('#PrecioCorrectivo').attr('readonly', true);
                    {%endif%}
                    //clone.find('#PrecioCorrectivo').attr('readonly', true);
                    clone.find('#CostoCorrectivo2').attr('readonly', true);

                    clone.find('#PrecioCorrectivo').val(precioDef.toFixed(2));
                    clone.find('#TotalCorrectivo').val((parseFloat(precioDef) * parseInt(ticketPlay[i].cantidad)).toFixed(2));
                    

                    {% if is_granted ('ROLE_CONTROL_RSC') %}
                        clone.find('#PrecioCorrectivo').attr('readonly', true);
                        clone.find('#CostoCorrectivo2').val('N/A');
                        clone.find('#CostoCorrectivo2').attr('readonly', true);
                        clone.find('#TotalCorrectivo').val('N/A');
                        clone.find('#TotalCorrectivo').attr('readonly', true);
                    {% endif %}

                    clone.find('#CostoCorrectivo').val(ticketPlay[i].costo);
                    clone.find('#tipoCorrectivo').val(ticketPlay[i].tipo);
                    clone.find('#estadoItem').val(esta);
                     
                    if (ticketPlay[i].resp==18561) {
                        var descripcioReps;
                        if (ticketPlay[i].ItemAdicional==null || ticketPlay[i].ItemAdicional=="")
                            descripcioReps=ticketPlay[i].ITEM;
                        else descripcioReps = ticketPlay[i].ItemAdicional;   

                         clone.find('#repuestoLpuCorrectivo').val(descripcioReps);
                         clone.find('#repuestoLpuCorrectivo').removeAttr('readonly'); 
                    }else clone.find('#repuestoLpuCorrectivo').val(ticketPlay[i].ITEM);                         
                    // clone.find('#itemLpuCorrectivo').attr('disabled', true);
                    {% if is_granted ('ROLE_ADDITIONAL') %}     
                        //alert(ticketPlay[i].status2);
                        if (ticketPlay[i].status2=="Rechazado 1er Nivel" || ticketPlay[i].status2=="Rechazado 2do Nivel" || ticketPlay[i].status2=="Rechazado 3er Nivel" || ticketPlay[i].status2=="Rechazado Sourcing" || ticketPlay[i].status2==null || ticketPlay[i].status2==""){
                                clone.append('<label>&nbsp;</label><div class="col-lg-1"><a href="' + '{{ path('ticketrepuesto_delete') }}' + '?id=' + ticketPlay[i].id + '" class="btn btn-danger fa fa-trash trash delete"></a></div>');
                                clone.find('#itemLpuCorrectivo').attr('readonly', false);
                                clone.find('#cantidadCorrectivo').attr('readonly', false);
                                clone.find('#PrecioCorrectivo').attr('readonly', false);
                                clone.find('#itemCausa').attr('readonly', false);                                
                        }else{ //alert("aca");
                            clone.find('#itemLpuCorrectivo').attr('readonly', true);
                            clone.find('#repuestoLpuCorrectivo').attr('readonly', true);
                            clone.find('#cantidadCorrectivo').attr('readonly', true);
                            clone.find('#PrecioCorrectivo').attr('readonly', true);
                            clone.find('#itemCausa').attr('readonly', true);
                        }
                    {% endif %}                    
                    clone.appendTo("#repuestosLpuCorrectivoContainer");

                 }
                 setTimeout(function(){ readOnlyFirstElment(); }, 2000);
             });
             /* cargar repuestos cargados*/    
            $('#'+id+'Modal').modal();            
            
        });
        function readOnlyFirstElment(){
        /*
            $('select[name="itemLpuCorrectivo[]"]').attr('readonly',false);
            $('input[name="cantidadCorrectivo[]"]').attr('readonly',false);
            $('input[name="PrecioCorrectivo[]"]').attr('readonly',false);
            $('select[name="itemCausa[]"]').attr('readonly',false);
         */
            //todos los elementos de la primera fila readonly
            $('select[name="itemLpuCorrectivo[]"]').first().attr('readonly',true);
            $('input[name="cantidadCorrectivo[]"]').first().attr('readonly',true);
            $('input[name="PrecioCorrectivo[]"]').first().attr('readonly',true);
            $('select[name="itemCausa[]"]').first().attr('readonly',true);
            //fin todos los elementos de la primera fila readonly
        }
        $("#CostoCorrectivo2").change(function(){
          {%if is_granted ('ROLE_ASP_NESITELPA') or is_granted('ROLE_ASP_ERICSSON') or is_granted('ROLE_ASP_ZAKKAI') or is_granted('ROLE_CONTROL_ASP')%}

          {%else%}
              var t=$(this).closest(".row");
              var item = t.find('select#itemLpuCorrectivo').val();
              if (item==18561) {
                {% if idproyectos == 57 %}
                var costo = t.find('input#CostoCorrectivo2').val();
                var precio = parseFloat(costo) + parseFloat(costo*45/100);
                t.find('input#PrecioCorrectivo').val(parseFloat(precio).toFixed(2));

                var cantidad = t.find('input#cantidadCorrectivo').val();
                var total = cantidad * parseFloat(precio);
                t.find('input#TotalCorrectivo').val(parseFloat(total));

                  {% elseif idproyectos == 35 %}

                  var costo = t.find('input#CostoCorrectivo2').val();
                  var precio = parseFloat(costo) + parseFloat(costo*40/100);
                  t.find('input#PrecioCorrectivo').val(parseFloat(precio).toFixed(2));

                  var cantidad = t.find('input#cantidadCorrectivo').val();
                  var total = cantidad * parseFloat(precio);
                  t.find('input#TotalCorrectivo').val(parseFloat(total).toFixed(2));

                  {%endif%}

          }
          {%endif%}
        });
        $("#itemCausa").change(function(){
            var t = $(this).closest(".row");
            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('additional_buscarCausa',{'idproyectos':idproyectos})}}",
                data: {'causa':$(this).val()}
            }).done(function (data) {
                t.find('input#itemOfensor').val(data.descripcion);
                t.find('input#itemOfensorId').val(data.id);
            });
        });
        $("#itemLpuCorrectivo").change(function(){
            var t=$(this).closest(".row");
           //console.log(t);

           //console.log(idproyectos);
           //console.log($(this).val());
           if ($(this).val()==18561) t.find('textarea#repuestoLpuCorrectivo').removeAttr('readonly');
           else    t.find('textarea#repuestoLpuCorrectivo').attr('readonly','readonly');

            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('proyectorepuesto_getCostoxItemLPU',{'idproyectos':idproyectos})}}?idrepuesto="+ $(this).val(),
                data: {}
            }).done(function (data) {
                t.find('input#CostoCorrectivo').val(parseFloat(data.costo));
                {% if idproyectos ==57 or idproyectos ==35 or idproyectos ==30 or idproyectos ==32 or idproyectos ==36 or idproyectos ==37%}t.find('#CostoCorrectivo2').val(parseFloat(data.costo)); {%endif%}
                t.find('input#PrecioCorrectivo').val(parseFloat(data.precio));
                t.find('textarea#repuestoLpuCorrectivo').val(data.resp);
                t.find('textarea#codigoSap').val(data.sap);
              //console.log(t.find('input#CostoCorrectivo'));

                var cantidad = t.find('input#cantidadCorrectivo').val();
                var total = cantidad * parseFloat(data);
                t.find('input#TotalCorrectivo').val(parseFloat(total).toFixed(2));

                {% if is_granted ('ROLE_ASP_NESITELPA') or is_granted('ROLE_ASP_ERICSSON') or is_granted('ROLE_ASP_ZAKKAI') or is_granted('ROLE_CONTROL_ASP')%}
                var cantidad = t.find('input#cantidadCorrectivo').val();
                var costo = t.find('input#CostoCorrectivo2').val();
                var total = cantidad * parseFloat(costo);
                t.find('input#TotalCorrectivo').val(parseFloat(total).toFixed(2));

                {%endif%}

                //console.log(t.find('input#TotalCorrectivo'))

            });

        });

        $("#tipoClasificacion").change(function(){
            var t=$(this).closest(".row");
           //console.log(t);

            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('proyectorepuesto_getItemsxClaificacion',{'idproyectos':idproyectos})}}?clasificacion="+ $(this).val(),
                data: {}
            }).done(function (data) {
                 for(var i=0; i< data.length;i++) {
                        t.find('select#itemLpuCorrectivo').append($("<option/>", {
                            value: data[i]['id'],
                            text: data[i]['codigo']
                        }));
                 }
                //console.log(data)

            });

        });

        $("#cantidadCorrectivo").keyup(function(){
            var t=$(this);
            var precio = t.closest(".row").find('input#PrecioCorrectivo').val();
            var total = $(this).val() * precio;
            t.closest(".row").find('input#TotalCorrectivo').val(parseFloat(total).toFixed(2));
        });

        $("#PrecioCorrectivo").keyup(function(){
            var t=$(this);
            var precio = t.closest(".row").find('input#cantidadCorrectivo').val();
            var total = $(this).val() * precio;
            t.closest(".row").find('input#TotalCorrectivo').val(parseFloat(total).toFixed(2));
        });

         {% if is_granted ('ROLE_ASP_NESITELPA') or is_granted('ROLE_ASP_ERICSSON') or is_granted('ROLE_ASP_ZAKKAI') or is_granted('ROLE_CONTROL_ASP') %}
        $("#cantidadCorrectivo").keyup(function(){
            var t=$(this);
            var costo = t.closest(".row").find('input#CostoCorrectivo2').val();
            var total = $(this).val() * costo;
            t.closest(".row").find('input#TotalCorrectivo').val(parseFloat(total));
        });

        $("#CostoCorrectivo2").keyup(function(){
            var t=$(this);
            var costo = t.closest(".row").find('input#cantidadCorrectivo').val();
            var total = $(this).val() * costo;
            t.closest(".row").find('input#TotalCorrectivo').val(parseFloat(total));
        });
        {%endif%}

        $('#saveEntregables').click(function(){

            $("#entregablesForm").ajaxSubmit({
                beforeSubmit: function (formData, jqForm, options) {
                    // $("#cargar").show();
                },
                error: function (error) {

                    //$("#cargar").hide();
                    swal(error.statusText, "Please Contact The Administrator Sever", "error");
                },
                success: function (responseText, statusText, xhr, $form) {

                    swal({title: "{{'ticketDetail.alert.deliverables' | trans}}", text: "", type: "success"},
                            function () {
                                $('#myModalEntregables').modal('hide');
                            });
                }
            });
            return false;
        });

        /*      $('#saveRepuesto').click(function(){
         alert("llego");

         $("#repuestoForm").ajaxSubmit({
         beforeSubmit: function (formData, jqForm, options) {

         // $("#cargar").show();
         },
         error: function (error) {

         //$("#cargar").hide();
         swal(error.statusText, "Please Contact The Administrator Sever", "error");
         },
         success: function (responseText, statusText, xhr, $form) {
         swal({title: "Repuesto", text: "", type: "success"},
         function () {
         $('.repuestoModal').modal('hide');
         $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'});
         });
         }
         });
         return false;
         });
         */
        $("#savePlan").click(function(){

            $("#estadosPlan option:selected").map(function(i, act){

                var plantilla = "";
                var text = act.text;
                //var valueEstado  = act.val;
                var tiempoPlan = $("#tiempoPlan").val();
                plantilla += "Se Inicia la Actividad #" + act.value +" ";
                plantilla += text;
                //plantilla += " Se llamara en ";
                //plantilla += tiempoPlan;

                $("#textComent").val(plantilla);

                $('#myModal').modal('hide');

                $("#btnAgregarComentario").trigger( "click" );
            });

        });

        $("#saveCorrectivo").click(function(){
            //VALIDAR QUE TODOS LOS CAMPOS TENGAN VALORES
            var campos_blanco = false;
            $('#correctivo select[name="itemLpuCorrectivo[]"],input[name="cantidadCorrectivo[]"],textarea[name="repuestoLpuCorrectivo[]"],select[name="itemCausa[]"]').each(
                function(index){
                    if (index>7){  
                        var input = $(this);
                        if (input.val()=="" || input.val()=="0"){                        
                            campos_blanco = true;                     
                        }
                    } 
                }
            )
 
            if ($("#emailCorrectivo").val()=="" || campos_blanco){
                swal("Error!", "You must enter the email", "error");  
            }
            else{
                $("#correctivoForm").ajaxSubmit({
                    beforeSubmit: function (formData, jqForm, options) {
                        $("#saveCorrectivo").after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
                        $("#saveCorrectivo").attr('disabled',true);

                    },
                    error: function (error) {

                        $(".loading").hide();
                        swal(error.statusText, "Please Contact The Administrator Sever", "error");
                    },
                    success: function (responseText, statusText, xhr, $form) {
                        $("#saveCorrectivo").attr('disabled',false);
                        
                        $(".loading").hide();
                        swal({title: "{{'ticketDetail.alert.email' | trans}}", text: "", type: "success"},
                                function () {
                                    $('#lpuCorrectivoModal').modal('hide');
                                    $("#saveCorrectivo").attr('disabled',false);
                                    $("#emailCorrectivo").val("");
                                    $("#emailCcCorrectivo").val("");
                                    $('#comentarioRepuestoCorrectivo').val('');
                                });
                        $('#lpuCorrectivoModal').modal('hide');
                        $("#saveCorrectivo").attr('disabled',false);
                        $("#emailCorrectivo").val("");
                        $("#emailCcCorrectivo").val("");
                        $('#comentarioRepuestoCorrectivo').val('');
                        $('#consultarAsignaciones').load('{{path("consultarAsignaciones",{'idproyectos':idproyectos,'idticket':idticket})}}');
                        $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'});
                        
                    }
                });
                location.reload();
                return false;
            }

        });
        
        $("#saveCorrectivoPlanner").click(function(){
            $("#correctivoForm").ajaxSubmit({
                beforeSubmit: function (formData, jqForm, options) {
                    $("#saveCorrectivoPlanner").after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
                    $("#saveCorrectivoPlanner").attr('disabled',true);

                },
                error: function (error) {

                    $(".loading").hide();
                    swal(error.statusText, "Please Contact The Administrator Sever", "error");
                },
                success: function (responseText, statusText, xhr, $form) {
                    $("#saveCorrectivoPlanner").attr('disabled',false);
                    
                    $(".loading").hide();
                    swal({title: "{{'ticketDetail.alert.emailPlanner' | trans}}", text: "", type: "success"},
                            function () {
                                $('#lpuCorrectivoModal').modal('hide');
                                $("#saveCorrectivoPlanner").attr('disabled',false);
                                $("#emailCorrectivo").val("");
                                $("#emailCcCorrectivo").val("");
                                $('#comentarioRepuestoCorrectivo').val('');
                            });
                    $('#lpuCorrectivoModal').modal('hide');
                    $("#saveCorrectivoPlanner").attr('disabled',false);
                    $("#emailCorrectivo").val("");
                    $("#emailCcCorrectivo").val("");
                    $('#comentarioRepuestoCorrectivo').val('');
                    $('#consultarAsignaciones').load('{{path("consultarAsignaciones",{'idproyectos':idproyectos,'idticket':idticket})}}');
                    $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'});
                    
                }
            });
            location.reload();
            return false;

        });        

        $(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' });
        $('.datetimepicker').datetimepicker();

        $("#timePicker").datetimepicker({
            format: 'LT'
        });

        $("#_actIni").click(function(){

            $.getJSON('{{path('getEstadosPadres',{'idproyectos':idproyectos,'idproceso':idproceso})}}', function (data) {
                var estados = data;

                $("#estadosPlan option:last").attr('selected','selected');
                $('#estadosPlan > option[value]').filter("[value!='"+estados[0]+"']").show();
                $('#estadosPlan > option[value]').filter("[value='27'],[value='1']").hide();
                for(var i = 0; i< estados.length;i++){
                        $("#estadosPlan option[value='"+estados[i]+"']").hide();
                }
            });
/*
            $("#estadosPlan option[value='103']").hide();
            $("#estadosPlan option[value='104']").hide();
            $("#estadosPlan option[value='105']").hide();
            $("#estadosPlan option[value='102']").hide();
            $("#estadosPlan option[value='27']").hide();
            $("#estadosPlan option[value='134']").hide();
            $("#estadosPlan option[value='1466']").hide();
            $("#estadosPlan option[value='41']").hide();
            $("#estadosPlan option[value='1467']").hide();
            $("#estadosPlan option[value='1468']").hide();
            $("#estadosPlan option[value='1469']").hide();
            $("#estadosPlan option[value='1470']").hide();
            $("#estadosPlan option[value='1471']").hide();
            $("#estadosPlan option[value='1836']").hide();
            $("#estadosPlan option[value='1837']").hide();
            $("#estadosPlan option[value='1838']").hide();
            $("#estadosPlan option[value='51']").hide();
            $("#estadosPlan option[value='1839']").hide();
            $("#estadosPlan option[value='1473']").hide();
            $("#estadosPlan option[value='1799']").hide();
            $("#estadosPlan option[value='1800']").hide();
            $("#estadosPlan option[value='1801']").hide();
            $("#estadosPlan option[value='1802']").hide();
            $("#estadosPlan option[value='1803']").hidE();
            {% if is_granted('ROLE_PUERTO_RICO') %}
            $("#estadosPlan option[value='183']").hide();
            $("#estadosPlan option[value='184']").hide();
            $("#estadosPlan option[value='472']").hide();
            {%endif%}
*/
            $('#estadosPlan > option').each(function () {
                {#console.log($(this))#}
                if ( $(this).css('display') != 'none' && !$(this).is(':disabled') ) {
                    $(this).prop("selected", true);
                    return false;
                }
            });

        });

        /* ABRIR VENTANAS DE CAMBIO DE ACTIVIDADES O ESTATUS */
        $(".openDialogStatus").click(function() {

            {% if is_granted('ROLE_COORDINADOR') %}

            var boton  = $(this).attr("id");

            //var status = ['103','103','104','105','102','27','134','41','183','184','472', '134','1466','1467','1468','1469','1470','1471','1836','1837','1838','51','1839','1472','1473','1799','1800','1801','1802','1803'];

             $.getJSON('{{path('getEstadosPadres',{'idproyectos':idproyectos,'idproceso':idproceso})}}', function (data) {
                var status = data;

                    if (boton == 'actividad') {
                        $("#multiActivityText").show();
                        $("#multiActivity").closest('.checkbox').show();
                        $("#idEstadoNuevo option:last").attr('selected','selected');
                        $("#idEstadoNuevo option[value!='"+status[0]+"']").show();
                        $('#idEstadoNuevo > option[value]').filter("[value='27'],[value='1']").hide();

                        for(var i = 0; i< status.length;i++){
                            $("#idEstadoNuevo option[value='"+status[i]+"']").hide();
                        }
                      /*
                        $('#idEstadoNuevo > option[value]').filter("[value='103'],[value='104'],[value='105'],[value='102'],[value='27'],[value='134'],[value='41'],[value='1466'],[value='1467'],[value='1468'],[value='1469'],[value='1470'],[value='1836'],[value='1837'],[value='1838'],[value='1471'],[value='51'],[value='1839'],[value='1472'],[value='1473'],[value='1799'],[value='1800'],[value='1801'],[value='1802'],[value='1803']").hide();
                        {% if is_granted('ROLE_PUERTO_RICO') %}
                        $('#idEstadoNuevo > option[value]').filter("[value='183'],[value='184'],[value='472']").hide();
                        {% endif %}
                       */
                        $("#idEstadoNuevo > option").each(function() {

                            if ( $.inArray( $(this).val(), status == -1 ) && !$(this).is(':visible') ) {
                                $("#idEstadoNuevo").val($(this).val());
                                return false;
                            }
                        });
                    } else {
                        $("#multiActivityText").hide();
                        $("#multiActivity").closest('.checkbox').hide();
                        $("#idEstadoNuevo option[value='"+status[0]+"']").attr('selected','selected');
                        $('#idEstadoNuevo > option[value]').filter("[value='27'],[value='1'],[value!='103']").hide();
                        for(var i = 0; i< status.length;i++){
                            $("#idEstadoNuevo option[value='"+status[i]+"']").show();
                        }

                      /*  $('#idEstadoNuevo > option[value]').filter("[value='27'],[value!='103']").hide();
                        $('#idEstadoNuevo > option[value]').filter("[value='103'],[value='104'],[value='102'],[value='134'],[value='41'],[value='1466'],[value='1467'],[value='1468'],[value='1469'],[value='1470'],[value='51'],[value='1839'],[value='1836'],[value='1837'],[value='1838'],[value='1471'],[value='1472'],[value='1473'],[value='1799'],[value='1800'],[value='1801'],[value='1802'],[value='1803']").show();
                        {% if is_granted('ROLE_PUERTO_RICO') %}
                        $('#idEstadoNuevo > option[value]').filter("[value='183'],[value='184'],[value='472']").show();
                        {% endif %}*/
                    }
            });

            {% endif %}

            $('#modalStatus').modal();
        });

        /* CERRAR MODAL STATUS */
        $("#modalStatus").on('hidden.bs.modal', function() {
            $('#textComent2').val('');
            $("#idEstadoNuevo").removeAttr('multiple size');
            $("#multiActivity").prop( "checked", false );
        });

        /* ACCION CHANGE STATUS */
        $('#statusChangeBtn').click(function() {
            textComent    = $('#textComent2').val();
            idEstadoNuevo = $('#idEstadoNuevo').val();

            $.ajax({
            type: "POST",
            async: true,
            url: "{{path('additional_cambiarEstadoTicket',{'idproyectos':idproyectos})}}",
            data:{
                $comentario: textComent,
                $idticket: '{{idticket}}',
                $idestado: idEstadoNuevo,
            }
           }).done(function(msj) {
            if (msj == 'bien') {

                $('#btnCambiarEstado').removeAttr('disabled');
                $('#textComent2').val('');
                $('#modalMensaje').modal('hide');
                $('#cargar').css('display','');
                location.reload();
            } else if (msj == 'proceso') {

                window.open("{{path('procesoWebRun',{'idproyectos':idproyectos,  'idticket':idticket})}}?idestados="+idEstadoNuevo);
                location.reload();
            } else if (msj != 'bien') {

                $('#btnCambiarEstado').removeAttr('disabled');
                $('#modalMensaje').modal('hide');
                $('#datosCerrarTicket').load("{{path('cargarVentana',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}', $proceso:msj });
            }
        });
                
            $('#modalStatus').modal('hide');

            $('#modalMensaje .modal-body p').text(textComent ? '{{'ticketDetail.status.confirm' | trans}}' : '{{'ticketDetail.status.message' | trans}}');
            $('#modalMensaje').modal();
        });

        /* BOTON CONTINUAR */
        $('#statusContinueBtn').click(function() {

            if ($(this).data('textComent')) {

                $.ajax({
                    type: "POST",
                    async: true,
                    url: "{{path('cambiarEstadoTicket',{'idproyectos':idproyectos})}}",
                    data:{
                        $comentario: textComent,
                        $idticket: '{{idticket}}',
                        $idestado: idEstadoNuevo,
                        $idsubestado: idsubestado,
                        $idpendiente: idpendiente
                    }
                }).done(function(msj) {
                    if (msj == 'bien') {

                        $('#btnCambiarEstado').removeAttr('disabled');
                        $('#textComent2').val('');
                        $('#modalMensaje').modal('hide');
                        $('#cargar').css('display','');
                        location.reload();
                    } else if (msj == 'proceso') {

                        window.open("{{path('procesoWebRun',{'idproyectos':idproyectos,  'idticket':idticket})}}?idestados="+idEstadoNuevo);
                        location.reload();
                    } else if (msj != 'bien') {

                        $('#btnCambiarEstado').removeAttr('disabled');
                        $('#modalMensaje').modal('hide');
                        $('#datosCerrarTicket').load("{{path('cargarVentana',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}', $proceso:msj });
                    }
                });
            } else {

                $.ajax({
                    type: "POST",
                    async: true,
                    url: "{{path('cambiarEstadoTicket',{'idproyectos':idproyectos})}}",
                    data:{
                        $comentario: textComent,
                        $idticket: '{{idticket}}',
                        $idestado: idEstadoNuevo,
                        $idsubestado: idsubestado,
                        $idpendiente: idpendiente
                    }
                }).done(function(msj){
                    if (msj == 'bien') {

                        $('#textComent2').val('');
                        $('#modalMensaje').modal('hide');
                        $('#cargar').css('display','');
                        location.reload();
                    } else if (msj == 'proceso') {

                        window.open("{{path('procesoWebRun',{'idproyectos':idproyectos,  'idticket':idticket})}}?idestados="+idEstadoNuevo);
                        location.reload();
                    } else if (msj != 'bien' ) {

                        $('#modalMensaje').modal('hide');
                        $('#datosCerrarTicket').load("{{path('cargarVentana',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}', $proceso:msj});
                    }
                });
            }
        });


        $('[data-toggle="tabajax"]').click(function(e) {
            var $this = $(this),
                    loadurl = $this.attr('href'),
                    targ = $this.attr('data-target');


            $this.tab('show');
            return false;
        });

        $("#divComent").tab('show');
        var availableTags=[];
        {% for usuario  in usuarios %}
        availableTags.push(
                {
                    value:"{{usuario.nombre}}",
                    label:"{{usuario.departamento}} - {{usuario.nombre}}",
                    idDpto:"{{usuario.iddepartamento}}",
                    idUser: "{{usuario.idUser}}"
                }
        );
        {% endfor%}


        $( "#findUser" ).autocomplete({
            minLength: 0,
            source: availableTags,
            focus: function( event, ui ) {
                $( "#findUser" ).val( ui.item.label );
                /*$( "#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 ) {
                $( "#findUser" ).val( '' );
                $("#idUserAsignada option[value='"+ui.item.idUser+"']").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;
            }
        });
        $('#btnAsignarPersona').click(function(){
            $('#btnAsignarPersona').attr('disabled','true');
            $('#cargar').css('display','');
            idUserAsignada = $('#idUserAsignada').val();
            iddepartamento = $('#idUserAsignada option:selected').attr('iddepartamento');
            comentarioAsignacion = $('#comentarioAsignacion').val();
            $.ajax({
                type:"POST",
                async:true,
                url:"{{path('asignarTicket',{'idproyectos':idproyectos})}}",
                data:{$idUserAsignada:idUserAsignada, $idticket:{{idticket}}, $iddepartamento:iddepartamento,$comentarioAsignacion:comentarioAsignacion}
            }).done(function(msj){
                $('#cargar').css('display','');
                $('#comentarioAsignacion').val('');
                $('#comentarioAsignacion').text('');
                $('#btnAsignarPersona').removeAttr('disabled');
                $('#consultarAsignaciones').load('{{path("consultarAsignaciones",{'idproyectos':idproyectos,'idticket':idticket})}}');
                $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'});
            });

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


        $('#btnAgregarComentario').click(function(){
            if($("#sendEmail").is(":checked")){

                {%if is_granted("ROLE_PUERTO_RICO")%}
                $("#comentarioDoc").val($("#textComent").val());

                $("#myModalComentarioCSR").modal('show');
                {%else%}
                $("#myModalComentario").modal('show');

                {%endif%}
            }else{

                comentario = $('#textComent').val();

                if(comentario){
                    $('#_loading').show();
                    $('#btnAgregarComentario').attr('disabled','true');
                    $('#cargar').css('display','');
                    $.ajax({
                        type:"POST",
                        async:true,
                        url:"{{path('addComentarioTicket',{'idproyectos':idproyectos})}}",
                        data:{$comentario:comentario, $idticket:'{{idticket}}'}
                    }).done(function(msj){
                        $('#btnAgregarComentario').removeAttr('disabled');
                        $('#textComent').val('');
                        $('#textComent').text('');
                        $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'}, function(response,status,xhr){ $('#_loading').hide(); } );
                        $("#divEscalamientoBody").load("{{path('verEscalamientoTicket',{"idproyectos":idproyectos,'idticket':idticket}) }}");
                    });
                }
            }
        });
        function validateEmail(email)
        {
            var re = /\S+@\S+\.\S+/;
            return re.test(email);
        }

        $("#emailAdd").click(function(){

            var selectEmail = $("#emailSelect").val();
            var emailNuevo = $("#emailNuevo").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevo").val("");
            return false;

        });

        $("#emailAddCorrectivo").click(function(){

            var selectEmail = $("#emailSelectCorrectivo").val();
            var emailNuevo = $("#emailNuevoCorrectivo").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevoCorrectivo").val("");
            return false;

        });

        $("#emailAddanticipo").click(function(){

            var selectEmail = $("#emailSelectanticipo").val();
            var emailNuevo = $("#emailNuevoanticipo").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevoanticipo").val("");
            return false;

        });





        $("#emailAdd2").click(function(){

            var selectEmail = $("#emailSelect2").val();
            var emailNuevo = $("#emailNuevo2").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevo2").val("");
            return false;

        });

        $("#emailAdd3").click(function(){

            var selectEmail = $("#emailSelect3").val();
            var emailNuevo = $("#emailNuevo3").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevo3").val("");
            return false;

        });
        $("#emailAdd5").click(function(){

            var selectEmail = $("#emailSelect5").val();
            var emailNuevo = $("#emailNuevo5").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevo5").val("");
            return false;

        });

        $("#emailAddCot").click(function(){

            var selectEmail = $("#emailSelectCot3").val();
            var emailNuevo = $("#emailNuevoCot3").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevoCot3").val("");
            return false;

        });

        //************************************************************//
                   // Agregar email en quotitación
        $("#emailAddquotation").click(function(){

            var selectEmail = $("#emailSelectQuo3").val();
            var emailNuevo = $("#emailNuevoquotation").val();
            var coma = ',';
            if($("#" + selectEmail).val() == ""){

                coma = '';
            }

            if(validateEmail(emailNuevo) && emailNuevo != ""){

                $("#" + selectEmail).val($("#" + selectEmail).val() + coma + emailNuevo);
            }

            $("#emailNuevoquotation").val("");
            return false;

        });
        //**************************************************************//

        $("#saveDocumentacion").click(function(){

            $("#formDocumentacion").ajaxSubmit({
                beforeSubmit: function (formData, jqForm, options) {
                    $("#saveDocumentacion").after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
                    $("#saveDocumentacion").attr('disabled',true);
                    var valid  = new Array('email')

                    for(var i = 0; i< formData.length;i++){

                        for(var j=0;j<valid.length;j++){

                            if(formData[i].name == valid[j]){

                                if(formData[i].value == ""){

                                    return false;
                                }
                            }
                        }
                    }

                    var idticket = {
                        name: '$idticket',
                        required: true,
                        type: "text",
                        value: '{{idticket}}'
                    };
                    var comentario = {
                        name: '$comentario',
                        required: true,
                        type: "text",
                        value: $('#textComent').val()
                    };
                    var isEscalamiento = {
                        name: 'escalamiento',
                        required: true,
                        type: "text",
                        value: 0
                    };
                    formData.push(idticket);
                    formData.push(comentario);
                    formData.push(isEscalamiento);

                },
                error: function (error) {

                    $(".loading").hide();
                    swal(error.statusText, "Please Contact The Administrator Sever", "error");
                },
                success: function (responseText, statusText, xhr, $form) {
                    $("#saveDocumentacion").attr('disabled',false);
                    $(".loading").hide();
                    swal({title: "{{'ticketDetail.alert.email' | trans}}", text: "", type: "success"},
                            function () {
                                $('#myModalComentario').modal('hide');
                                $("#email").val("");
                                $("#emailCc").val("");

                            });
                    $('#textComent').val('');
                    $('#textComent').text('');
                    $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'});

                }
            });
            return false;


        });

        $("#saveDocumentacion2").click(function(){

            var t = $(this);

            if ($('#comentarioDoc').val() == '') {
                swal('Error', "{{'modalDoc.alert' | trans}}", "error");
                return false;
            }

            if ($('#email2').val() == '') {
                swal('Error', "{{'modalDoc.alert2' | trans}}", "error");
                return false;
            }

            $("#formDocumentacion2").ajaxSubmit({
                beforeSubmit: function (formData, jqForm, options) {

                    t.after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />').attr('disabled',true);

                    var valid  = ['email2'];

                    for(var i = 0; i< formData.length;i++){

                        for(var j=0;j<valid.length;j++){

                            if(formData[i].name == valid[j]){

                                if(formData[i].value == ""){

                                    return false;
                                }
                            }
                        }
                    }

                    var comentarioCompleto = "",
                            datosEscalamiento = "",
                            responsable = $('#responsable').val(),
                            causa = $('#causas1').val(),
                            niveles = $('#niveles').val(),
                            criticidad = $('#criticidad').val();

                    if ($('#responsable').val()!= '' )
                        comentarioCompleto = responsable+"|"+causa+"|"+$('#comentarioDoc').val();
                    else
                        comentarioCompleto = $('#comentarioDoc').val();

                    if ($("#escalamiento").is(':checked') == true ){
                        datosEscalamiento = 1+'|'+niveles+'|'+criticidad;


                    }else{
                        datosEscalamiento = 0;
                        comentarioCompleto = comentarioCompleto + " *ENVIADO POR CORREO a: "+$("#email2").val()+", "+$("#emailCc2").val();
                    }

                    var idticket = {
                                name: '$idticket',
                                required: true,
                                type: "text",
                                value: '{{idticket}}'
                            },
                            comentario = {
                                name: '$comentario',
                                required: true,
                                type: "text",
                                value: comentarioCompleto
                            },
                            isEmail = {
                                name: 'isEmail',
                                required: true,
                                type: "text",
                                value: $("#sendEmail").is(':checked') ? 1 : 0
                            },
                            isEscalamiento = {
                                name: 'escalamiento',
                                required: true,
                                type: "text",
                                value: datosEscalamiento
                            };
                        var grupo = {
                            name: 'grupoRepuesto',
                            required: true,
                            type: "text",
                            value: $(".grupoRepuesto").val()
                        };
                    formData.push(idticket);
                    formData.push(comentario);
                    formData.push(isEmail);
                    formData.push(isEscalamiento);
                    formData.push(grupo);
                    if ($("#escalamiento").is(':checked') == true ) return existEscale(formData);
                },
                error: function (error) {

                    $(".loading").hide();
                    t.attr('disabled',false);
                    swal(error.statusText, "Please Contact The Administrator Sever", "error");
                },
                success: function (responseText, statusText, xhr, $form) {
                    t.attr('disabled',false);
                    $(".loading").hide();
                    swal({title: "{{'ticketDetail.alert.email' | trans}}", text: "", type: "success"},
                            function () {
                                $('#myModalComentarioCSR').modal('hide');
                            });
                    $('#textComent').val('');
                    $('#verComentarioTicket').load("{{path('verComentarioTicket',{'idproyectos':idproyectos})}}",{$idticket:'{{idticket}}'});
                    $("#divEscalamientoBody").load("{{path('verEscalamientoTicket',{"idproyectos":idproyectos,'idticket':idticket}) }}");
                }
            });

            return false;
        });
        function existEscale(formData){

            var flag = true;
            $.ajax({
                type: "GET",
                async: false,
                url: "{{ path('existEscalation',{'idticket':idticket}) }}",
                data: formData
            }).done(function (data) {

                //console.log(data[0].exist == 1);
                if(data[0].exist == 1){
                    $(".loading").hide();
                    $("#saveCausas").attr('disabled',false);
                    $("#saveDocumentacion2").attr('disabled',false);
                    flag = false;
                    swal('warning', "Ya existe una escalacion activa", "warning");
                    return false;

                }
            });


            return flag;
        }
        $("#myModalComentarioCSR").on('hidden.bs.modal', function() {

            $('#responsable,#causas1,#niveles,#criticidad,#comentarioDoc,#email2,#emailCc2,#emailNuevo2,#uploadFile').val('');
            $('.materiales').hide();
            $("#escalamiento").prop('checked', false);
        });

        $("#escalamiento").on( 'change', function() {
            if( $(this).is(':checked') ) {

                if ($('#responsable').val()!= '' ){
                    // Hacer algo si el checkbox ha sido seleccionado
                    // $('#Esc_mensaje').text('Se comenzará con el 1er nivel de escalación');
                    {% if idproyectos != 11 %}
                    $('#niveles').prop('disabled', false);
                    {% endif %}
                    $('#criticidad').prop('disabled', false);
                    //Quitar los email segun causa para incluir correos por escalamiento
                    $("#email2").val('');
                    $("#emailCc2").val('');

                    //Colocar correos de escalamiento
                    $.ajax({
                        type: "GET",
                        async: true,
                        url: "{{path('getEmailEscalamiento',{'idproyectos':idproyectos})}}?causas="+$("#causas1").val()+"&responsable="+$("#responsable").val()+"&criticidad="+$("#criticidad").val()+"&escalamiento="+$("#niveles").val()+ "&region={{ tickets[0]['idregion'] }}",
                        data: {}
                    }).done(function (data) {
                        $("#email2").val(data.email);
                        $("#emailCc2").val(data.emailCC);
                    });

                }else{
                    alert('{{'ticketDetail.modal.alert' | trans}}');
                    $("#escalamiento").prop("checked", "");
                    $('#niveles').prop('disabled', true);
                    $('#criticidad').prop('disabled', true);
                }

            } else {
                // Hacer algo si el checkbox ha sido deseleccionado
                $('#Esc_mensaje').text('');
                $('#niveles').prop('disabled', true);
                $('#criticidad').prop('disabled', true);

                //Quitar los email segun escalamiento para incluir correos por causa
                $("#email2").val('');
                $("#emailCc2").val('');
                //Colocar los email segun causa
                $.ajax({
                    type: "POST",
                    async: true,
                    url: "{{path('getEmailCausa',{'idproyectos':idproyectos,'idticket': idticket,'idEstado':0})}}",
                    data: {causas: $("#causas").val()}
                }).done(function (data) {
                    if (data.length >0){
                        $("#email2").val(data[0].email);
                        $("#emailCc2").val(data[0].emailCc);
                    }
                    $("#emailAdd").attr('disabled',true);

                });

            }
        });

        $("#idEstadoNuevo").live('change',function(){

            var elegido = $(this).val();

            $.ajax({
                type:"POST",
                async:true,
                url:"{{path('getSubEstadosxEstados',{'idproyectos':idproyectos})}}?actividad="+elegido,
                data:{}
            }).done(function(data){
                var data = data;
                $('#subEstados').find('option').remove()

                if (data.length>0){
                    for(var i = 0; i < data.length; i++) {
                        var select = '';

                        var id= data[i]['id'];
                        var valor=data[i]['descripcion'];
                        $('#subEstados').append('<option '+select+ ' value='+id+'>'+valor+'</option>');
                    }

                    $(".subEstados").show();
                }else{
                    var id= 0;
                    var valor='NADA';
                    $('#subEstados').append('<option '+select+ ' value='+id+'>'+valor+'</option>');
                    $(".subEstados").hide();
                }
            });
        });

// ********************************** PENDIENTES PR
        $("#subEstados").change(function(){

            var elegido = $(this).val();

            if (elegido==32){
                    $.ajax({
                        type:"POST",
                        async:true,
                        url:"{{path('getPendientesxCorregir',{'idproyectos':idproyectos})}}",
                        data:{}
                    }).done(function(data){
                        var data = data;
                        $('#pendientesPR').find('option').remove()
                        $('#pendientesPR').append('<option '+select+ ' value="">--- Seleccione ---</option>');
                        if (data.length>0){
                            for(var i = 0; i < data.length; i++) {
                                var select = '';

                                var id= data[i]['idpendiente'];
                                var valor=data[i]['pendiente'];
                                $('#pendientesPR').append('<option '+select+ ' value='+id+'>'+valor+'</option>');
                            }

                            $(".pendientesPR").show();
                        }
                    });
            }else{
                            var id= 0;
                            var valor='NADA';
                            $('#pendientesPR').append('<option '+select+ ' value='+id+'>'+valor+'</option>');
                            $(".pendientesPR").hide();
                        }

        });

       $("#pendientesPR").change(function(){

            var elegido = $(this).val();

            //if (elegido==32){
                    $.ajax({
                        type:"POST",
                        async:true,
                        url:"{{path('getDetallePendientes',{'idproyectos':idproyectos})}}?pendiente="+elegido,
                        data:{}
                    }).done(function(data){
                        var data = data;
                        if (data!=null){
                            $('#clasificacionPR').val(data[0]['clasificacion']);
                            $('#tipologiaPR').val(data[0]['tipologia']);
                            $('#DetallePR').val(data[0]['descripcion']);
                            $(".clasificacionPR").show();
                            $(".tipologiaPR").show();
                            $(".DetallePR").show();
                        }else{
                            $('#clasificacionPR').val("");
                            $('#tipologiaPR').val("");
                            $('#DescripcionPR').val("");
                            $(".clasificacionPR").hide();
                            $(".tipologiaPR").hide();
                            $(".DetallePR").hide();
                        }
                    });
           // }else{


              //  }

        });


// **********************************
        $("#criticidad").change(function(){
            //Colocar correos de escalamiento
            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('getEmailEscalamiento',{'idproyectos':idproyectos})}}?causas="+$("#causas1").val()+"&responsable="+$("#responsable").val()+"&criticidad="+$("#criticidad").val()+"&escalamiento="+$("#niveles").val()+"&region={{ tickets[0]['idregion'] }}",
                data: {}
            }).done(function (data) {
                $("#email2").val('');
                $("#emailCc2").val('');
                $("#email2").val(data.email);
                $("#emailCc2").val(data.emailCC);
            });

        });

        $("#escalamiento").change(function(){
            //Colocar correos de escalamiento
            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('getEmailEscalamiento',{'idproyectos':idproyectos})}}?causas="+$("#causas1").val()+"&responsable="+$("#responsable").val()+"&criticidad="+$("#criticidad").val()+"&escalamiento="+$("#niveles").val()+"&region={{ tickets[0]['idregion'] }}",
                data: {}
            }).done(function (data) {
                $("#email2").val('');
                $("#emailCc2").val('');
                $("#email2").val(data.email);
                $("#emailCc2").val(data.emailCC);
            });

        });

        $("#responsable").change(function () {
            $("#responsable option:selected").each(function () {
                var elegido=$(this).val();
                if (elegido!=''){
                    //Carga los niveles
                    $.ajax({
                        type:"POST",
                        async:true,
                        url:"{{path('getEscalamientoByResponsable',{'idproyectos':idproyectos})}}?responsable="+elegido,
                        data:{}
                    }).done(function(data){
                        var data = data;
                        $('#niveles').find('option').remove()

                        for(var i = 0; i < data.length; i++) {
                            var select = '';
                            if (i == 0){
                                select = "selected='selected'";
                            }

                            var id= data[i]['idescalamiento']['id'];
                            var valor=data[i]['idescalamiento']['descripcion'];
                            $('#niveles').append('<option '+select+ ' value='+id+'>'+valor+'</option>');
                        }
                    });

                    //Cargar Criticidad
                    $.ajax({
                        type:"POST",
                        async:true,
                        url:"{{path('getCriticidadByResponsable',{'idproyectos':idproyectos})}}?responsable="+elegido,
                        data:{}
                    }).done(function(data){
                        var data = data;
                        $('#criticidad').find('option').remove()

                        for(var i = 0; i < data.length; i++) {
                            var id= data[i]['id'];
                            var valor=data[i]['descripcion'];
                            var select = '';
                            if (valor == 'No Critica'){
                                select = "selected='selected'";
                            }

                            $('#criticidad').append('<option '+select+ ' value='+id+'>'+valor+'</option>');
                        }
                    });

                }else{
                    // Hacer algo si el checkbox ha sido deseleccionado
                    $('#Esc_mensaje').text('');
                    $('#criticidad').prop('disabled', true);
                    $('#niveles').prop('disabled', true);
                    $("#escalamiento").attr("checked", false);
                }
            });
        })

    });
    function oculta(tipo){
        $("#"+tipo+"Value").hide();
        $("#"+tipo+"Edit").show();
        $("#"+tipo+"Value2").hide();
        $("#"+tipo+"Edit2").show();
    }

function guarda(tipo, donde){
        var selectedValues = "";
        var cad = tipo.split("|"); // Conocer si hay Tipo SelectMultiple
        if (cad[1]=='selectMultiple'){
            tipo=cad[0];
            $("#"+tipo+"Input :selected").each(function(){
                selectedValues = selectedValues + "|" + $(this).val();
            });
        }else{
            selectedValues = $("#"+tipo+"Input").val();
        }
        $('#cargar').css('display','');
        if(tipo == 'idsitioID'){
            tipo = "idsitio";
        }
        $.ajax({
            type:"POST",
            async:true,
            url:"{{path('additional_editarTicketCampo',{'idproyectos':idproyectos})}}",
            data:{$valor:selectedValues, $idticket:'{{idticket}}',$donde:donde, $campo:tipo}
        }).done(function(msj){
            location.reload();
        });
    }

    function noGuarda(tipo, donde){
        $("#"+tipo+"Value").show();
        $("#"+tipo+"Edit").hide();

    }

        $(".removeEmail").live('click',function(){

            var  element = $(this).attr('target');

            var textEmail = $("#" + element);

            textEmail.val("");

            /*if(textEmail.val() != ""){

             if(textEmail.val().indexOf(",")=== -1){

             var option = new Array(textEmail.val());
             }else{

             var option = textEmail.val().split(",");

             }

             console.log(option);
             // var html = createCheckBox(option,'email[]',[]);



             }*/
            return false;
        });
        
    {% if is_granted('ROLE_COORDINADOR') %}


    var activities;
    $(function(){


        $.ajax({

            url : "{{ path('getPorcentaje',{'idproyectos':idproyectos,'idticket':idticket}) }}"


        }).done(function(data){
            porcentaje = data.porcentaje;
            $('.progress-bar').css('width', data.porcentaje + '%').attr('aria-valuenow',data.porcentaje ).text(data.porcentaje + '%');
            if(porcentaje >= 2.44){
                $("#checklist").attr('disabled',false);
            }

        });

        $.ajax({

            url : "{{ path('getActivities',{'idproyectos':idproyectos,'idticket':idticket}) }}"


        }).done(function(data){

            activities = data;
            disabledEstados(activities,true);
        });


        {#  $("#divFallasBody").load("{{path('ticketaspbrigadafalla_new',{"idproyectos":idproyectos,'idticket':idticket}) }}");#}
        $("#divEscalamientoBody").load("{{path('verEscalamientoTicket',{"idproyectos":idproyectos,'idticket':idticket}) }}");

        $.ajax({

            url : "{{ path('ticketaspbrigadafalla',{'idticket':idticket}) }}"


        }).done(function(data){

            //console.log(data);
        });
        $("#controlcasos_controlcasosbundle_ticketaspbrigadafalla_submit").live('click',function () {

            $('form[name="controlcasos_controlcasosbundle_ticketaspbrigadafalla"]').ajaxSubmit({
                beforeSubmit: function (formData, jqForm, options) {


                    $("#controlcasos_controlcasosbundle_ticketaspbrigadafalla_submit").attr('disabled',true);
                    $("#controlcasos_controlcasosbundle_ticketaspbrigadafalla_submit").after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
                },
                error: function (error) {

                    $(".loading").hide();
                    swal(error.statusText, "Please Contact The Administrator Sever", "error");
                },
                success: function (responseText, statusText, xhr, $form) {
                    $("#controlcasos_controlcasosbundle_ticketaspbrigadafalla_submit").attr('disabled',false);
                    $(".loading").hide();
                    swal({title: "Falla Guardada con Exito", text: "You clicked the button!", type: "success"},
                            function () {
                                window.location.href = '';
                            });


                }


            });

        });



        $("#causas").change(function(){
            if ($("#escalamiento").is(':checked') == false ){
                $.ajax({
                    type: "POST",
                    async: true,
                    url: "{{path('getEmailCausa',{'idproyectos':idproyectos,'idticket': idticket,'idEstado':0})}}",
                    data: {causas: $("#causas").val()}
                }).done(function (data) {
                    if (data.length >0){
                        $("#email2").val('');
                        $("#emailCc2").val('');
                        $("#email2").val(data[0].email);
                        $("#emailCc2").val(data[0].emailCc);

                    }

                    $("#emailAdd").attr('disabled',true);

                });

            }else{
                //Colocar correos de escalamiento
                $.ajax({
                    type: "GET",
                    async: true,
                    url: "{{path('getEmailEscalamiento',{'idproyectos':idproyectos})}}?causas="+$("#causas1").val()+"&responsable="+$("#responsable").val()+"&criticidad="+$("#criticidad").val()+"&escalamiento="+$("#niveles").val()+"&region={{ tickets[0]['idregion'] }}",
                    data: {}
                }).done(function (data) {
                    $("#email2").val('');
                    $("#emailCc2").val('');
                    $("#email2").val(data.email);
                    $("#emailCc2").val(data.emailCC);
                });
            }
        });
        $("#niveles").change(function(){
            //Quitar los email segun causa para incluir correos por escalamiento
            $("#email2").val('');
            $("#emailCc2").val('');
            //Colocar correos de escalamiento
            $.ajax({
                type: "GET",
                async: true,
                url: "{{path('getEmailEscalamiento',{'idproyectos':idproyectos})}}?causas="+$("#causas1").val()+"&responsable="+$("#responsable").val()+"&criticidad="+$("#criticidad").val()+"&escalamiento="+$("#niveles").val()+"&region={{ tickets[0]['idregion'] }}",
                data: {}
            }).done(function (data) {
                $("#email2").val(data.email);
                $("#emailCc2").val(data.emailCC);
            });
        });

        $('.ajaxChange').change(function () {

            var opc = {
                "url": $(this).attr('role-path'),
                "element": $(this).attr('element'),
                "data": $(this).val(),
                "key": $(this).attr("id"),
                "subelement": $(this).attr('subelement'),
                "subelementField": $(this).attr('subelementField')
            };

            var json = {};
            json[opc.key] = opc.data;

            $.ajax({
                url: opc.url,
                data: json,
                beforeSend: function () {

                    $("#" + opc.element).after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
                }


            }).done(function (data) {

                $("#" + opc.element).find('option:not("option[value=""]")').remove();
                $("#" + opc.subelement).find('option').remove();
                $(".loading").hide();
                var keys = Object.keys(data[0]);
                var id;
                var name;
                $.each(data, function (index, value) {


                    id = value.causa.id === undefined ? value[keys[0]] :value.causa.id ;
                    name = value.causa.descripcion === undefined ? value[keys[1]] : value.causa.descripcion;


                    $("#" + opc.element).append('<option value=' + "'" + id + "'" + '>' + name + '</option>');

                    if (opc.subelement !== undefined) {

                        $("#" + opc.subelement).append('<option value=' + "'" + value[opc.subelementField] + "'" + '>' + value[opc.subelementField] + '</option>');
                    }
                });
            });
        });

        $("#controlcasos_controlcasosbundle_ticketinfo_submit").live('click',function () {

            $('form[name="controlcasos_controlcasosbundle_ticketinfo"]').ajaxSubmit({
                beforeSubmit: function (formData, jqForm, options) {


                    $("#controlcasos_controlcasosbundle_ticketinfo_submit").attr('disabled',true);
                    $("#controlcasos_controlcasosbundle_ticketinfo_submit").after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
                },
                error: function (error) {

                    $(".loading").hide();
                    swal(error.statusText, "Please Contact The Administrator Sever", "error");
                },
                success: function (responseText, statusText, xhr, $form) {
                    $("#controlcasos_controlcasosbundle_ticketinfo_submit").attr('disabled',false);
                    $(".loading").hide();
                    swal({title: "Info Guardada con Exito", text: "You clicked the button!", type: "success"},
                            function () {

                            });


                }


            });
            return false;
        });

    });

    {% endif %}


    $('.ajaxChange2').live('change',function () {

        var opc = {
            "url": $(this).attr('role-path'),
            "element": $(this).attr('element'),
            "data": $(this).val(),
            "key": $(this).attr("id"),
            "subelement": $(this).attr('subelement'),
            "subelementField": $(this).attr('subelementField'),
            "tipo" : $(this).attr('tipo')
        };

        $("#tipoRepuesto").val(opc.tipo);

        //console.log(opc.key);
        var json = {};
        json[opc.key] = opc.data;
        json['tipo'] = opc.tipo;

        $.ajax({
            url: opc.url,
            data: json,
            beforeSend: function () {

                $("." + opc.element).last().after('<img class="loading" width="16" src="{{asset('loadings/spin.GIF')}}" />');
            }


        }).done(function (data) {
            //console.log($(this).find("." + opc.element));
            $("." + opc.element).last().find('option:not("option[value=""]")').remove();
            $("#" + opc.subelement).last().find('option').remove();

            $(".loading").hide();
            var keys = Object.keys(data[0]);
            var id;
            var name;
            $.each(data, function (index, value) {
                id = value.id === undefined ? value[keys[0]] : value.id;
                name = value.name === undefined ? value[keys[1]] : value.name;

                $("." + opc.element).last().append('<option value=' + "'" + id + "'" + '>' + name + '</option>');

                if (opc.subelement !== undefined) {

                    $("#" + opc.subelement).append('<option value=' + "'" + value[opc.subelementField] + "'" + '>' + value[opc.subelementField] + '</option>');

                }



            });


        });
    });

    $(".clone").live('click',function(){

        $("#" + $(this).attr('element')).clone().removeAttr('id').attr('class','row quitar').append(
                '<label>&nbsp;</label><div class="col-lg-2"><a href="#" class="btn btn-danger fa fa-trash trash"></a></div>').appendTo("#"+$(this).attr('target') );
        return false;
    });

    $(".cloneCorrectivo").live('click',function(){
        //item de la primera fila remove readonly
        $('select[name="itemLpuCorrectivo[]"]').first().attr('readonly',false);
        $('input[name="cantidadCorrectivo[]"]').first().attr('readonly',false);
        $('input[name="PrecioCorrectivo[]"]').first().attr('readonly',false);
        $('select[name="itemCausa[]"]').first().attr('readonly',false);
        //clonar
        $("#" + $(this).attr('element')).clone(true)
                .removeAttr('id')
                .attr('class','row')
                .append('<label>&nbsp;</label><div class="col-lg-1"><a href="#" class="btn btn-danger fa fa-trash trash"></a></div>').appendTo("#"+$(this).attr('target') )
                .find("input:text").val("0").end()
                .find("textarea").val("").end()
                .appendTo('.repuestosLpuCorrectivoContainer:last');
        //poner en blanco los valores de ofensor y status cuando se crea una nueva fila 
        $('input[name="itemOfensor[]"]').last().val('');
        $('input[name="estadoItem[]"]').last().val('');
        //item de la primera fila readonly
        $('select[name="itemLpuCorrectivo[]"]').first().attr('readonly',true);
        $('input[name="cantidadCorrectivo[]"]').first().attr('readonly',true);
        $('input[name="PrecioCorrectivo[]"]').first().attr('readonly',true);
        $('select[name="itemCausa[]"]').first().attr('readonly',true);
        return false;
    });

    $(".cloneAnticipo").live('click',function(){
        contclone++;
        {% if idproyectos == 207 %}
           $("#" + $(this).attr('element')).clone(true)
            .removeAttr('id')
            .attr('class','row grupo total')
            .append('<label>&nbsp;</label><br><div class="col-lg-2"><a href="#" class="btn btn-danger fa fa-trash trash"></a></div>')
            .appendTo("#"+$(this).attr('target'))
            .find("input:text").val("0").end()
            //.find("input[id='tipofact']").replaceWith('<input type="checkbox" id="tipofact'+contclone+'" checked name="tipofactura[]" value="'+contclone+'" class="tipofact">').end()
            .find("div[id='montofact']").replaceWith('<div id="montofact'+contclone+'"><label>MONTO FACTURA</label></div>').end()
            .find("div[id='nfact']").replaceWith('<div id="nfact'+contclone+'"><label> N° DE FACTURA</label></div>').end()
            .find("div[id='ocultar']").replaceWith('<div id="ocultar'+contclone+'" class="col-lg-3 ocultar"><label>MONTO IVA</label><div class="input-group"><div class="input-group-addon">$</div><input id ="iva" type="text" class="form-control numeric" value="0"></div></div>').end()
            .find("input[id='iva']").replaceWith('<input id ="iva'+contclone+'" type="text" class="form-control numeric" value="0">').end()
            .appendTo('.AnticipoContainer:last');
        {% else %}
           $("#" + $(this).attr('element')).clone(true)
            .removeAttr('id')
            .attr('class','row grupo total')
            .append('<label>&nbsp;</label><br><div class="col-lg-2"><a href="#" class="btn btn-danger fa fa-trash trash"></a></div>')
            .appendTo("#"+$(this).attr('target'))
            .find("input:text").val("0").end()
            .appendTo('.AnticipoContainer:last');
        {% endif %}
        return false;
    });

        $(".cloneQuotation").live('click',function(){

        $("#" + $(this).attr('element')).clone(true)
                .removeAttr('id')
                .attr('class','row')
                .append('<label>&nbsp;</label><div class="col-lg-2"><a href="#" class="btn btn-danger fa fa-trash trash"></a></div>').appendTo("#"+$(this).attr('target') )
                .find("input:text").val("0").end()
                .find("textarea").val("").end()
                .appendTo('.repuestosQuotationContainer:last');
        return false;
    });

    $('form[name="repuesto"]').ajaxForm({
        beforeSubmit: function (formData, jqForm, options) {


            // console.log($("#suministro_suministrobundle_recibopagodetalle_reciboPago").val());
        },
        success: function (responseText, statusText, xhr, $form) {
            var grupo = responseText.grupo;
            $(".grupoRepuesto").val(grupo);
            $(".materialsPreview").show();
            swal("Information was saved!", "You clicked the button!", "success");
            $(".materialesModal").modal('hide');
        }


    });

    $(".trash").live('click',function(){
        //console.log('entro');

        $(this).parent().parent().remove();
    });




    $(".responsable").live('change',function(){

        var materiales  = new Array(7,6,3,2,10,9);
        var responsable = parseInt($(this).val());
           $.inArray(responsable,materiales) !==-1?$(".materiales").show():$(".materiales").hide();

       //console.log( $.inArray(responsable,materiales));

    });



    $(".materiales, .materialsPreview").live('click',function(){
        $("#materialesContainer").children(":not(#primeraFila)").remove();
        $("#materialesContainer .quitar").remove();
        $(".categoria").val("");
        $(".repuesto").val("");
        $('.cantidad').val(0);
        $.ajax({
            url: '{{ path('proyectorepuesto_getCategorias',{'idproyectos':idproyectos}) }}',
            data: {'tipo': $("#tipoRepuesto").val()}
        }).done(function(data){
            //console.log(data);
            for(var i=0; i< data.length;i++){

                $('.categoria').append($("<option/>", {
                    value: data[i]['id'],
                    text: data[i]['descripcion']
                }));
            }

        });

            if($(this).hasClass("materialsPreview")){

                var grupo = $(".grupoRepuesto").val();

                //get materials and clone
                $.getJSON('{{  path('ticketrepuesto_loadMaterials',{'idticket':idticket})}}' + '?grupo=' + grupo ,function(data){

                    var ticketPlay = data;

                    $('<input>').attr({
                        type: 'hidden',
                        value: grupo,
                        name: 'grupo'
                    }).appendTo('#materialesContainer');
                   for(var i=0; i< ticketPlay.length;i++){

                        var clone =  $("#materialesContainer #primeraFila").clone(true);

                        clone.removeAttr('id');
                        clone.find('.categoria').val(ticketPlay[i].categoria);
                        clone.find('.cantidad').val(ticketPlay[i].cantidad);

                        clone.find('.repuesto').find("option").remove();
                        clone.find('.repuesto').append($("<option/>", {
                            value: ticketPlay[i].repuesto,
                            text: ticketPlay[i].repuesto
                        }));
                        clone.find('.categoria').attr('disabled',true);
                        clone.find('.cantidad').attr('disabled',true);
                        clone.find('.repuesto').attr('disabled',true);
                        clone.append(
                               '<label>&nbsp;</label><div class="col-lg-2"><a href="' +'{{ path('ticketrepuesto_delete') }}'+ '?id=' + ticketPlay[i].id +'" class="btn btn-danger fa fa-trash trash delete"></a></div>');

                        clone.prependTo("#materialesContainer");


                    }

                    //console.log(data);
                });

            }
        $(".materialesModal").modal();
    });

    $(".materialesModal").on('shown.bs.modal', function (e) {
        //console.log('cerro');
    });


    /* RSC MATERIALES Y ESCALACIONES*/
</script>
<style>
    select option:not([disabled]) { color: #000; font-weight: bold }
</style>






{% set estado = 0 %}
{% for ultimo in ultimoEstado %}
    {% if ultimo.idestados == tickets.0.idestados  %}
        {% set estado = 1 %}
    {% endif  %}
{% endfor  %}
{% set adjuntos = "" %}
{% set adjuntos  = tickets.0.adjuntos %}

<div class="container-fluid">
<div class="col-md-12">
  <!-- Custom Tabs -->
    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">{{'General' | trans}}</a></li>
          <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">{{'Seguimiento' | trans}}</a></li>
          <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">{{'Accion' | trans}}</a></li>
          <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false">{{'Tipo de Sitio' | trans}}</a></li>
        </ul>
        {% for ticket in tickets%}
        <div class="tab-content">
                <div class="tab-pane active" id="tab_1"> 
                    <div class="row">
                        <h2 class="text-center text-muted">{{'ticketDetail.general' | trans}}</h2>
                        <br><br><br>                    
                    </div>              
                    <div class="container-fluid">
                        <div class="col-lg-12">
                            <table style="width: 100%" class="table table-bordered table-striped">
                                    <tr>
                                        <th style="width: 20%">CLUSTER</th>
                                        <th style="width: 30%;font-weight: 100;"> 
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==253 %}
                                                    <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}</span>                   
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                        <th style="width: 20%">{{'monitores.pais' | trans | upper}}</th>
                                        <th style="width: 30%;font-weight: 100;"> 
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==184 %}
                                                    <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}</span>                   
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                    </tr>
                                    <tr>
                                        <th>{{'monitores.cliente' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==254 %}
                                                    <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}</span>                   
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                        <th>{{'monitores.proyecto' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==15 %}
                                                    <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}</span>  
                                                     <input type="hidden" value="{{ticketsDato.valor}}" id="{{ticketsDato.idetiquetas}}Input">
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                    </tr>
                                    <tr>
                                        <th>{{'ticketDetail.comments.fecha' | trans | upper}}</th>
                                        <th colspan="3" style="width: 30%;font-weight: 100;">{{ ticket.fechaInicioAct|date('m/d/Y') }}</th>                                        
                                    <tr>
                                        <th>
                                            {{'ticketDetail.nroticket' | trans |upper}}
                                        </th>
                                        <th style="width: 30%;font-weight: 100;">
                                            <span >{{ticket.ticket}}</span>
                                        </th>                                        
                                        <th>{{'ticketDetail.ref' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            <span id="refValue">{{ticket.ref}}</span>
                                        </th>
                                    </tr>
                                    <tr>
                                        <th>{{'ticketDetail.status' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            <span>                                            
                                                {{ticket.estado | trans | upper}}
                                            </span>
                                        </th>
                                        <th>{{'ticketDetail.assignment' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">                        
                                            <span>{{ticket.userAsignado | upper |upper}}</span>
                                        </th>
                                    </tr>
                                    <tr> 
                                        <th>{{'ticketDetail.site' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">                        
                                            <span id="idsitioValue">{{ticket.sitio | upper}}</span>
                                        </th>    
                                        <th>{{'ticketDetail.code' | trans |upper}}</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            <span id="idsitioIDValue">{{ticket.codigo}}</span>
                                        </th> 
                                    </tr>
                                    <tr>  
                                        <th>ASP</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==257 %}
                                                        <input type="hidden" value="{{ticketsDato.valor}}" id="{{ticketsDato.idetiquetas}}Input">
                                                        <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}
                                                        {% if is_granted('ROLE_ADDITIONAL_PLANNER')  %}
                                                            <span class="text-primary fa fa-edit" aria-hidden="true" onclick=" oculta('{{ticketsDato.idetiquetas}}')" title="{{'ticketDetail.edit' | trans}}"></span></span>
                                                            <span id="{{ticketsDato.idetiquetas}}Edit" style=" display:none;">
                                                            <script>
                                                            $(function () {
                                                            $("#{{ticketsDato.idetiquetas}}Edit").load("{{path('cargaEtiquetaSelectAdditional',{"idproyectos":idproyectos,"idticket":idticket}) }}", {$idTipoSelectDatos: "{{ticketsDato.idTipoSelectDatos}}", $idetiquetas: "{{ticketsDato.idetiquetas}}"});
                                                            });
                                                            </script>
                                                        {% endif %}
                                                        <span id="{{ticketsDato.idetiquetas}}Edit" style=" display:none;">
                                                            <select style="width: 95%;" id="{{ticketsDato.idetiquetas}}Input" class="form-control"></select>
                                                            <span class="text-primary fa fa-save" aria-hidden="true" onclick=" guarda('{{ticketsDato.idetiquetas}}','ticket_datos')" title="{{'ticketDetail.save' | trans}}"></span>
                                                            <span class="text-primary fa fa-sign-out" aria-hidden="true" onclick=" noGuarda('{{ticketsDato.idetiquetas}}','ticket_datos')" title="{{'ticketDetail.cancel' | trans}}">
                                                        </span>
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                        <th scope="row">{{'LIDER DE CUADRILLA' | trans}}</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==7 %}
                                                        <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}</span>
                                                        {% endif %} 
                                            {% endfor %}
                                        </th>                                                       
                                    </tr>
                                    <tr>
                                        <th>PO</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==175 %}
                                                    <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}
                                                     {% if ( (is_granted('ROLE_ADDITIONAL_PLANNER')) and (ticket.estado=="Aprobado 3er nivel" or ticket.estado=="En Plan" or ticket.estado=="Ejecutado") ) %}
                                                        <span class="text-primary fa fa-edit" aria-hidden="true" onclick=" oculta('{{ticketsDato.idetiquetas}}')" title="{{'ticketDetail.edit' | trans}}"></span></span>
                                                        <span id="{{ticketsDato.idetiquetas}}Edit" style=" display:none;">
                                                        <input type="text" class="form-control solo_numeros" value="{{ticketsDato.valor}}" id="{{ticketsDato.idetiquetas}}Input" maxlength="10">
                                                        <span class="text-primary fa fa-save" aria-hidden="true" onclick=" guarda('{{ticketsDato.idetiquetas}}','ticket_datos')" title="{{'ticketDetail.save' | trans}}"></span>
                                                        <span class="text-primary fa fa-sign-out" aria-hidden="true" onclick=" noGuarda('{{ticketsDato.idetiquetas}}','ticket_datos')" title="{{'ticketDetail.cancel' | trans}}"></span>
                                                    {% endif %}
                                                    </span>                   
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                        <th>GR</th>
                                        <th style="width: 30%;font-weight: 100;">
                                            {% for ticketsDato in ticketsDatos %}
                                                {% if ticketsDato.idetiquetas==252 %}
                                                    <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}
                                                    {% if (is_granted('ROLE_ADDITIONAL_PLANNER'))%}
                                                        {% if (ticket.estado=='Ejecutado') %}
                                                            <span class="text-primary fa fa-edit" aria-hidden="true" onclick=" oculta('{{ticketsDato.idetiquetas}}')" title="{{'ticketDetail.edit' | trans}}"></span></span>
                                                            <span id="{{ticketsDato.idetiquetas}}Edit" style=" display:none;">
                                                            <input type="text" class="form-control solo_numeros" value="{{ticketsDato.valor}}" id="{{ticketsDato.idetiquetas}}Input" maxlength="10">
                                                            <span class="text-primary fa fa-save" aria-hidden="true" onclick=" guarda('{{ticketsDato.idetiquetas}}','ticket_datos')" title="{{'ticketDetail.save' | trans}}"></span>
                                                            <span class="text-primary fa fa-sign-out" aria-hidden="true" onclick=" noGuarda('{{ticketsDato.idetiquetas}}','ticket_datos')" title="{{'ticketDetail.cancel' | trans}}"></span>
                                                        {% endif %}
                                                    {% endif %}
                                                    </span>                   
                                                {% endif %} 
                                            {% endfor %}
                                        </th>
                                    </tr>
                                    <tr>
                                        <th>{{'ticketDetail.datos.descripcion' | trans}}</th>
                                        <th colspan="3" style="width: 30%;font-weight: 100;">
                                            {% if proyectoDatosOpen == true%}
                                            {% if proyectoDatosOpen.observacion == 1 %}                            
                                                <span id="observacionValue">{{ticket.observacion}}
                                                {% if (is_granted('ROLE_DISPACTH_1')  and estado == 0) or is_granted("ROLE_SUPER_ADMIN")  or is_granted("ROLE_CONTROL_CASOS_5") %}
                                                <a class="btn" href="#"><i class="text-primary fa fa-edit" onclick=" oculta('observacion')" ></i></a></span>
                                                    <span id="observacionEdit" style=" display:none;">
                                                    <textarea id="observacionInput" class="form-control">{{ticket.observacion}}</textarea>
                                                    <a class="btn" href="#"><i class="text-primary fa fa-save" aria-hidden="true" onclick=" guarda('observacion','ticket_datos_open')" title="{{'ticketDetail.save' | trans}}"></i></a>
                                                    <a class="btn" href="#"><i class="text-primary fa fa-sign-out" aria-hidden="true" onclick=" noGuarda('observacion','ticket_datos_open')" title="{{'ticketDetail.cancel' | trans}}"></i></a>
                                                        {% endif %}
                                                </span>
                                            {% endif %}
                                            {% endif %}
                                        </th>                    
                                    </tr>
                               
                            </table>
                        </div>
                    </div> 
                    <div class= "row text-center">                       

                         {% if is_granted('ROLE_ADDITIONAL') %}
                           
                            <div class=" btn-group">
                                <button id="estado" class="btn openDialogStatus execute btn-azul-oscuro">{{'ticketDetailA.changestatus' | trans }}</button>
                            </div>
                         {%endif%}   
                         
                         {% if is_granted('ROLE_ADDITIONAL') or is_granted('ROLE_ADDITIONAL_PLANNER') %}
                            <div class="btn-group">
                                <button type="button" class="btn btn-success">{{'ticketDetail.datos.repuesto2' | trans}}</button>
                                <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                     <!--   <li><a class="repuestoModal" id="consumible" href="#">{{'ticketDetail.datos.consumible' | trans}}</a></li>
                                        <li><a class="repuestoModal" id="medicion" href="#">{{'ticketDetail.datos.medicion' | trans}}</a></li> -->
                                      
                                    <li><a class="repuestoModal" id="lpuCorrectivo" href="#">{{'LPU/ No en LPU' | trans}}</a></li>
                                       
                                       <!-- <li role="separator" class="divider"></li>
                                         <li><a class="repuestoModal" id="cotizacion" href="#">{{'ticketDetail.datos.cotizacion' | trans}}</a></li> -->
                                </ul>
                            </div>
                        {% endif %}
                     </div>      
                 </div>
                <div class="tab-pane" id="tab_2">     
                        {% if  idproyectos == 44  and idproceso==64%}
                                <button type="button" id="quotation" class="btn btn-danger">QUOTATION</button>
                        {% endif %}

                        {% if  (idproyectos == 203 or idproyectos == 207) and idproceso==82 %}

                            <button type="button" id="anticipo" class="btn btn-danger">REPORTE DE GASTOS</button>

                        {% endif %}

                        {% if is_granted('ROLE_COORDINADOR') %}
                            <style>
                                .btn-ericsson{

                                    background-color: #000099;
                                    color:#ffffff;
                                }
                            </style>
                            {% if idproceso!=1 and idproceso!=64 and idproceso!=82 %}
                                            {# if idproceso == 4 and idproyectos == 10 %}
                                            <!--<div class=" btn-group  ">
                                                <a  id="openEntregablesColombia" class="btn btn-ericsson execute">{{'ticketDetail.deliverables' | trans}}</a>
                                            </div>-->
                                            {% else #}
                                            <!--<div class=" btn-group  ">
                                                <a  id="openEntregables" class="btn btn-ericsson execute">{{'ticketDetail.deliverables' | trans}}</a>
                                            </div>-->
                                                {# endif #}
                            {% endif %}
                        {% endif %}
                        {% if is_granted('ROLE_MEXICO') and idproyectos != 207 %}
                                            <!--<div class=" btn-group  ">
                                                <a id="ericssonPlay" class="btn btn-success" href="#">Ericsson Play</a>
                                            </div>-->
                        {% endif %}

                        <div class=" col-xs-12 col-md-12 col-lg-12 ">
                            <div class="row">
                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                    <h2  class="text-primary">{{'ticketDetail.trackingactivities' | trans}}</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div id="consultarTrack"  class=" table-bordered" style="   height: 150px;  overflow-y: scroll; "></div>
                            </div>
                        </div>

                        <div class=" col-xs-12 col-md-12 col-lg-12  table-bordered">
                            <div class="row">
                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                    <h2  class="text-primary">{{'ticketDetail.trackingassignment' | trans}}</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div id="consultarAsignaciones"  style=" height: 150px; overflow-y: scroll; "></div>
                            </div>
                        </div>
                        <!-- <div class=" col-xs-12 col-md-12 col-lg-12  table-bordered">
                            <div class="row">
                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                    <h2  class="text-primary">{{'ticketDetail.trackingdepartament' | trans}}</h2>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div id="consultarEscalaciones"  style=" height: 150px; overflow-y: scroll; "></div>
                            </div>
                        </div>-->  
                    
                 </div>
                 <div class="tab-pane" id="tab_3">               

                
                         <div class="panel panel-default" role="tabpanel" data-example-id="togglable-tabs">
                            <div class="panel-heading">{{ 'inbox.accion' | trans }}</div>
                            <div class="panel-body">
                                <ul class="nav nav-tabs" id="friends">
                                    <li class="active"><a href="#" data-target="#divComent" class="media_node span" id="1consultaBandeja_tab" data-toggle="tabajax" rel="tooltip"> {{'ticketDetail.commentsheader' | trans}} </a></li>
                                    <li><a href="#" data-target="#divAsignarTT" class="media_node span" id="consultaBandeja_tab" data-toggle="tabajax" rel="tooltip"> {{'ticketDetail.assignmentheader' | trans}} </a></li>                                    
                                    {# if idproyectos != 207 %}
                                        <li><a href="#" data-target="#divSiteInfo" class="media_node span" id="consultaBandeja_tab" data-toggle="tabajax" rel="tooltip"> SITE INFO </a></li>
                                        {% if is_granted('ROLE_COORDINADOR') %}
                                            <li><a href="#" data-target="#divFallas" class="media_node span" id="consultaBandeja_tab" data-toggle="tabajax" rel="tooltip"> {{'ticketDetail.issue' | trans}} </a></li>
                                            <li><a href="#" data-target="#divEscalamiento" class="media_node span" id="consultaEscalamiento_tab" data-toggle="tabajax" rel="tooltip"> {{'ticketDetail.escalate' | trans}}</a> </li>
                                            <li><a href="#" data-target="#divCheck" class="media_node span" id="consultaCheck_tab" data-toggle="tabajax" rel="tooltip">CHECK</a> </li>
                                        {% endif %}
                                        <li><a href="#" data-target="#divInfo" class="media_node  span" id="consultaBandeja_tab" data-toggle="tabajax" rel="tooltip"> {#{{'ticketDetail.issue' | trans}} INFO </a></li>
                                    {# endif #}
                                </ul>
                                <div class="tab-content col-xs-12 col-md-12 col-lg-12">
                                    <div class="tab-pane col-xs-12 col-md-12 col-lg-12" id="divSiteInfo">
                                        <div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <h2 class="text-primary">SITE INFO</h2>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <ul class="list-group">
                                                <li class="list-group-item">
                                                    <label>{{'ticketDetail.site' | trans}}:</label>
                                                    <span>{{ tickets.0.sitio }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label>{{'TIPO SITIO' | trans}}:</label>
                                                    <span>{{ sitioDatos.0.categoria }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label>RMC:</label>
                                                    <span>{{ sitioDatos.0.nombre }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label>{{'ticketDetail.datos.cmtto' | trans}}:</label>
                                                    <span>{{ sitioDatos.0.ciudadBase1 }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label>{{'ticketDetail.datos.cmtto2' | trans}}:</label>
                                                    <span>{{ sitioDatos.0.ciudadBase2 }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label>{{'ticketDetail.datos.acceso' | trans}}:</label>
                                                    <span>{{ sitioDatos.0.acceso }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label>{{'ticketDetail.datos.accesoT' | trans}}:</label>
                                                    <span>{{ sitioDatos.0.tipoAcceso }}</span>
                                                </li>
                                                <li class="list-group-item">
                                                    <label class="">{{'ticketDetail.datos.comoIn' | trans}}:</label>
                                                    <span>{{ sitioDatos.0.comoIngresar }}</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="row">
                                            <table class="tablesorter">
                                                <thead>
                                                <th> {{'user.name' | trans}}</th>
                                                <th> {{'user.phone' | trans}}</th>
                                                <th> {{'ticketDetail.datos.depar' | trans}}</th>
                                                <th> {{'Update Date' | trans}}</th>
                                                <th> {{'ticketDetail.datos.cmtto' | trans}}</th>
                                                <th></th>
                                                </thead>
                                                <tbody>
                                                {% for usuariosSitio in usuariosSitios %}
                                                    <tr>
                                                        <td>{{ usuariosSitio.nombre }}</td>
                                                        <td>{{ usuariosSitio.telefono }}</td>
                                                        <td>{{ usuariosSitio.especialidad }}</td>
                                                        <td>{{ usuariosSitio.dateCreation| date('d/m/Y') }}</td>
                                                        <td>{{ usuariosSitio.ciudadBase }}</td>
                                                    </tr>
                                                {% endfor %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="tab-pane active col-xs-12 col-md-12 col-lg-12" style=" height: 400px;" id="divComent">
                                        <div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <div class="row">
                                                    <div class=" col-xs-12 col-md-12 col-lg-10">
                                                        <h2 class="text-primary">{{'ticketDetail.comments' | trans}}</h2>
                                                    </div>
                                                </div>
                                                {% if idproyectos != 207 %}
                                                    <div class="row">
                                                        <div class="col-xs-12 col-md-12 col-lg-12">
                                                            <div class="checkbox">
                                                                <label><input type="checkbox" id="sendEmail" value="1">{{ 'user.email' | trans | capitalize }}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% endif %}
                                            </div>
                                        </div>
                                        {% if estado != 1 or is_granted("ROLE_SUPER_ADMIN") %}
                                            <div class="form-group required">
                                                <div class="input-group">
                                                    <textarea id="textComent" class="form-control"></textarea>
                                        <span class="input-group-btn">
                                            <button class="btn btn-azul-oscuro execute" type="button" id="btnAgregarComentario">{{ 'ticketdetail.send' | trans  }}</button>
                                        </span>
                                                </div>
                                            </div>
                                        {% endif %}
                                        <div id="_loading" style="position: absolute; left: 40%; display: none;"><image  width="16" src="{{asset('loadings/spin.GIF')}}"/></div>
                                        <div id="verComentarioTicket" style="height: 270px; overflow-y: auto;"></div>
                                    </div>
                                    <div class="tab-pane col-xs-12 col-md-12 col-lg-12" id="divAsignarTT">
                                        <div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <h2 class="text-primary">{{'ticketDetail.reassignment' | trans}}</h2>
                                            </div>
                                        </div>
                                        {% if estado != 1  or is_granted("ROLE_SUPER_ADMIN")%}
                                            <div class="row">
                                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                                    <div class="form-group">
                                                        <label class="control-label">{{'ticketDetail.selectsupervisor' | trans}}</label>
                                                        <input class="form-control"  type="text" id="findUser">
                                                    </div>
                                                    <div class="form-group">
                                                        <select id="idUserAsignada" class="form-control">
                                                            {% for usuario in usuarios %}
                                                                <option value="{{usuario.idUser}}" iddepartamento="{{usuario.iddepartamento}}">{{usuario.nombre}} / Dpto: {{usuario.departamento}}</option>
                                                            {% endfor%}
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">{{'ticketDetail.modal.comment' | trans}}:</label>
                                                        <textarea name="campo[recomen]" class="form-control" style="width: 100%;" rows="4" id="comentarioAsignacion"></textarea>
                                                    </div>
                                                    <div class="form-group">
                                                        <button class="btn btn-azul-oscuro execute" id="btnAsignarPersona"> {{'ticketDetail.assign' | trans}}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endif  %}
                                    </div>

                                    {% if is_granted('ROLE_COORDINADOR') %}
                                        <div class="tab-pane" style=" height: 400px;" id="divFallas">
                                            <div class="row">
                                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                                    <div class=" col-xs-12 col-md-12 col-lg-10">
                                                        <h2 class="text-primary">{{'ticketDetail.issueasp' | trans}}</h2>
                                                    </div>
                                                    <div class=" col-xs-12 col-md-12 col-lg-12" id="divFallasBody">

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" style=" height: 400px;" id="divEscalamiento">
                                            <div class="row">
                                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                                    <div class=" col-xs-12 col-md-12 col-lg-10">
                                                        <h2 class="text-primary">{{'ticketDetail.escalationtrack' | trans}}</h2>
                                                        <br> *{{'ticketDetail.escalationprocess' | trans}}
                                                    </div>
                                                    <div class=" col-xs-12 col-md-12 col-lg-12" style=" height: 270px; overflow-y: scroll; " id="divEscalamientoBody">

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" style=" height: 400px;" id="divCheck">
                                            <div class="row">
                                                <div class=" col-xs-12 col-md-12 col-lg-12">
                                                    <div class=" col-xs-12 col-md-12 col-lg-10">
                                                        <h2 class="text-primary">CHECK</h2>

                                                    </div>
                                                    <div class=" col-xs-12 col-md-12 col-lg-12" style=" height: 270px; overflow-y: scroll; " id="divCheckBody">



                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {% endif %}
                                    <div class="tab-pane" style=" height: 400px;overflow-y: scroll;" id="divInfo">
                                        {#<div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <label>ASP EN SITIO</label>
                                                <select>
                                                    <option></option>
                                                    <option value="1">OK</option>
                                                    <option value="0">NO OK</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <label>TRANSPORTE EN SITIO</label>
                                                <select>
                                                    <option></option>
                                                    <option value="1">OK</option>
                                                    <option value="0">NO OK</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <label>ACCESO</label>
                                                <select>
                                                    <option></option>
                                                    <option value="1">OK</option>
                                                    <option value="0">NO OK</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class=" col-xs-12 col-md-12 col-lg-12">
                                                <label>ADECUACIONEStipoFallas.php</label>
                                                <select>
                                                    <option></option>
                                                    <option value="1">OK</option>
                                                    <option value="0">NO OK</option>
                                                </select>
                                            </div>
                                        </div>#}
                                    </div>
                                </div>
                            </div></div>
                    
                 </div>
                 <div class="tab-pane" id="tab_4">
                    <div class="container-fluid">
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-lg-12">
                                    <label>{{'Tipo de Sitio' | trans}}:</label>
                                    {% for ticketsDato in ticketsDatos %}
                                        {% if ticketsDato.idetiquetas==255 %}
                                            {{ticketsDato.valor}}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>     <br>                       
                            <div class="row">
                                <div class="col-lg-12">
                                    <label>{{'Escenario' | trans}}:</label> 
                                    {% for ticketsDato in ticketsDatos %}
                                        {% if ticketsDato.idetiquetas==256 %}
                                            {{ticketsDato.valor}}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                            <br>
                            <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <table style="width: 100%" class="table table-bordered table-striped">
                                        <tr>
                                            <th style="width: 20%">{{'paquete.codigo' | trans | upper }}</th>
                                            <th style="width: 20%">{{'paquete.descripcion'| trans | upper }}</th>
                                            <th class="text-center"style="width: 20%">{{'paquete.unidad'| trans | upper }}</th>
                                            <th class="text-center"style="width: 20%">{{'paquete.cantidad'| trans | upper }}</th>
                                        </tr>
                                        {% for lista_paquete in lista_paquetes %}
                                            <tr>
                                                <td class="text-left">{{lista_paquete.codigo}}</td>
                                                <td class="text-left">{{lista_paquete.descripcion}}</td>
                                                <td>{{lista_paquete.unit}}</td>
                                                <td>{{lista_paquete.qty}}</td>
                                            </tr>
                                        {% endfor %}
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                 </div>
        </div>
    <div class="col-xs-12 col-md-12 col-lg-12 group " >
        <!-- formulario dinamico-->

        {%for field in fieldForm%}
            {{ form_start(form,{'attr': {'id': field.getGrupoid.nombre |replace({' ': ''})}}) }}
            <div class=" col-xs-12 col-md-12 col-lg-{{field.getGrupoid.columna}} table-bordered" >
                <div class="row">
                    <div class=" col-xs-12 col-md-12 col-lg-12">
                        <h2  style="   text-decoration: underline;">{{field.getGrupoid.nombre}}</h2>
                    </div>
                </div>


                {%if field.getGrupoid.template is null%}
                    {%for campos in field.getGrupoid.camposDatosRecibo%}

                        <div class="row">
                            <div class="form-group">

                                <label for="" class="col-lg-7 control-label"> {{form_label(form.children[campos.label])}}</label>

                                <div class="col-lg-5">

                                    {{form_widget(form.children[campos.label])}}
                                </div>


                            </div>
                        </div>

                    {%endfor%}
                {%else%}
                    {%include field.getGrupoid.template %}
                {%endif%}
                <button  type="submit" class="btn btn-info center-block">{{'ticketDetail.save' | trans}}</button>
            </div>

            {{ form_end(form) }}
        {%endfor%}

        <script>
            $('form[name="ControlCasos_ControlCasosBundle_TicketInformacion"]').ajaxForm({
                beforeSubmit: function (formData, jqForm, options) {


                    // console.log($("#suministro_suministrobundle_recibopagodetalle_reciboPago").val());
                },
                success: function (responseText, statusText, xhr, $form) {

                    // $("#cargar").hide();
                    // console.log(responseText);
                    //console.log(statusText);
                    swal("Dato Guardado!", "You clicked the button!", "success");
                }


            });
        </script>

    </div>

    <script>

        $(function(){

            $("#multiActivity").click(function() {
               var estados ="";
                $.getJSON('{{path('getEstadosPadres',{'idproyectos':idproyectos,'idproceso':idproceso})}}', function (data) {
                    estados = data;
                });

                var disabled = estados.concat(activities);

                disabledEstados(disabled,true);

                if ($(this).is(':checked')) {
                    $("#idEstadoNuevo").attr({'multiple':true, size:10});
                } else {
                    $("#idEstadoNuevo").removeAttr('multiple size');
                }
            });

            $('#multiIniAct').click(function(){

                if ($('#multiIniAct').is(":checked")) {
                    $('#estadosPlan').attr( {'multiple':true, size:10} );
                } else {
                    $('#estadosPlan').removeAttr('multiple size');
                }
            });
        });
    </script>

    <div id="dialogResolved">
        <div id="datosCerrarTicket"></div>
    </div>
    <div id="dialogMensaje"></div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center" id="myModalLabel">{{'ticketDetail.staractivities' | trans}}</h2>
                </div>
                <div class="modal-body">
                    <label>{{'ticketDetail.modal.activity' | trans}}</label>
                    <select class="form-control" id="estadosPlan">
                        {% for estado in estados%}
                            {% if is_granted(estado.rol)%}
                                <option value="{{estado.idestados}}">{{estado.estado}}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                    <div class="checkbox">
                        <label><input type="checkbox" id="multiIniAct"> {{'ticketDetail.status.activities' | trans}}</label>
                    </div>
                    <!--
                <label>{{'ticketDetail.modal.time' | trans}}</label>
                <select class="form-control" id="tiempoPlan">
                    <option value="15 Min">15 Min</option>
                    <option value="30 Min">30 Min</option>
                    <option value="45 Min">45 Min</option>
                    <option value="1 Hora">1 Hora</option>
                    <option value="1 Hora 30 Min">1 Hora 30 Min</option>
                    <option value="2 Horas">2 Horas</option>
                    <option value="2 Horas 30 Min">2 Horas 30 Min</option>
                    <option value="3 Horas">3 Horas</option>
                    <option value="3 Horas 30 Min">3 Horas 30 Min</option>
                    <option value="4 Horas">4 Horas</option>
                </select>
                -->
                </div>
                <div class="modal-footer">
                    <button id="savePlan" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                </div>
            </div>
        </div>
    </div>





    <div class="modal fade" id="lpuModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
        <div  class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form name="repuesto" id="repuestoForm" action="{{ path('ticketrepuesto_create',{'idproyectos':idproyectos, 'idticket':idticket}) }}" method="GET">
                    <div class="modal-header  bg-primary">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                        <h2 class="modal-title text-center" id="myModalLabelRepuesto"></h2>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                            <button class="btn btn-success pull-right clone" element="primeraFilaLpu" target="repuestosLpuContainer">+</button>
                        </div>
                        <div id="repuestosLpuContainer">

                            <div class="row" id="primeraFilaLpu" >
                                <div class="col-lg-4">
                                    <label>{{'ticketDetail.datos.repuesto' | trans}}</label>
                                    <select required id="repuestoLpu" class="" name="repuesto[]">
                                        <option></option>
                                    </select>
                                </div>
                                <div class="col-lg-2">
                                    <label>{{'ticketDetail.modal.cant' | trans}}</label>
                                    <input type="text" class="form-control numeric" name="cantidad[]" value="0">
                                </div>
                            </div><!-- fila 1 -->

                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>
                                    {{'ticketDetail.modal.comment' | trans}}
                                </label>
                                <textarea name="comentarioRepuesto" id="comentarioRepuesto" class="form-control" row="10"></textarea>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>
                                    {{'ticketDetail.modal.to' | trans}}
                                </label>

                                <textarea name="email" id="email3" class="form-control" row="10" readonly="true"></textarea>

                            </div>
                            <div class="col-lg-6">
                                <label>
                                    {{'ticketDetail.modal.cc' | trans}}
                                </label>

                                <textarea name="emailCc" id="emailCc3" class="form-control" row="10" readonly="true"></textarea>

                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-offset-2 col-lg-8">
                                <label>
                                    {{'ticketDetail.modal.addemail' | trans}}
                                </label>
                                <div class="col-lg-3">
                                    <br>
                                    <select class="form-control" id="emailSelect3">
                                        <option value="email3">To</option>
                                        <option value="emailCc3">Cc</option>
                                    </select>
                                </div>
                                <div class="col-lg-7">
                                    <input class="form-control" id="emailNuevo3" type="email">
                                </div>
                                <div class="col-lg-2">
                                    <button class="btn btn-success" id="emailAdd3">{{'inbox.add' | trans}}</button>
                                </div>
                            </div>

                            <input type="hidden" name="tipo" value="3">
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                        <!--   <button id="saveRepuesto" type="button" class="btn btn-primary">Save changes</button>-->
                        <button id="savePlan" type="submit" class="btn btn-primary">{{'Guardar Cambios' | trans}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>



    <div class="modal fade" id="cotizacionModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form name="repuesto" id="repuestoForm" action="{{ path('ticketrepuesto_create',{'idproyectos':idproyectos, 'idticket':idticket}) }}" method="GET">
                    <div class="modal-header  bg-primary">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                        <h2 class="modal-title text-center" id="myModalLabelRepuesto"></h2>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <button class="btn btn-success pull-right clone" element="primeraFilaCotizacion" target="repuestosCotizacionContainer">+</button>
                        </div>
                        <div id="repuestosCotizacionContainer">

                            <div class="row" id="primeraFilaCotizacion" >
                                <div class="col-lg-4">
                                    <label>{{'ticketDetail.datos.repuesto' | trans}}</label>
                                    <div id="cotizacionInput">
                                      {#<input class="form-control" type="text" id="repuestoLpuSelect"  name="repuestoInput"#}
                                    </div>
                                    <input id="tipoCampo" type="hidden" name="tipoCampo">
                                    <div id="cotizacionSelect" style="display: none;">
                                        <select id="repuestoLpuSelect" class="" name="repuestoSelect[]">
                                            <option></option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <label>{{'ticketDetail.modal.cant' | trans}}</label>
                                    <input type="text" class="form-control numeric cantidad" name="cantidad[]" value="0">
                                </div>
                            </div><!-- fila 1 -->

                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>
                                    {{'ticketDetail.modal.comment' | trans}}
                                </label>
                                <textarea name="comentarioRepuesto" id="comentarioRepuesto" class="form-control" row="10"></textarea>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>
                                    {{'ticketDetail.modal.to' | trans}}
                                </label>

                                <textarea name="email" id="email3Cot" class="form-control" row="10" readonly="true"></textarea>

                            </div>
                            <div class="col-lg-6">
                                <label>
                                    {{'ticketDetail.modal.cc' | trans}}
                                </label>

                                <textarea name="emailCc" id="emailCc3Cot" class="form-control" row="10" readonly="true"></textarea>

                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-offset-2 col-lg-8">
                                <label>
                                    {{'ticketDetail.modal.addemail' | trans}}
                                </label>
                                <div class="col-lg-3">
                                    <br>
                                    <select class="form-control" id="emailSelectCot3">
                                        <option value="email3Cot">To</option>
                                        <option value="emailCc3Cot">Cc</option>
                                    </select>
                                </div>
                                <div class="col-lg-7">
                                    <input class="form-control" id="emailNuevoCot3" type="email">
                                </div>
                                <div class="col-lg-2">
                                    <button class="btn btn-success" id="emailAddCot">{{'inbox.add' | trans}}</button>
                                </div>
                            </div>


                        </div>
                        <input type="hidden" name="tipo" value="4">
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                        <!--   <button id="saveRepuesto" type="button" class="btn btn-primary">Save changes</button>-->
                        <button id="savePlan" type="submit" class="btn btn-primary">{{'Guardar Cambios' | trans}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="modal fade" id="myModalEntregables" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center" id="myModalLabel">{{'ticketDetail.deliverables' | trans}}</h2>
                </div>
                <div class="modal-body">

                    <form action="{{path('saveEntregables',{'idproyectos':idproyectos,'idticket':idticket,'idproceso':idproceso})}}" method="POST" id="entregablesForm">

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                    <button id="saveEntregables" type="button" class="btn btn-primary">{{'Guardar Cambios' | trans}}</button>
                </div>

            </div>
        </div>
    </div>

    <!-- Colombia Ventana Modal -->
    <div class="modal fade" id="myModalEntregablesColombia" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center" id="myModalLabel">{{'ticketDetail.deliverables' | trans}}</h2>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                </div>

            </div>
        </div>
    </div>


    <div class="modal fade" id="myModalComentario" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center" id="myModalLabel">{{ 'ticketDetail.modal.header' | trans}}</h2>
                </div>
                <div class="modal-body">


                    <form id="formDocumentacion" method="POST" action="{{path('addComentarioTicket',{'idproyectos':idproyectos})}}">


                        <div class="row">
                            <div class="col-lg-6">
                                <label>
                                    Dirigido a
                                </label>

                                <textarea name="email" id="email" class="form-control" row="10" readonly="true"></textarea>

                            </div>
                            <div class="col-lg-6">
                                <label>
                                    Con Copia
                                </label>

                                <textarea name="emailCc" id="emailCc" class="form-control" row="10" readonly="true"></textarea>

                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-offset-2 col-lg-8">
                                <label>
                                    {{'ticketDetail.modal.addemail' | trans}}
                                </label>
                                <div class="col-lg-3">
                                    <br>
                                    <select class="form-control" id="emailSelect">
                                        <option value="email">To</option>
                                        <option value="emailCc">Cc</option>
                                    </select>
                                </div>
                                <div class="col-lg-7">
                                    <input class="form-control" id="emailNuevo" type="email">
                                </div>
                                <div class="col-lg-2">
                                    <button class="btn btn-success" id="emailAdd" type="button">{{'inbox.add' | trans}}</button>
                                </div>
                            </div>


                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                    <button id="saveDocumentacion" type="button" class="btn btn-primary">Send Email</button>
                </div>

            </div>
        </div>
    </div>

    <div class="modal fade" id="myModalComentarioCSR" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center" id="myModalLabel">{{'ticketDetail.modal.header' | trans}}</h2>
                </div>
                <div class="modal-body">
                    <form id="formDocumentacion2" method="POST" action="{{path('addComentarioTicket',{'idproyectos':idproyectos})}}" enctype="multipart/form-data">
                        <div class="row">
                            <div class="col-lg-3">
                                <label>
                                    {{'ticketDetail.modal.stopper' | trans}}
                                </label>
                                <div class="pull-right">
                                    <a href="#" class="btn btn-danger btn-xs materiales" style="display: none">{{'ticketDetail.modal.material' | trans}}</a>
                                </div>
                                <select id="responsable" name="responsable" class="form-control ajaxChange responsable" role-path ="{{path('getCausasByResponsable',{'idproyectos':idproyectos})}}" element = "causas1" >

                                    <option value=""></option>
                                    {% for responsable in responsables %}
                                        <option value="{{ responsable.id}}">{{ responsable.descripcion }}</option>
                                    {% endfor %}

                                </select>
                            </div>
                            <div class="col-lg-3">
                                <label>
                                    {{'ticketDetail.modal.cause' | trans}}
                                </label>
                                <select id="causas1" class="form-control" name="causas" >
                                    <option value=""></option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <label>
                                    {{'ticketDetail.modal.critical' | trans}}
                                </label>
                                <select id="criticidad" class="form-control" name="criticidad" disabled>
                                    <option value=""></option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <input type="checkbox" name="escalamiento" id="escalamiento"/>
                                <label>
                                    {{'ticketDetail.modal.escalate' | trans}}
                                </label>
                                <select id="niveles" class="form-control" name="niveles" disabled>
                                    <option value=""></option>
                                </select>
                                <label id="Esc_mensaje" text=""></label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>
                                    {{'ticketDetail.modal.comment' | trans}}
                                </label>
                                <textarea name="comentario" id="comentarioDoc" class="form-control" rows="4"></textarea>
                            </div>
                        </div>
                        <div class="row">
                            <br>
                            <div class="col-lg-3">
                                <input id="uploadFile" placeholder="Choose File" disabled="disabled" class="form-control"/>
                            </div>
                            <div class="col-lg-2">
                                <div class="fileUpload btn btn-primary">
                                    <span>ATTACH FILE</span>
                                    <input name="file" type="file" class="upload" id="uploadBtn">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <br>
                            <div class="col-lg-6">
                                <label>
                                    {{'ticketDetail.modal.to' | trans}}
                                </label>
                                <div class="pull-right">
                                    <button target="email2" class="btn btn-danger btn-xs removeEmail">Remove</button>
                                </div>
                                <textarea name="email2" id="email2" class="form-control" rows="4" readonly="true"></textarea>
                            </div>
                            <div class="col-lg-6">
                                <label>
                                    {{'ticketDetail.modal.cc' | trans}}
                                </label>
                                <div class="pull-right">
                                    <button target="emailCc2" class="btn btn-danger btn-xs removeEmail">Remove</button>
                                </div>
                                <textarea name="emailCc2" id="emailCc2" class="form-control" rows="4" readonly="true"></textarea>
                            </div>
                        </div>
                        <div class="row">
                            <br>
                            <div class="col-lg-offset-2 col-lg-8">
                                <div class="col-lg-3">
                                    <select class="form-control" id="emailSelect2">
                                        <option value="email2">To</option>
                                        <option value="emailCc2">Cc</option>
                                    </select>
                                </div>
                                <div class="col-lg-8">
                                    <div class="input-group">
                                    <span class="input-group-addon">
                                        @
                                    </span>
                                        <input class="form-control" id="emailNuevo2" type="email" placeholder=" {{'ticketDetail.modal.addemail' | trans}}">
                                    <span class="input-group-btn">
                                        <button class="btn btn-success" id="emailAdd2">{{'inbox.add' | trans}}</button>
                                    </span>
                                    </div>
                                    <input type="hidden" class="grupoRepuesto">
                                </div>
                            </div>
                        </div>
                    </form>
        







            </div>

         {% endfor  %}  
        <!-- /.tab-pane -->
        </div>
        <!-- /.tab-content -->
      </div>
      <!-- nav-tabs-custom -->
    </div>





<!------------------------Modal Estado--------------------------->

<div class="modal bootstrap-dialog" id="viewVideoModal" tabindex="1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Ericsson Video</h4>
                </div>
                <div class="modal-body text-center">
                    <iframe id="cartoonVideo" width="400" height="285" src="" class="kmsembed" allowfullscreen webkitallowfullscreen mozAllowFullScreen frameborder="0"></iframe>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->






<div class="modal fade" id="modalStatus" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary" style="background-color: #1c3d72;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h2 class="modal-title text-center" id="myModalLabel">{{'dialog.alerta' | trans}}</h2>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="file" class="control-label">{{'ticketDetail.selectstatus' | trans}}</label>
                    <select class="form-control" id="idEstadoNuevo" >
                        {% for estado in estados%}
                            {% if is_granted(estado.rol)%}
                                <option value="{{estado.idestados}}">{{estado.estado | trans}}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                </div>
               <div class="form-group">
                    <label for="file" class="control-label">{{'ticketDetail.status.comment' | trans}}:</label>
                    <textarea id="textComent2" name="campo[recomen]" class="form-control" rows="3"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button id="statusChangeBtn" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
            </div>
        </div>
    </div>
</div>






<!-------------------------- LPU CORRECTIVO MODAL ------------------------>

  

<div class="modal fade" id="lpuCorrectivoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="margin-top: 100px;left: 200px;">
        <!--Validacion de Honduras por Cambio en los input-->
        <div class="modal-dialog modal-lg col-md-12" width="800px%" role="document" >
            <div class=" modal-content" style="width:180%;margin-left: -10px;">            
            {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}    
                <form name="correctivo" id="correctivoForm" action="{{ path('ticketrepuestoCorrectivoadditional_createPlanner',{'idproyectos':idproyectos, 'idticket':idticket}) }}" method="GET">
            {%else%}
                <form name="correctivo" id="correctivoForm" action="{{ path('ticketrepuestoCorrectivoadditional_create',{'idproyectos':idproyectos, 'idticket':idticket}) }}" method="GET">                
            {%endif%}
                    <div class="modal-header  bg-primary" style="background-color: #1c3d72;">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h2 class="modal-title text-center" id="myModalLabelRepuesto"></h2>
                    </div> 
                    <div class="modal-body">
                    {% if is_granted('ROLE_ADDITIONAL') %}                            
                        <div class="row">
                            <button class="btn btn-success pull-right cloneCorrectivo" element="primeraFilaLpuCorrectivo" target="repuestosLpuCorrectivoContainer">+</button>
                        </div>
                    {%endif%}
                        <div id="repuestosLpuCorrectivoContainer">
                            <div class="row" id="primeraFilaLpuCorrectivo" >
                            
                                <div class="col-lg-1">                              
                                    <label>ITEM</label>
                                    <select required id="itemLpuCorrectivo" class="" name="itemLpuCorrectivo[]">
                                    </select>
                                </div>                           
                                <div class="col-lg-2">
                                    <label>{{'ticketDetail.datos.repuesto' | trans}}</label>
                                    <textarea name="repuestoLpuCorrectivo[]" id="repuestoLpuCorrectivo" class="form-control" row="5" readonly="true"></textarea>
                                </div>       
                                {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}                                        
                                    <div class="col-lg-1">
                                {%else%}
                                    <div class="col-lg-2">
                                {%endif%}
                                    <label>{{'CANT' | trans}}</label>
                                    <input type="text" class="form-control numeric" id="cantidadCorrectivo" name="cantidadCorrectivo[]" value="0">
                                </div>                             
                                {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}                                        
                                    <div class="col-lg-1">
                                {%else%}
                                    <div class="col-lg-2">
                                {%endif%}                         
                                   {% if is_granted('ROLE_ASP_ZAKKAI') == false and is_granted('ROLE_ASP_NESITELPA') == false and is_granted('ROLE_ASP_ERICSSON') == false and is_granted('ROLE_CONTROL_ASP') == false %}
                                        <label>{{'PRECIO' | trans}}</label>
                                        <input type="text" class="form-control numeric" id="PrecioCorrectivo" name="PrecioCorrectivo[]" value="0">
                                   {%else%}
                                       <label>{{'PRECIO' | trans}}</label>
                                        <input type="text" class="form-control" id="" name="" value="N/A" readonly="true">
                                    {%endif%}
                               </div>                            
                                <div class="col-lg-1">
                                    <label>{{'monitorii.total' | trans}}</label>
                                    <input type="text" readonly="true" class="form-control numeric" id="TotalCorrectivo" name="TotalCorrectivo[]" value="0">
                                </div>
                                <div class="col-lg-1">
                                    <label>REASON</label>
                                    <select required id="itemCausa" class="" name="itemCausa[]">
                                        <option value=""></option>
                                        {% for causa in causas %}
                                            <option value="{{causa.id}}">{{causa.descripcion}}</option>
                                        {% endfor %}
                                    </select>
                                </div> 
                                {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}                                        
                                    <div class="col-lg-1">
                                {%else%}
                                    <div class="col-lg-1">
                                {%endif%}
                                    <label>OFFENDER</label>
                                    <input type="text" class="form-control" name="itemOfensor[]" id="itemOfensor" value="" readonly="readonly">
                                    <input type="hidden" name="itemOfensorId[]" id="itemOfensorId" value="" readonly="readonly">
                                </div>   
                                {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}                                        
                                    <div class="col-lg-1">
                                {%else%}
                                    <div class="col-lg-1">
                                {%endif%}                                    
                                        <label>{{'ticketDetail.status' | trans}}</label>
                                        <textarea class="form-control" id="estadoItem" name="estadoItem[]" readonly="true" value="Sin Revision"></textarea>
                                    </div> 
                                 <div class="col-lg-1">                              
                                    <label>COMMENT</label>
                                    <textarea name="comentario[]" id="comentario" class="form-control" row="5" readonly="true"></textarea>
                                </div> 
                                {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}                                            
                                    <div class="col-lg-1">
                                        <label>{{'PO' | trans}}</label>
                                        <textarea class="form-control numeric solo_numeros" id="POCorrectivo" name="POCorrectivo[]" value="" readonly="readonly" maxlength="10" row="5"></textarea>
                                    </div> 
                                    <div class="col-lg-1">
                                        <label>{{'GR' | trans}}</label>
                                        <textarea class="form-control numeric solo_numeros" id="GRCorrectivo" name="GRCorrectivo[]" value="" readonly="readonly" maxlength="10"></textarea>
                                    </div>  
                                {%endif%}
                                <br><br><br><br>
                                <input type="hidden" type="text" class="form-control" id="idRepuestoTable" name="idRepuestoTable[]" readonly="true" value="">
                            </div><!-- fila 1 -->

                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>
                                    {{'ticketDetail.modal.comment' | trans}}
                                </label>
                                <textarea name="comentarioRepuestoCorrectivo" id="comentarioRepuesto" class="form-control" row="10"></textarea>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="pull-right">
                                    <button target="emailCorrectivo" class="btn btn-danger btn-xs removeEmail">Remove</button>
                                </div>
                                <label>
                                    {{'ticketDetail.modal.to' | trans}}
                                </label>

                                <textarea name="emailCorrectivo" id="emailCorrectivo" class="form-control" row="10" readonly="true"></textarea>

                            </div>
                            <div class="col-lg-6">
                                <div class="pull-right">
                                    <button target="emailCcCorrectivo" class="btn btn-danger btn-xs removeEmail">Remove</button>
                                </div>
                                <label>
                                    {{'ticketDetail.modal.cc' | trans}}
                                </label>

                                <textarea name="emailCcCorrectivo" id="emailCcCorrectivo" class="form-control" row="10" readonly="true"></textarea>

                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-2 col-lg-offset-2">
                                <label>
                                    {{'ticketDetail.modal.addemail' | trans}}
                                </label>
                                    <select class="form-control" id="emailSelectCorrectivo">
                                        <option value="emailCorrectivo">To</option>
                                        <option value="emailCcCorrectivo">Cc</option>
                                    </select>
                            </div><br>
                             <div class="col-lg-4">
                                    <input class="form-control" id="emailNuevoCorrectivo" type="email">
                                </div>
                            <div class="col-lg-2">
                                <button class="btn btn-success" id="emailAddCorrectivo">{{'inbox.add' | trans}}</button>
                           </div>
                         </div>
                            <input type="hidden" name="tipo" value="3">
                        </div>

                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                      {% if is_granted('ROLE_ADDITIONAL') %}    <input id="saveCorrectivo" type="button" class="btn btn-azul-oscuro" value="Save changes"  /> {%endif%}
                       {% if is_granted('ROLE_ADDITIONAL_PLANNER') %}    <input id="saveCorrectivoPlanner" type="button" class="btn btn-azul-oscuro" value="Save PO/GR"  /> {%endif%}
                    </div>
                </form>
            </div>
        </div>
      </div>
  </div>

</div>




{% endblock %}