{% if consultas == true %}
<script>
    $(function(){
                $(".rowSite").click(function () {
                    idsite = $(this).attr('idsitio');
                    //alert(idsitio);
                    $.ajax({
                        type:'POST',
                        url:'{{ path('findMPPeruSitio',{'idproyectos':idproyectos, 'years':years, 'mes':mes}) }}',
                        data: {$idsite: idsite}
                    }).done(function (json) {
                        obj = JSON.parse(json);
                        sitioNombre = obj[0].sitio;
                        siteType = obj[0].categoria;
                        valor = obj[0].costo;
                        $("#nameSite").text(sitioNombre);
                        $("#siteType").text(siteType);
                        $("#costoSite").text(valor);
                        $('#costoSite').formatCurrency();
                        $("#mShowSiteMP").modal('show');
                        var tr = "";

                        for(i=0;i< obj.length; i++){
                            tr += "<tr>";
                         tr += "<td><a  href='#' onclick='forwardTicketDetalle("+obj[i].idticket+")'>" +obj[i].ticket+"</a></td>";
                            tr += "<td>" +obj[i].tipoproceso+"</td>";
                            tr += "<td>" +obj[i].estado+"</td>";
                            tr += "</tr>";

                            }

                        $("#tbodyDetailSite").empty();
                        $("#tbodyDetailSite").append(tr)

                       /* $("#subcategoria").val('');
                        $("#subcategoria").change();*/

                    });
                });
            $('#cargar').css('display','none');
                $('.toggle-one').bootstrapToggle();
                $(".prayCheck").change(function(){
                    idticket =  $(this).attr('idticket');
                    idsitio =  $(this).attr('idsitio');
                    codigo = $(this).attr('codigo');
                    prioridad = $(this).attr('prioridad');
                    valor =$("#"+codigo+"Costo").text();

                            if ($(this).is(':checked')) {
                                $("#"+codigo).text(valor);
                                costoProy = parseFloat(costoProy) + parseFloat(valor);
                                if (prioridad == 'CRITICA'){
                                    criticaProyectado = parseFloat(criticaProyectado) + parseFloat(valor);

                                }else if(prioridad == 'ALTA'){
                                    altaProyectado = parseFloat(altaProyectado) + parseFloat(valor);

                                }else if(prioridad == 'MEDIA'){
                                    mediaProyectado = parseFloat(mediaProyectado) + parseFloat(valor);

                                }else if(prioridad == 'BAJA'){
                                    bajaProyectado = parseFloat(bajaProyectado) + parseFloat(valor);

                                }

                                $.ajax({
                                    type: 'POST',
                                    url:"{{ path('saveProyectadoItem',{'idproyectos':idproyectos, 'years':years, 'mes':mes}) }}",
                                    data:{
                                        $idticket : idticket, $opc : 'SI', $idsitio:idsitio
                                    }
                                });



                            }else{
                                $("#"+codigo).text(0);
                                costoProy = parseFloat(costoProy) - parseFloat(valor);
                                if (prioridad == 'CRITICA'){
                                    criticaProyectado = parseFloat(criticaProyectado) - parseFloat(valor);

                                }else if(prioridad == 'ALTA'){
                                    altaProyectado = parseFloat(altaProyectado) - parseFloat(valor);

                                }else if(prioridad == 'MEDIA'){
                                    mediaProyectado = parseFloat(mediaProyectado) - parseFloat(valor);

                                }else if(prioridad == 'BAJA'){
                                    bajaProyectado = parseFloat(bajaProyectado) - parseFloat(valor);

                                }

                                $.ajax({
                                    type: 'POST',
                                    url:"{{ path('saveProyectadoItem',{'idproyectos':idproyectos, 'years':years, 'mes':mes}) }}",
                                    data:{
                                            $idticket : idticket, $opc : 'NO', $idsitio:idsitio
                                            }
                                });




                            }
                    $("#totalProy").text(costoProy);
                    $('#totalProy').formatCurrency();


                    $("#criticaProyectado").text(criticaProyectado);
                    $('#criticaProyectado').formatCurrency();
                    $("#mediaProyectado").text(mediaProyectado);
                    $('#mediaProyectado').formatCurrency();
                    $("#altaProyectado").text(altaProyectado);
                    $('#altaProyectado').formatCurrency();
                    $("#bajaProyectado").text(bajaProyectado);
                    $('#bajaProyectado').formatCurrency();
                    $("#totalProyectado").text(parseFloat(bajaProyectado)+parseFloat(altaProyectado)+parseFloat(mediaProyectado)+parseFloat(criticaProyectado));
                    $('#totalProyectado').formatCurrency();

                });


                $('#example').DataTable( {
                    dom: 'Bfrtip',
                    lengthMenu: [
                        [  100, 200,500, -1 ],
                        [ '100 rows', '200 rows', '500 rows', 'Show all' ]
                    ],
                    buttons: [
                        'pageLength', 'excel'
                    ],
                    scrollY:        "400px",
                    scrollX:        true,
                    scrollCollapse: true,
                    paging:         false,
                    columnDefs: [
                        { width: '20%', targets: 0 }
                    ],
                    fixedColumns: true


                } );





    } 
);

    function forwardTicketDetalle(idticket) {
        window.open("{{path('ticketDetalle',{'idproyectos':idproyectos, 'idticket':'nuevo'})}}?ticket=" + idticket, '_blank');
       // location.href = "{{path('ticketDetalle',{'idproyectos':idproyectos, 'idticket':'nuevo'})}}?ticket=" + idticket;

    }
</script>
<style>
    #tbody{
        cursor: pointer;
    }

</style>
<script>
    var costo = 0;
    var costoEjec = 0;
    var costoProy = 0;

    var sistTotal = 0;
    var sistVF = 0;
    var sistProg = 0;
    var sistEjec = 0;
    var sitioTotal = 0;
    var sitioVF = 0;
    var  sitioProg = 0;
    var  sitioEjec = 0;
    var estadoEjec = 0;
    var  estadoIncom = 0;
    var  estadoPendiente = 0;
    var  estadoCancelado = 0;

    var  criticaProg = 0;
    var  criticaEjec = 0;
    var  criticaPorcEjecutado = 0;
    var  criticaProyectado = 0;
    var  criticaEjecutado = 0;
    var  criticaTotal = 0;

    var  altaProg = 0;
    var  altaEjec = 0;
    var  altaPorcEjecutado = 0;
    var  altaProyectado = 0;
    var  altaEjecutado = 0;
    var  altaTotal = 0;

    var  mediaProg = 0;
    var  mediaEjec = 0;
    var  mediaPorcEjecutado = 0;
    var  mediaProyectado = 0;
    var  mediaEjecutado = 0;
    var  mediaTotal = 0;

    var  bajaProg = 0;
    var  bajaEjec = 0;
    var  bajaPorcEjecutado = 0;
    var  bajaProyectado = 0;
    var  bajaEjecutado = 0;
    var  bajaTotal = 0;
</script>


<div class="panel panel-default col-lg-4 ">
    <div class="row btn-info">
        <h2>SISTEMAS</h2>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>SISTEMAS PROGRAMADOS</label>

        </div>
        <div class="col-lg-4">
            <span id="sistTotal"></span>

        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>VF  + ANULADOS + CANCELADOS</label>
        </div>
        <div class="col-lg-4">
            <span id="sistVF"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>PROGRAMADOS NETO</label>
        </div>
        <div class="col-lg-4">
            <span id="sistProg"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>EJECUTADOS</label>
        </div>
        <div class="col-lg-4">
            <span id="sistEjec"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>% MP EJECUTADOS</label>
        </div>
        <div class="col-lg-4">
            <span id="sistEjecPorc"></span>
        </div>
    </div>
</div>
<div class="panel panel-default col-lg-4 ">
    <div class="row btn-info">
        <h2>SITIOS STATUS</h2>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>SITIOS PROGRAMADOS</label>

        </div>
        <div class="col-lg-4">
            <span id="sitioTotal"></span>

        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>VF  + ANULADOS + CANCELADOS</label>
        </div>
        <div class="col-lg-4">
            <span id="sitioVF"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>PROGRAMADOS NETO</label>
        </div>
        <div class="col-lg-4">
            <span id="sitioProg"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>EJECUTADOS</label>
        </div>
        <div class="col-lg-4">
            <span id="sitioEjec"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>% SITIOS EJECUTADOS</label>
        </div>
        <div class="col-lg-4">
            <span id="sistioEjecPorc"></span>
        </div>
    </div>
</div>

<div class="panel panel-default col-lg-4 ">
    <div class="row btn-info">
        <h2>MP ESTADOS</h2>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>EJECUTADO</label>

        </div>
        <div class="col-lg-4">
            <span id="estadoEjec"></span>

        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>INCOMPLETOS</label>
        </div>
        <div class="col-lg-4">
            <span id="estadoIncom"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>PENDIENTES</label>
        </div>
        <div class="col-lg-4">
            <span id="estadoPendiente"></span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>REPROGRAMADOS</label>
        </div>
        <div class="col-lg-4">
            <span>0</span>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8">
            <label>CANCELADO</label>
        </div>
        <div class="col-lg-4">
            <span id="estadoCancelado"></span>
        </div>
    </div>
</div>
{%if is_granted('ROLE_DISPACTH_1') %}
<div class="panel panel-default col-lg-12">
    <div class="row btn-info center" style="text-align: center">
        <label>INFORMACIÓN FINANCIERA</label>

    </div>
    <table style="width: 100%;" class="stripe row-border order-column">
        <thead>
        <tr>
            <th>PRIORIDAD</th>
            <th>PROGRAMADO</th>
            <th>EJECUTADO</th>
            <th>% EJECUTADO</th>
            <th>PROYECTADO</th>
            <th>EJECUTADO</th>
            <th>TOTAL PROGRAMADO</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>CRITICA</td>
            <td id="criticaProg"></td>
            <td id="criticaEjec"></td>
            <td id="criticaPorcEjecutado"></td>
            <td id="criticaProyectado"></td>
            <td id="criticaEjecutado"></td>
            <td id="criticaTotal"></td>
        </tr>

        <tr>
            <td>ALTA</td>
            <td id="altaProg"></td>
            <td id="altaEjec"></td>
            <td id="altaPorcEjecutado"></td>
            <td id="altaProyectado"></td>
            <td id="altaEjecutado"></td>
            <td id="altaTotal"></td>
        </tr>

        <tr>
            <td>MEDIA</td>
            <td id="mediaProg"></td>
            <td id="mediaEjec"></td>
            <td id="mediaPorcEjecutado"></td>
            <td id="mediaProyectado"></td>
            <td id="mediaEjecutado"></td>
            <td id="mediaTotal"></td>
        </tr>

        <tr>
            <td>BAJA</td>
            <td id="bajaProg"></td>
            <td id="bajaEjec"></td>
            <td id="bajaPorcEjecutado"></td>
            <td id="bajaProyectado"></td>
            <td id="bajaEjecutado"></td>
            <td id="bajaTotal"></td>
        </tr>

        <tr style="background-color: #419641; font-weight: bold">
            <td>TOTAL</td>
            <td id="totalProgro"></td>
            <td id="totalEjecu"></td>
            <td id="totalPorcEjecutado"></td>
            <td id="totalProyectado"></td>
            <td id="totalEjecutado"></td>
            <td id="totalTotal"></td>
        </tr>
        </tbody>
    </table>
</div>
{%endif%}
<table id="example" class="stripe row-border order-column" cellspacing="0" width="100%" style="width: 100%;">
    <thead>
    <tr> <th style="width: 20px"></th>
        <th></th>
        <th></th>
        <th></th>
        <th style="width: 20px"></th>
        <th style="width: 20px"></th>
        <th style="width: 20px"></th>
        <th style="width: 20px"></th>
        <th style="width: 20px"></th>
        <!--th style="width: 20px"></th-->
        <th></th>
        <th></th>
        <th id="totalProy">Total</th>
        <th id="totalEjec"></th>
        <th id="totalCol"></th>

    </tr>
    <tr>
        <th>{{'ticketDetail.site' | trans | capitalize}}</th>
        <th>Responsable</th>
        <th>{{'site.category' | trans | capitalize}}</th>
        <th>Codigo</th>
        <th style="width: 20px">Cuenta Sist</th>
        <th style="width: 20px">Sist. Prog</th>
        <th style="width: 20px">Sist. Ejec</th>
        <th style="width: 20px">Dia Max Prog</th>
        <th style="width: 20px">Dia Min Prog</th>
        <!--th style="width: 20px">Dia Max Ejec</th-->
        <th>Est</th>
        <th>Proy</th>
        {%if is_granted('ROLE_DISPACTH_1') %}
        <th>$ Proy</th>
        <th>$ Ejec</th>
        <th>$ Total</th>
        {%endif%}
    </tr>
   </thead>
    <tbody id="tbody">
    {% for consulta in consultas %}
        <tr  class="rowSite" idsitio="{{ consulta.idsitio }}">
            <td>{{ consulta.sitio }}</td>
            <td>{{ consulta.supervisor }}</td>
            <td>{{ consulta.categoria }}</td>
            <td>{{ consulta.codigo }}</td>
            <td>{{ consulta.total }}</td>
            <td>{{ consulta.programado }}</td>
            <td>{{ consulta.ejecutado }}</td>
            <td>{{ consulta.progMax }}</td>
            <td>{{ consulta.progMin }}</td>
            <!--td>{{ consulta.ejcMax }}</td-->
            <td>
                {% if consulta.programado == 0 %}
                    C
                {% elseif (consulta.ejecutado == consulta.programado) %}
                    E
                {% elseif (consulta.ejecutado != consulta.programado and consulta.ejecutado != 0) %}
                    I
                {% elseif (consulta.ejecutado == 0) %}
                    p
                {% endif %}
            </td>
            <td>{% if  consulta.pray== "SI"  %}
                    <input  checked  type="checkbox" data-toggle="toggle" prioridad="{{ consulta.prioridad }}" idsitio="{{ consulta.idsitio }}"  codigo="{{ consulta.codigo }}" idticket="{{ consulta.idticket }}" data-on="SI" data-off="NO" class="toggle-one prayCheck" id="prayCheck" name="checkboxCu" data-onstyle="success" value ="SI" data-toggle="modal" data-target="#obsDesNovMod">

                    {% else %}
                <input  {% if (consulta.programado == consulta.ejecutado and consulta.programado != 0) %} checked {% endif %}  idsitio="{{ consulta.idsitio }}" type="checkbox"  idticket="{{ consulta.idticket }}" prioridad="{{ consulta.prioridad }}" codigo="{{ consulta.codigo }}" data-toggle="toggle" data-on="SI" data-off="NO" class="toggle-one prayCheck" id="prayCheck" name="checkboxCu" data-onstyle="success" value ="NO" data-toggle="modal" data-target="#obsDesNovMod">

            {% endif %}</td>
            {%if is_granted('ROLE_DISPACTH_1') %}
            <td id="{{ consulta.codigo }}">
                {% if (consulta.pray == "SI") %}
                    <script>
                        costoProy = costoProy + parseFloat({{ consulta.costo }});
                    </script>
                    {{ consulta.costo }}
                    {% else %}


                        {% if (consulta.programado == consulta.ejecutado and consulta.programado != 0 ) %}
                            {{ consulta.costo }}

                                <script>
                                    costoProy = costoProy + parseFloat({{ consulta.costo }});
                                </script>
                        {% else %}
                            0
                        {% endif  %}

                {% endif  %}
            </td>
            <td>
                {% if (consulta.programado == consulta.ejecutado and consulta.programado != 0) %}
                    {{ consulta.costo }}
                    <script>
                        costoEjec = costoEjec + parseFloat({{ consulta.costo }});
                    </script>
                    {% else %}
                    0

                {% endif  %}
            </td>
            <td id="{{ consulta.codigo }}Costo">{{ consulta.costo }}</td>
            {%endif%}
        </tr>
        <script>
            costo = costo + parseFloat({{ consulta.costo }});
            sistTotal = parseFloat(sistTotal) + parseFloat({{ consulta.total }});
            sistVF = parseFloat(sistVF) + parseFloat({{ consulta.cancelado }});
            sistProg = parseFloat(sistProg) + parseFloat({{ consulta.programado }});
            sistEjec = parseFloat(sistEjec) + parseFloat({{ consulta.ejecutado }});
            sitioTotal = parseFloat(sitioTotal)  + parseFloat(1);
            {% if consulta.programado == 0 %}
            sitioVF = parseFloat(sitioVF)  + parseFloat(1);
            estadoCancelado = parseFloat(estadoCancelado) + parseFloat(1);
            {% endif %}
            {% if consulta.programado != 0 %}
            sitioProg = parseFloat(sitioProg) + parseFloat(1);

            {% if consulta.prioridad == 'CRITICA' %}
            criticaProg = parseFloat(criticaProg) + parseFloat(1);
            {% elseif(consulta.prioridad == 'ALTA') %}
            altaProg = parseFloat(altaProg) + parseFloat(1);
            {% elseif(consulta.prioridad == 'MEDIA') %}
            mediaProg = parseFloat(mediaProg) + parseFloat(1);
            {% elseif(consulta.prioridad == 'BAJA') %}
            bajaProg = parseFloat(bajaProg) + parseFloat(1);
            {% endif %}
            {% endif %}



            {% if consulta.programado == consulta.ejecutado and consulta.programado !=0 %}
            sitioEjec = parseFloat(sitioEjec) + parseFloat(1);
            estadoEjec = parseFloat(estadoEjec) + parseFloat(1);
                {% if consulta.prioridad == 'CRITICA' %}
            criticaEjec = parseFloat(criticaEjec) + parseFloat(1);
            criticaEjecutado = parseFloat(criticaEjecutado) + + parseFloat({{ consulta.costo }});


                {% elseif(consulta.prioridad == 'ALTA') %}
            altaEjec = parseFloat(altaEjec) + parseFloat(1);
            altaEjecutado = parseFloat(altaEjecutado) + + parseFloat({{ consulta.costo }});
                {% elseif(consulta.prioridad == 'MEDIA') %}
            mediaEjec = parseFloat(mediaEjec) + parseFloat(1);
            mediaEjecutado = parseFloat(mediaEjecutado) + + parseFloat({{ consulta.costo }});
                {% elseif(consulta.prioridad == 'BAJA') %}
            bajaEjec = parseFloat(bajaEjec) + parseFloat(1);
            bajaEjecutado = parseFloat(bajaEjecutado) + + parseFloat({{ consulta.costo }});
                {% endif %}

            {% endif %}


            {% if consulta.programado != consulta.ejecutado and  consulta.programado != 0   and  consulta.ejecutado != 0 %}
            estadoIncom = parseFloat(estadoIncom) + parseFloat(1);
            {% endif %}
            {% if consulta.ejecutado == 0%}
            estadoPendiente = parseFloat(estadoPendiente) + parseFloat(1);
            {% endif %}


            {% if consulta.prioridad == 'CRITICA' %}
            criticaTotal = parseFloat(criticaTotal) + parseFloat({{ consulta.costo }});
            {% elseif(consulta.prioridad == 'ALTA') %}
            altaTotal = parseFloat(altaTotal) + parseFloat({{ consulta.costo }});
            {% elseif(consulta.prioridad == 'MEDIA') %}
            mediaTotal = parseFloat(mediaTotal) + parseFloat({{ consulta.costo }});
            {% elseif(consulta.prioridad == 'BAJA') %}
            bajaTotal = parseFloat(bajaTotal) + parseFloat({{ consulta.costo }});
            {% endif %}



            {% if  consulta.pray== "SI"  %}
                {% if consulta.prioridad == 'CRITICA' %}
            criticaProyectado = parseFloat(criticaProyectado) + + parseFloat({{ consulta.costo }});
                {% elseif(consulta.prioridad == 'ALTA') %}
            altaProyectado = parseFloat(altaProyectado) + + parseFloat({{ consulta.costo }});
                {% elseif(consulta.prioridad == 'MEDIA') %}
                mediaProyectado = parseFloat(mediaProyectado) + + parseFloat({{ consulta.costo }});
                {% elseif(consulta.prioridad == 'BAJA') %}
                bajaProyectado = parseFloat(bajaProyectado) + + parseFloat({{ consulta.costo }});
                {% endif %}
            {% else %}
            {% if (consulta.programado == consulta.ejecutado and consulta.programado != 0) %}



            {% if consulta.prioridad == 'CRITICA' %}
            criticaProyectado = parseFloat(criticaProyectado) + + parseFloat({{ consulta.costo }});
            {% elseif(consulta.prioridad == 'ALTA') %}
            altaProyectado = parseFloat(altaProyectado) + + parseFloat({{ consulta.costo }});
            {% elseif(consulta.prioridad == 'MEDIA') %}
            mediaProyectado = parseFloat(mediaProyectado) + + parseFloat({{ consulta.costo }});
            {% elseif(consulta.prioridad == 'BAJA') %}
            bajaProyectado = parseFloat(bajaProyectado) + + parseFloat({{ consulta.costo }});
            {% endif %}



            {% endif %}

            {% endif %}


        </script>
    {%  endfor%}
    </tbody>
</table>
<script>
    altaPorcEjecutado = Math.round(parseFloat(altaEjec)/parseFloat(altaProg)*100);
    mediaPorcEjecutado = Math.round(parseFloat(mediaEjec)/parseFloat(mediaProg)*100);
    bajaPorcEjecutado = Math.round(parseFloat(bajaEjec)/parseFloat(bajaProg)*100);
    criticaPorcEjecutado = Math.round(parseFloat(criticaEjec)/parseFloat(criticaProg)*100);

    $("#altaProg").text(altaProg);
    $("#altaEjec").text(altaEjec);
    $("#altaPorcEjecutado").text(altaPorcEjecutado);
    $("#altaProyectado").text(altaProyectado);
    $('#altaProyectado').formatCurrency();
    $("#altaEjecutado").text(altaEjecutado);
    $('#altaEjecutado').formatCurrency();
    $("#altaTotal").text(altaTotal);
    $('#altaTotal').formatCurrency();

    $("#mediaProg").text(mediaProg);
    $("#mediaEjec").text(mediaEjec);
    $("#mediaPorcEjecutado").text(mediaPorcEjecutado);
    $("#mediaProyectado").text(mediaProyectado);
    $('#mediaProyectado').formatCurrency();
    $("#mediaEjecutado").text(mediaEjecutado);
    $('#mediaEjecutado').formatCurrency();
    $("#mediaTotal").text(mediaTotal);
    $('#mediaTotal').formatCurrency();

    $("#bajaProg").text(bajaProg);
    $("#bajaEjec").text(bajaEjec);
    $("#bajaPorcEjecutado").text(bajaPorcEjecutado);
    $("#bajaProyectado").text(bajaProyectado);
    $('#bajaProyectado').formatCurrency();
    $("#bajaEjecutado").text(bajaEjecutado);
    $('#bajaEjecutado').formatCurrency();
    $("#bajaTotal").text(bajaTotal);
    $('#bajaTotal').formatCurrency();

    $("#criticaProg").text(criticaProg);
    $("#criticaEjec").text(criticaEjec);
    $("#criticaPorcEjecutado").text(criticaPorcEjecutado);
    $("#criticaProyectado").text(criticaProyectado);
    $('#criticaProyectado').formatCurrency();
    $("#criticaEjecutado").text(criticaEjecutado);
    $('#criticaEjecutado').formatCurrency();
    $("#criticaTotal").text(criticaTotal);
    $('#criticaTotal').formatCurrency();



    $("#totalProgro").text(parseFloat(bajaProg)+parseFloat(mediaProg)+parseFloat(altaProg)+parseFloat(criticaProg));
    $("#totalEjecu").text(parseFloat(bajaEjec)+parseFloat(criticaEjec)+parseFloat(mediaEjec)+parseFloat(altaEjec));
    $("#totalPorcEjecutado").text(Math.round((parseFloat(bajaEjec)+parseFloat(criticaEjec)+parseFloat(mediaEjec)+parseFloat(altaEjec))/(parseFloat(bajaProg)+parseFloat(mediaProg)+parseFloat(altaProg)+parseFloat(criticaProg))*100));
    $("#totalProyectado").text(parseFloat(bajaProyectado)+parseFloat(altaProyectado)+parseFloat(mediaProyectado)+parseFloat(criticaProyectado));
    $('#totalProyectado').formatCurrency();
    $("#totalEjecutado").text(parseFloat(bajaEjecutado)+parseFloat(altaEjecutado)+parseFloat(mediaEjecutado)+parseFloat(criticaEjecutado));
    $('#totalEjecutado').formatCurrency();
    $("#totalTotal").text(parseFloat(bajaTotal)+parseFloat(altaTotal)+parseFloat(mediaTotal)+parseFloat(criticaTotal));
    $('#totalTotal').formatCurrency();



    $("#totalCol").text(costo);
    $("#totalEjec").text(costoEjec);
    $("#totalProy").text(costoProy);
    $('#totalProy').formatCurrency();
    $('#totalEjec').formatCurrency();
    $('#totalCol').formatCurrency();
    $("#sistTotal").text(sistTotal);
    $("#sistVF").text(sistVF);
    $("#sistProg").text(sistProg);
    $("#sistEjec").text(sistEjec);
    $("#sitioTotal").text(sitioTotal);
    $("#sitioVF").text(sitioVF);
    $("#sitioProg").text(sitioProg);
    $("#sitioEjec").text(sitioEjec);
    $("#estadoEjec").text(estadoEjec);
    $("#estadoIncom").text(estadoIncom);
    $("#estadoPendiente").text(estadoPendiente);
    $("#estadoCancelado").text(estadoCancelado);
    $("#sistEjecPorc").text(Math.round(parseFloat(sistEjec)/parseFloat(sistProg)*100));
    $("#sistioEjecPorc").text(Math.round(parseFloat(sitioEjec)/parseFloat(sitioProg)*100));



</script>


<div class="modal fade" id="mShowSiteMP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header btn-info">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h1 class="modal-title" id="exampleModalLabel">DETALLE DEL SITIO</h1>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-4"><label>{{'ticketDetail.site' | trans}}:</label></div>
                    <div id="nameSite"></div>

                </div>
                <div class="row">
                    <div class="col-lg-4"><label>{{'TIPO SITIO' | trans}}:</label></div>
                    <div id="siteType"></div>

                </div>
                {%if is_granted('ROLE_DISPACTH_1') %}    
                <div class="row">
                    <div class="col-lg-4"><label>COSTO SITIO:</label></div>
                    <div id="costoSite"></div>

                </div>
                {%endif%}
                <div class="row">
                    <table class="table table-bordered table-hover table-striped table-responsive">
                        <thead>
                        <tr  class="btn-info">
                            <th>TICKET</th>
                            <th>SISTEMA</th>
                            <th>{{'ticketDetail.status' | trans}}</th>
                        </tr>
                        </thead>
                        <tbody id="tbodyDetailSite">

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
            </div>
        </div>
    </div>
</div>
{% endif %}