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

{% endblock %}

{% block dashboard %}
    <style>

.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;
        }

       .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: #aa0001;
          border-color: #aa0001;

        }
        table.tablesorter thead tr th{

            height: 40px;
        }

        .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc {
            background-color: #aa0001;}
        .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc {
            background-color: #aa0001;}


        .tablesorter-blue .tablesorter-filter-row td {
            background: #aa0001;}

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

        .table-responsive {
            height: 400px !important;
            overflow: scroll;
            }
             .btn-claro {
            color: #fff;
            background-color: #aa0001;
            border-color: #e06a70;

            }
            .btn-claro:hover, .btn-claro:focus {
            color: #fcfcfc;
            text-decoration: none;
            }
            tr {cursor:pointer}
            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;
            }
    </style>
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script src="{{ asset('js/tableExport.js') }}"></script>
    <script src="{{ asset('js/jquery.base64.js') }}"></script>
    <script src="{{ asset('js/jquery.numeric.js') }}"></script>
    <script src="{{ asset('js/jquery.form.js') }}"></script>
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.doubleScroll.js') }}" type="text/javascript"></script>
    <script>
        var translation = {

        };

        $(function () {

            reporteDatosAll()

            $("#generar").click(function () {
                $.isLoading({
                    text: "Loading"
                });
                $("#cantidad").html(0);
                reporteDatos();
            });

            $('#Filtros_fechaIni').datepicker({
                    dateFormat: 'yy-mm-dd',
                    onClose: function( selectedDate ) {
                             $( "#Filtros_fechaFin" ).datepicker( "option", "minDate", selectedDate );

                    }
            });

            $('#Filtros_fechaFin').datepicker({
                    dateFormat: 'yy-mm-dd',
            });

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

                    $.isLoading({
                        text:       "Rechazando"


                    });
                    // console.log($("#suministro_suministrobundle_recibopagodetalle_reciboPago").val());
                },
                error: function (error) {


                    $.isLoading('hide');
                },
                success: function (responseText, statusText, xhr, $form) {
                    $.isLoading('hide');
                    //refrescar ventana
                    var reporte_id = 66;
                    var idticket=$("#idticketR").val();
                    //alert(idticket);
                    $("#myModalDetalle .modal-body").empty();

                    var data = {'reporte_id':reporte_id,'ticket_id':idticket}
                    $.getJSON('{{ path('reportecorrectivo_getDetalle') }}',data,function(data){
                    $("#myModalDetalle .modal-body").html(createTableDetal(data.monitor));
                    sumaPrecio();
                    sumaTotal();
                    $("#myModalDetalle").modal();
                    });

                    reporteDatos();
                    //fin refrescar ventana
                    swal("El Item Fue Rechazado", "You clicked the button!", "success");
                    $("#modalRechazo").modal('hide');


                }


            });

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

                    $.isLoading({
                        text:       "Validando"


                    });
                    // console.log($("#suministro_suministrobundle_recibopagodetalle_reciboPago").val());
                },
                error: function (error) {


                    $.isLoading('hide');
                },
                success: function (responseText, statusText, xhr, $form) {
                    $.isLoading('hide');
                    //refrescar ventana
                    var reporte_id = 66;
                    var idticket=$("#idticket").val();
                    $("#myModalDetalle .modal-body").empty();

                    var data = {'reporte_id':reporte_id,'ticket_id':idticket}
                    $.getJSON('{{ path('reportecorrectivo_getDetalle') }}',data,function(data){
                    $("#myModalDetalle .modal-body").html(createTableDetal(data.monitor));
                    sumaPrecio();
                    sumaTotal();
                    $("#myModalDetalle").modal();
                    });

                    reporteDatos();

                    //fin refrescar ventana
                    swal("El Item Fue Validado", "You clicked the button!", "success");
                    $("#modalValida").modal('hide');

                   //reporteDatos();
                }


            });

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

                    $.isLoading({
                        text:       "Aprobando"

                    });

                },
                error: function (error) {


                    $.isLoading('hide');
                },
                success: function (responseText, statusText, xhr, $form) {
                    $.isLoading('hide');
                    swal("Cotizacion Aprobada", "You clicked the button!", "success");
                    $("#aprobarCotizacion").modal('hide');

                   reporteDatos();
                }
            });

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

                    $.isLoading({
                        text:       "Rechazando"

                    });

                },
                error: function (error) {


                    $.isLoading('hide');
                },
                success: function (responseText, statusText, xhr, $form) {
                    $.isLoading('hide');
                    swal("Cotizacion Rechazada", "You clicked the button!", "success");
                    $("#rechazoCotizacion").modal('hide');

                   reporteDatos();
                }
            });

            //$('#generar').trigger('click');

            });

            //////////////////////
            function myFunction(index , idelment) {
                  // Declare variables
                  var input, filter, table, tr, td, i, tmpstr;

                  input = document.getElementById('id'+index+'id');
                  //   index =index-1;
                  filter = input.value.toUpperCase();
                  table = document.getElementById("tabla1");
                  tr = table.getElementsByTagName("tr");

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

                  td = tr[i].getElementsByTagName("td")[index];

                  if (td) {
                  tmpstr = td.innerHTML.toUpperCase();
                  if (tmpstr.search(filter) > -1) {
                     tr[i].style.display = "";
                  } else {
                  if(i>1)
                  {
                    tr[i].style.display = "none";
                  }

                  }
                  }
                  }
                  }
            /////////////////////

            function reporteDatosAll() {
                var data = {};
                //data['pais'] = $("#pais").val();
                data['pais'] =  "" + {{idproyectos}};
                $.getJSON('{{path('reportecorrectivo_getCorrectivoCotizacionesAll')}}', data, function (data) {

                    var datos = data.datos;
                    var validado = data.validado[0].cantidad;
                    var rechazado = data.rechazado[0].cantidad;
                    var porValidar = data.porValidar[0].cantidad;
                    $("#cantidad").html(datos.length);
                    $("#validado").text(validado);
                    $("#rechazado").text(rechazado);
                    $("#porValidar").text(porValidar);
                    var flag = true;

                    if(datos.length == 0){

                        $("#primer_reporte").empty();
                        $("#chart1").empty();
                        $("#chart2").empty();
                        $("#primer_reporte").empty();
                        $("#primer_reporte").append('<div class="alert alert-warning text-center" role="alert">NO HAY DATOS POR VALIDAR</div>');
                        $.isLoading("hide");
                        $("#inicio").show();
                        return false;
                    }


                    $("#primer_reporte").empty().append(createTable(datos));
                    $('.double-scroll').doubleScroll();
                    $.isLoading("hide");

                    var pagerOptions = {
                                            // target the pager markup - see the HTML block below
                                            container: $(".pager"),
                                            // output string - default is '{page}/{totalPages}'; possible variables: {page}, {totalPages}, {startRow}, {endRow} and {totalRows}
                                            //output: '{startRow} - {endRow} / {filteredRows} ({totalRows})',
                                            output: 'Rows : {endRow}',
                                            // if true, the table will remain the same height no matter how many records are displayed. The space is made up by an empty
                                            // table row set to a height to compensate; default is false
                                            fixedHeight: false,
                                            // remove rows from the table to speed up the sort of large tables.
                                            // setting this to false, only hides the non-visible rows; needed if you plan to add/remove rows with the pager enabled.
                                            removeRows: true,
                                            // go to page selector - select dropdown that sets the current page
                                            cssGoto: '.gotoPage'
                                        };
                                        // initial sort set using sortList option
                                        $(".table1").tablesorter({
                                            theme: 'blue',
                                            // sort on the first column and second column in ascending order
                                            widgets: ["zebra", "filter"],
                                            widgetOptions: {
                                                // extra css class applied to the table row containing the filters & the inputs within that row
                                                filter_cssFilter: '',
                                                // If there are child rows in the table (rows with class name from "cssChildRow" option)
                                                // and this option is true and a match is found anywhere in the child row, then it will make that row
                                                // visible; default is false
                                                filter_childRows: false,
                                                // if true, filters are collapsed initially, but can be revealed by hovering over the grey bar immediately
                                                // below the header row. Additionally, tabbing through the document will open the filter row when an input gets focus
                                                filter_hideFilters: false,
                                                // Set this option to false to make the searches case sensitive
                                                filter_ignoreCase: true,
                                                // jQuery selector string of an element used to reset the filters
                                                filter_reset: '.reset',
                                                // Use the $.tablesorter.storage utility to save the most recent filters
                                                filter_saveFilters: true
                                            }
                                        }).tablesorterPager(pagerOptions);
                                        $('.pager').show();
                                        $.isLoading("hide");

                });
                $.isLoading("hide");

            }

            function reporteDatos() {
                var data = {};
                data['pais'] = $("#pais").val();
                data['fechaIni'] = $("#Filtros_fechaIni").val();
                data['fechaFin'] = $("#Filtros_fechaFin").val();
                $.getJSON('{{path('reportecorrectivo_getCorrectivoCotizaciones')}}', data, function (data) {

                    var datos = data.datos;
                    var validado = data.validado[0].cantidad;
                    var rechazado = data.rechazado[0].cantidad;
                    var porValidar = data.porValidar[0].cantidad;
                    $("#cantidad").html(datos.length);
                    $("#validado").text(validado);
                    $("#rechazado").text(rechazado);
                    $("#porValidar").text(porValidar);
                    var flag = true;

                    if(datos.length == 0){

                        $("#primer_reporte").empty();
                        $("#chart1").empty();
                        $("#chart2").empty();
                        $("#primer_reporte").empty();
                        $("#primer_reporte").append('<div class="alert alert-warning text-center" role="alert">NO HAY DATOS POR VALIDAR</div>');
                        $.isLoading("hide");
                        $("#inicio").show();
                        return false;
                    }


                    $("#primer_reporte").empty().append(createTable(datos));
                    $('.double-scroll').doubleScroll();
                    $.isLoading("hide");

                    var pagerOptions = {
                                            // target the pager markup - see the HTML block below
                                            container: $(".pager"),
                                            // output string - default is '{page}/{totalPages}'; possible variables: {page}, {totalPages}, {startRow}, {endRow} and {totalRows}
                                            //output: '{startRow} - {endRow} / {filteredRows} ({totalRows})',
                                            output: 'Rows : {endRow}',
                                            // if true, the table will remain the same height no matter how many records are displayed. The space is made up by an empty
                                            // table row set to a height to compensate; default is false
                                            fixedHeight: false,
                                            // remove rows from the table to speed up the sort of large tables.
                                            // setting this to false, only hides the non-visible rows; needed if you plan to add/remove rows with the pager enabled.
                                            removeRows: true,
                                            // go to page selector - select dropdown that sets the current page
                                            cssGoto: '.gotoPage'
                                        };
                                        // initial sort set using sortList option
                                        $(".table1").tablesorter({
                                            theme: 'blue',
                                            // sort on the first column and second column in ascending order
                                            widgets: ["zebra", "filter"],
                                            widgetOptions: {
                                                // extra css class applied to the table row containing the filters & the inputs within that row
                                                filter_cssFilter: '',
                                                // If there are child rows in the table (rows with class name from "cssChildRow" option)
                                                // and this option is true and a match is found anywhere in the child row, then it will make that row
                                                // visible; default is false
                                                filter_childRows: false,
                                                // if true, filters are collapsed initially, but can be revealed by hovering over the grey bar immediately
                                                // below the header row. Additionally, tabbing through the document will open the filter row when an input gets focus
                                                filter_hideFilters: false,
                                                // Set this option to false to make the searches case sensitive
                                                filter_ignoreCase: true,
                                                // jQuery selector string of an element used to reset the filters
                                                filter_reset: '.reset',
                                                // Use the $.tablesorter.storage utility to save the most recent filters
                                                filter_saveFilters: true
                                            }
                                        }).tablesorterPager(pagerOptions);
                                        $('.pager').show();

                });

            }

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

                var reporte_id = 0;

                    if($(this).hasClass('validado')){
                        var idticket = $(this).attr('id');
                        reporte_id = 64;

                    }else if ($(this).hasClass('porValidar')){
                        reporte_id = 65;

                    }else {
                        reporte_id = 67;
                    }

                     $("#detalle").modal();
                     $("#detalle .modal-body").empty();

                    var data = {'reporte_id':reporte_id,'ticket_id':idticket}
                    $.getJSON('{{ path('reportecorrectivo_getDetalle') }}',data,function(data){

                        $("#detalle .modal-body").html(createTableSimple(data.monitor));

                    });
                });

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

                var id = $(this).attr('id');
                var myarr = id.split("|");
                var idticket =  myarr[0];
                var idrepuesto = myarr[1];
                var idticketrepuesto= myarr[2];

                $("#idticket").val(idticket);
                $("#idrepuesto").val(idrepuesto);
                $("#idticketrepuesto").val(idticketrepuesto);
                $('.comentarioV').val("");
                $('#statusItem').val("");

                $("#modalValida").modal();

            });

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

                var id = $(this).attr('id');
                var myarr = id.split("|");
                var idticket =  myarr[0];
                var idrepuesto = myarr[1];
                var idticketrepuesto= myarr[2];

                $("#idticketR").val(idticket);
                $("#idrepuestoR").val(idrepuesto);
                $("#idticketrepuestoR").val(idticketrepuesto);
                $('.comentarioR').val("");
                $('#statusItemR').val("");

                $("#modalRechazo").modal();

              });

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

                    var idticket = $(this).attr('id');
                    var ticketR = $(this).attr('ticketR');
                    var proyectR = $(this).attr('proyectR');
                    //alert(proyectR);
                    $("#idticketRechaza").val(idticket);
                    reporte_id = 269;

                     $("#rechazoCotizacion").modal();
                     $('#TitleR').text(`RECHAZAR COTIZACION - TICKET : ${ticketR}`);
                     $("#rechazoCotizacion .modal-body").empty();

                    var data = {'reporte_id':reporte_id,'ticket_id':idticket,'proyectR':proyectR}
                    $.getJSON('{{ path('reportecorrectivo_getDetalle') }}',data,function(data){

                        $("#rechazoCotizacion .modal-body").html(createTableSimple(data.monitor));

                    });
                });

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

                    var idticket = $(this).attr('id');
                    var ticketA = $(this).attr('ticketA');
                    var proyectA = $(this).attr('proyectA');
                    //alert(proyectA);
                    $("#idticketAprueba").val(idticket);
                    reporte_id = 268;

                     $("#aprobarCotizacion").modal();
                      $('#TitleA').text(`APROBAR COTIZACION - TICKET : ${ticketA}`);
                     $("#aprobarCotizacion .modal-body").empty();

                    var data = {'reporte_id':reporte_id,'ticket_id':idticket,'proyectA':proyectA}
                    $.getJSON('{{ path('reportecorrectivo_getDetalle') }}',data,function(data){

                        $("#aprobarCotizacion .modal-body").html(createTableSimple(data.monitor));

                    });
                });



        function createTableSimple(monitor,total,nombreColTotal){

            var header = Object.keys(monitor[0]);

            var table = '<table class="table table-bordered table-hover table-striped table-responsive"> <thead>' +

                    '<tr class="btn-info">';

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

                table += "<th class='text-center'>" + header[j] + "</th>"

            }
            table += "</tr></thead>";

            for (var i = 0; i < monitor.length; i++) {
                table += "<tr>";
                for (var j = 0; j < header.length; j++) {
                    if( typeof monitor[i][header[j]] === 'object'){
                        table += "<td>" + monitor[i][header[j]].date.substring(0,19)  + "</td>";
                    }else{
                        table += "<td>" + 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 getTotal(valor, key, tipo)
            {
                var total = new Array();

                var header = Object.keys(valor[0]);

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

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

                        if (typeof total[key[j]] === "undefined") {
                            total[key[j]] = 0;
                        }

                        if (tipo == 1) {
                            total[key[j]] += parseFloat(valor[i][header[key[j]]]);
                            if (i == (valor.length - 1))
                                total[key[j]] = parseFloat(total[key[j]]).toPrecision(3);
                            //alert(total[key[j]]);
                        } else
                            total[key[j]] += parseInt(valor[i][header[key[j]]]);
                    }

                }
                return total;
            }

            //Monitor Principal
            function createTable(monitor,option) {
             var header = Object.keys(monitor[0]);
             var table = '<table  class="table table-bordered table-hover table-striped table-responsive table1" id="tabla1"> <thead>' + '<tr class="btn-claro">';
             //var table;
             //var table = '<table  class="table table-bordered table-hover table-striped table-responsive table1" id="tableSitios"> <thead>' + '<tr class="btn-claro">';
             /*if (option == 1) {
                 table = '<table  id="tabla1" class="table table-bordered table-hover table-striped table-responsive table1 tablesorter tablesorter-blue hasFilters" style="text-align:left"> <thead>' + '<tr class="btn-claro">';
             } else
             {
                 table = '<table  id="tabla1" class="table table-bordered table-hover table-striped table-responsive table1 tablesorter tablesorter-blue hasFilters"> <thead>' + '<tr class="btn-claro">';
             }*/

                for (var j = 0; j < header.length; j++) {
                    if (header[j]!='idticket' && header[j]!='proyect'){

                      if (option == 1) {
                      table += "<th style='vertical-align:middle; width:300px' class='text-center'>" + header[j] + "</th>";
                      }else{
                     table += "<th style='vertical-align:middle; width:300px' class='text-center'>" + header[j] + "</th>"
                     //table += "<th style='vertical-align:middle;' class='text-center'>"  + header[j] + "</th>"
                     }

                    }

                }

                table += "</tr>";
                table += '<tr>';

                //EVITA CAMPOS DE BUSQUEDA SI ES UN DETALLE EN EL MONITOR, 17 ES EL NUMERO DE CAMPOS DEL QUERY PRINCIPAL DEL MONITOR
                //if(header.length > 5) {
                    /*var flagnumber = 0;
                    for (var j = 0; j < header.length; j++) {

                      if(header[j] != 'idticket' /*&& header[j] != 'DETALLE' && header[j] != 'APROBAR' && header[j] != 'RECHAZAR' && header[j] != 'COTIZACION' && header[j] != 'REPORTE CORRECTIVO APERTURA'--) {
                            var tmpid = 'id' + flagnumber + 'id';
                            table += "<td style='vertical-align:middle; height: 52px;' class='text-center'>\n\
                                    <input  class='form-control' style=font-size:9px type=input id=" + tmpid + " onkeyup=myFunction(" + flagnumber + "," + "id" + flagnumber + "id" + ")></td>";
                            flagnumber += 1;
                       }
                    }*/

                table += "</tr></thead>";

                for (var i = 0; i < monitor.length; i++) {
                    table += "<tr id='" + monitor[i]['idticket'] + "'>";
                    for (var j = 0; j < header.length; j++) {

                    if (header[j] == 'DETALLE'){
                        if ( monitor[i]['ID_SITIO']!='idticket') {
                            table += "<td class='text-center' style='vertical-align:middle;'>" + '<button type="button" proyect='+monitor[i]['proyect']+' ticket='+monitor[i]['TICKET']+' id=' + monitor[i]['idticket'] +  ' class="btn btn-default openModalDetail">Aprobar y/o Rechazar por Item</button>' + "</td>";
                        }else table += "<td>-</td>";
                    }else if (header[j] == 'COTIZACION')
                        {
                            if (monitor[i]['COTIZACION'] != null) {
                            table += "<td WIDTH='50' style='vertical-align:middle;' ><a class='btn btn-link' target='_blank' href=" + monitor[i]['COTIZACION'] + "><img border=0; src='{{ asset('images/greencheck.png') }}'; width='20' height='20'></img></a></td>";
                        }else{
                             table += "<td WIDTH='50' style='vertical-align:middle;' ><img border=0; src='{{ asset('images/gray_sync.png') }}'; width='20' height='20'></img></td>";
                        }
                    }else if (header[j] == 'REPORTE CORRECTIVO APERTURA')
                        {
                            if (monitor[i]['REPORTE CORRECTIVO APERTURA'] != null) {
                           table += "<td WIDTH='50' style='vertical-align:middle;' ><a class='btn btn-link' target='_blank' href=" + monitor[i]['REPORTE CORRECTIVO APERTURA'] + "><img border=0; src='{{ asset('images/greencheck.png') }}'; width='20' height='20'></img></a></td>";
                        }else{
                             table += "<td WIDTH='50' style='vertical-align:middle;' ><img border=0; src='{{ asset('images/gray_sync.png') }}'; width='20' height='20'></img></td>";
                        }
                    }else if (header[j] == 'APROBAR' && (monitor[i]['ESTADO']!="APROBADO PARCIALMENTE" && monitor[i]['ESTADO']!="RECHAZADO PARCIALMENTE")){
                        if ( (monitor[i]['ESTADO'] != 'APROBADO PARA EJECUCION' && monitor[i]['ESTADO'] != 'APROBADO PARCIALMENTE POR ERICSSON' && monitor[i]['ESTADO'] != 'APROBADO PARA EJECUCION 1ER NIVEL') && monitor[i]['APROBAR'] != null) {
                          //|| (monitor[i]['ESTADO'] != 'APROBADO PARA EJECUCION 1ER NIVEL' && monitor[i]['APROBAR'] != null)
                             table += "<td class='text-center' style='vertical-align:middle;'>" + '<button type="button" proyectA='+monitor[i]['proyect']+' ticketA='+monitor[i]['TICKET']+' id=' + monitor[i]['idticket'] +  ' class="btn btn-success aprobar">Aprobar por Cotización</button>' + "</td>";
                        }else{
                            table += "<td  class='text-center' style='vertical-align:middle;'>-</td>";
                        }
                    }else if (header[j] == 'RECHAZAR' && (monitor[i]['ESTADO']!="APROBADO PARCIALMENTE" && monitor[i]['ESTADO']!="RECHAZADO PARCIALMENTE")){
                        if ( (monitor[i]['ESTADO'] != 'APROBADO PARA EJECUCION' && monitor[i]['ESTADO'] != 'APROBADO PARCIALMENTE POR ERICSSON' && monitor[i]['ESTADO'] != 'APROBADO PARA EJECUCION 1ER NIVEL') && monitor[i]['RECHAZAR'] != null) {
                          //|| (monitor[i]['ESTADO'] != 'APROBADO PARA EJECUCION 1ER NIVEL' && monitor[i]['RECHAZAR'] != null)
                             table += "<td class='text-center' style='vertical-align:middle;'>" + '<button type="button" proyectR='+monitor[i]['proyect']+' ticketR='+monitor[i]['TICKET']+' id=' + monitor[i]['idticket'] +  ' class="btn btn-danger reactivo">Rechazar por Cotización</button>' + "</td>";
                        }else{
                            table += "<td class='text-center' style='vertical-align:middle;'>-</td>";
                        }
                    }
                    else if (header[j]!='idticket' && header[j]!='proyect')
                            table += "<td class='text-center' style='vertical-align:middle;'>" + monitor[i][header[j]] + "</td>";
                    }
                    table += "</tr>";
                }
                table += "</table>";

                return table;
            }


            function translate(translation, table) {

                var translationHeader = Object.keys(translation);

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

                    table = table.replace(translationHeader[i], translation[translationHeader[i]]);
                }

                return table;
            }

            function ISO8601_week_no(dt)
            {
                var tdt = new Date(dt.valueOf());
                var dayn = (dt.getDay() + 6) % 7;
                tdt.setDate(tdt.getDate() - dayn + 3);
                var firstThursday = tdt.valueOf();
                tdt.setMonth(0, 1);
                if (tdt.getDay() !== 4)
                {
                    tdt.setMonth(0, 1 + ((4 - tdt.getDay()) + 7) % 7);
                }
                return 1 + Math.ceil((firstThursday - tdt) / 604800000);
            }

            //Modal Detalle x Tickets
            $(".openModalDetail").live('click',function(){

                    var idticket = $(this).attr('id');
                    var ticket = $(this).attr('ticket');
                    var proyect = $(this).attr('proyect');
                    //alert(proyect);
                    reporte_id = 66;


                     $('#TitleD').text(`DETALLE COTIZACIONES - TICKET : ${ticket}`);
                     $("#myModalDetalle .modal-body").empty();

                    var data = {'reporte_id':reporte_id,'ticket_id':idticket,'proyect':proyect}
                    $.getJSON('{{ path('reportecorrectivo_getDetalle') }}',data,function(data){
                    $("#myModalDetalle .modal-body").html(createTableDetal(data.monitor));
                    sumaPrecio();
                    sumaTotal();
                    $("#myModalDetalle").modal();
                    });
                });

            function sumaPrecio(){
              var sum=0;
              $('.totalPrecio').each(function() {
              sum += parseFloat($(this).text().replace(/,/g, ''));
            });
            $('#suma').html(sum.toFixed(2));
            }

            function sumaTotal(){
              var sum=0;
              $('.totalT').each(function() {
              sum += parseFloat($(this).text().replace(/,/g, ''));
            });
            $('#suma1').html(sum.toFixed(2));
            }

         //Detalle por Tickets
        function createTableDetal(monitor) {
             var header = Object.keys(monitor[0]);
                var table = '<table class="table table-bordered table-hover table-striped table-responsive"> <thead>' +
                        '<tr class="btn-claro">';

                for (var j = 0; j < header.length; j++) {
                    if (header[j]!='id' && header[j]!='idticket' && header[j]!='idrepuesto' && header[j]!='estatus' && header[j]!='ESTADO' && header[j]!='idticketrepuesto' && header[j]!='estatus2')
                        table += "<th style='vertical-align:middle; width:50px' class='text-center'>" + header[j] + "</th>"
                }
                table += "</tr></thead>";

                for (var i = 0; i < monitor.length; i++) {
                    table += "<tr id='" + monitor[i]['idticket'] + "'>";
                    for (var j = 0; j < header.length; j++) {

                    if (header[j] == 'VALIDAR'){
                      if ( monitor[i]['ESTADO']!='APROBADO PARA EJECUCION' && monitor[i]['estatus']!='validado' && monitor[i]['estatus2'] == 'validado por ericsson'/* || (monitor[i]['estatus2']== 'validado por ericsson' && monitor[i]['estatus']!= 'rechazado')*/){
                        //if ( monitor[i]['estatus']!='validado') {
                             table += "<td style='vertical-align:middle;'>" + '<button type="button" id=' + monitor[i]['idticket'] + '|' + monitor[i]['idrepuesto'] + '|' + monitor[i]['idticketrepuesto']+  ' class="btn btn-success validar">VALIDAR</button>' + "</td>";
                        }else if (monitor[i]['estatus'] == 'validado') {
                             table += "<td style='vertical-align:middle; width: 50px;' ><img border=0; src='{{ asset('images/greencheck.png') }}'; width='20' height='20'></img></td>";

                        }/*else if (monitor[i]['estatus2'] == 'validado por ericsson') {
                             table += "<td style='vertical-align:middle; width: 50px;' ><img border=0; src='{{ asset('images/greencheck.png') }}'; width='20' height='20'></img></td>";

                        }*/else table += "<td class='text-center'><a>-</a></td>";

                    }else if (header[j] == 'RECHAZAR'){
                       if ( monitor[i]['estatus']=='rechazado') {
                            table += "<td style='vertical-align:middle; width: 50px;' ><img border=0; src='{{ asset('images/redx.png') }}'; width='20' height='20'></img></td>";
                        }else if ( monitor[i]['ESTADO']!='APROBADO PARA EJECUCION' && monitor[i]['estatus']!='rechazado' && monitor[i]['estatus']!='validado' && monitor[i]['estatus2'] == 'validado por ericsson'){
                             table += "<td style='vertical-align:middle;'>" + '<button type="button" id=' + monitor[i]['idticket'] +  '|' + monitor[i]['idrepuesto'] +  '|' + monitor[i]['idticketrepuesto'] +  ' class="btn btn-danger rechazar">RECHAZAR</button>' + "</td>";
                        }/*else if ( monitor[i]['estatus2']== 'validado por ericsson') {
                             table += "<td class='text-center'><a>-</a></td>";
                         }*/else table += "<td class='text-center'><a>-</a></td>";
                     }else if (header[j] == 'PRECIO' || header[j] == 'COSTO') {
                       table += "<td class='text-right totalPrecio' id=precio"+i+" name='precio[]'>" + monitor[i][header[j]] + "</td>";
                     }else if (header[j] == 'TOTAL') {
                       table += "<td class='text-right totalT' id=total"+i+" name='total[]'>" + monitor[i][header[j]] + "</td>";
                     }else if (header[j]!='id' && header[j]!='idticket' && header[j]!='idrepuesto' && header[j]!='estatus' && header[j]!='ESTADO' && header[j]!='idticketrepuesto' && header[j]!='estatus2' )
                            table += "<td>" + monitor[i][header[j]] + "</td>";
                    }
                    table += "</tr>";
                }
                table+="<tr><td>TOTAL</td>&nbsp;<td></td><td>&nbsp;</td><td id='suma'></td><td id='suma1'></td><td>&nbsp;</td><td>&nbsp;</td>"
                table += "</table>";

                return table;
            }

    </script>


    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-8 col-md-12">
                <h1 class="text-right text-primary"><i class="fa fa-file-text-o"></i> Monitor Cotizaciones Correctivo Cliente </h1>
            </div>
            {% if identity is not empty %}

                <div class=" pull-right col-lg-pull-2" style="">

                    <div class="col-lg-12">
                        <img id="logo" src="{{ asset( identity.pathLogo ) }}"  width="350" height="120">
                        <p class="text-center" style="font-size: 14pt;font-weight: bold;">{{ identity.alias }}</p>
                    </div>
                </div>

            {% endif %}
        </div>
        <!--<div class="row">
            <input type="hidden" id="generar">
                <!--<button type="hidden" class="btn btn-claro" id="generar">{#{'ticketDetail.boton.generar' | trans}#}</button>
                <button class="btn btn-claro" id="clear">{#{'ticketDetail.boton.limpiar' | trans}#}</button>
            </div>

         </div>-->


    <div class="container-fluid" id="inicio" style="">

        <div class="tab-content" style="margin-top: 20px;">
            <div id="_summary" class="tab-pane fade in active">
              <div class="row">
                <div class="col-lg-2 top-uno" id="parametros">
                  <label>Pais:</label>
                    <select class="form-control" id="pais">
                      {% if idproyectos == 57 %}
                         <option value="57">PANAMA</option>
                      {% elseif idproyectos == 35 %}
                         <option value="35">GUATEMALA</option>
                      {% elseif idproyectos == 30 %}
                         <option value="30">HONDURAS</option>
                      {% elseif idproyectos == 32 %}
                         <option value="32">NICARAGUA</option>
                      {% elseif idproyectos == 36 %}
                         <option value="36">EL SALVADOR</option>
                      {% elseif idproyectos == 37 %}
                         <option value="37">COSTA RICA</option>
                      {% endif %}
                    </select>
                </div>
                <div class="col-lg-2 top-uno">
                    <label> {{'monitor.etiqueta.fechaI' | trans}}:</label> </br>
                    <input class="form-control" type="text" id="Filtros_fechaIni" value="{{ dateStart }}">
                </div>
                <div class="col-lg-2 top-uno">
                    <label> {{'monitor.etiqueta.fechaF' | trans}}: </label>  </br>
                    <input class="form-control" type="text" id="Filtros_fechaFin" value="{{ dateEnd }}">
                </div>

                <div class="col-lg-2" style="margin-top: 2.5%" id="parametros">
                    <button class="btn btn-claro" id="generar">{{ 'monitoriii.generate' | trans }}</button>

                </div>
              </div>

                <!--Graficas Superiores-->
              <!--  <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="panel panel-red">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-exclamation fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div id="rechazado" class="huge">0</div>
                                        <div>Rechazados </div>
                                    </div>
                                </div>
                            </div>
                            <a href="#">
                                <div class="panel-footer">
                                    <span class="pull-left openModal rechazado">View Details</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="panel panel-yellow">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-exclamation fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div id="porValidar" class="huge">0</div>
                                        <div>Por Validar </div>
                                    </div>
                                </div>
                            </div>
                            <a href="#">
                                <div class="panel-footer">
                                    <span class="pull-left openModal porValidar">View Details</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="panel panel-green">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-check fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div id="validado" class="huge">0</div>
                                        <div>Validados</div>
                                    </div>
                                </div>
                            </div>
                            <a href="#">
                                <div class="panel-footer">
                                    <span class="pull-left openModal validado">View Details</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                   </div>
                 </div> -->
               </div>
            </div>

           </div>

             <div class="row">
                    <!--<div class="col-lg-3"  style="margin-top:2%">
                {#{'Cantidad' | trans}#}: <span id="cantidad" class="bold"></span>
             </div>-->

                    <div class="btn-group pull-right" role="group" aria-label="..." style="margin-right: 50px; margin-top: 2%">
                     <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i> {{'Exportar datos de la tabla' | trans}}</button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#" onclick="$('#primer_reporte').tableExport({type: 'excel', escape: 'false'});"> <img src={{ asset("images/xls.png")}} width="24px"> XLS</a></li>
                    </ul>

                    </div>

                </div>
                <div class="pager">
                    <span class="pagedisplay"></span>
                </div>
                <div class="row double-scroll" id="primer_reporte" style="margin-top: 2%" >


                </div>

                <div id="pager" class="pager" style="display: none;text-align: center; ">
                    <form>
                        <img src="{{asset('tablesorter-master/addons/pager/icons/first.png')}}" class="first"/>
                        <img src="{{asset('tablesorter-master/addons/pager/icons/prev.png')}}" class="prev"/>

                        <img src="{{asset('tablesorter-master/addons/pager/icons/next.png')}}" class="next"/>
                        <img src="{{asset('tablesorter-master/addons/pager/icons/last.png')}}" class="last"/>
                        <span class="pagedisplay"></span>
                        <select class="pagesize" title="Select page size">
                            <option selected="selected" value="1000">1000</option>
                            <option  value="500">500</option>
                            <option  value="100">100</option>

                        </select>
                    </form>
                </div>
            </div>

            <!--Modal Aprobar cotizacion-->
       <div class="modal fade" id="aprobarCotizacion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
             <form name="aprobar" action="{{ path('reportecorrectivo_aprobarCotizacion',{'idproyectos':idproyectos,'idmodule':idmodule}) }}">
                    <input id="idticketAprueba" type="hidden" name="idticket" >
                    <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">APROBAR COTIZACION</h2>-->
                    <h2 class="modal-title text-center" id="TitleA"> </h2>
                    </div>
                    <div class="modal-body">

                    </div>


                <div class="modal-footer">
                    <button id="save1" type="submit" class="btn btn-success">Aprobar</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </form>
                    </div>

            </div>
        </div>

       <!--Modal rechazar cotizacion-->
       <div class="modal fade" id="rechazoCotizacion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form name="reactivo" action="{{ path('reportecorrectivo_rechazarCotizacion',{'idproyectos':idproyectos,'idmodule':idmodule}) }}">
                    <input id="idticketRechaza" type="hidden" name="idticket" >
                    <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">RECHAZAR COTIZACION</h2>-->
                    <h2 class="modal-title text-center" id="TitleR"> </h2>
                    </div>
                    <div class="modal-body">

                    </div>


                <div class="modal-footer">
                    <button id="saveRechazo" type="submit" class="btn btn-danger">Rechazar</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
                </form>
                    </div>

            </div>
        </div>

        <!--Modal validar item-->
        <div class="modal fade" id="modalValida" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form name="validacion" action="{{ path('reportecorrectivo_validarItem',{'idproyectos':idproyectos,'idmodule':idmodule}) }}">
                    <input type="hidden" name="statusItem" value="validado">
                    <input type="hidden" name="estadoItem" value="aprobado para ejecucion">
                    <input id="idticket" type="hidden" name="idticket" >
                    <input id="idrepuesto" type="hidden" name="idrepuesto" >
                    <input id="idticketrepuesto" type="hidden" name="idticketrepuesto" >

                <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"> Validación ITEM</h2>
                </div>
                <div class="modal-body">
                        <div class="row" id="primeraFilaValidacion" style="margin-top:8px">

                            <div class="col-lg-6">
                                <label>Comentario</label>
                                <textarea required class="comentarioV form-control" name="comentario"></textarea>
                            </div>
                        </div><!-- fila 1 -->

                </div>
                <div class="modal-footer">
                    <button id="savePlan" type="submit" class="btn btn-success">Validar</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
                </form>
            </div>
        </div>
    </div>

        <!--Modal rechazar item-->
        <div class="modal fade" id="modalRechazo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form name="rechazar" action="{{ path('reportecorrectivo_rechazarItem',{'idproyectos':idproyectos,'idmodule':idmodule}) }}">
                    <input type="hidden" name="statusItemR" value="rechazado">
                    <input id="idticketR" type="hidden" name="idticketR" >
                    <input id="idrepuestoR" type="hidden" name="idrepuestoR" >
                    <input id="idticketrepuestoR" type="hidden" name="idticketrepuestoR" >
                <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"> Rechazo ITEM</h2>
                </div>
                <div class="modal-body">
                        <div class="row" id="primeraFilaRechazo" style="margin-top:8px">

                            <div class="col-lg-6">
                                <label>Comentario</label>
                                <textarea required class="comentarioR form-control" name="comentario"></textarea>
                            </div>
                        </div><!-- fila 1 -->

                </div>
                <div class="modal-footer">
                    <button id="save2" type="submit" class="btn btn-success">Rechazar</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <!--Modal detalle por tickets-->
    <div class="modal fade" id="myModalDetalle" 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">{{'DETALLE COTIZACIONES' | trans}}</h2>-->
                    <h2 class="modal-title text-center" id="TitleD"> </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>


     <!--Modal Detalle graficas (por validar, validados y rechazados)-->
    <div class="modal fade" id="detalle" 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">Detalle de Correctivos</h2>
                    </div>
                    <div class="modal-body">

                    </div>


                <div class="modal-footer">

                    <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>



{% endblock %}