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

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



    </div>
{%endblock %}        


{%block dashboard %}

    <style>
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}


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

        var poTotal = new Array();
        var idpos = new Array();
        var grTotal = new Array();
        var montoSubTotal = new Array();

        /*var poTotal = new Array();
        var grTotal = new Array();
        var montoSubTotal = new Array();*/
        var idticketActividadesCheck = new Array();
        var montoTotal = 0;
        var idpos = new Array();


        function deleteGR(po, gr, monto, id){
            montoTotal =  $("#valorHide").val();
            if(parseFloat(montoTotal) != 0){
                idpos = ($("#idHide").val()).split(",");
                grTotal = ($("#grHide").val()).split(",");
                montoSubTotal = ($("#montoHide").val()).split(",");

            }

            //alert(grTotal)

            var i = poTotal.indexOf("" + po + "");
            poTotal.splice(i, 1);
            var i = grTotal.indexOf("" + gr + "");
            grTotal.splice(i, 1);
            var i = idpos.indexOf("" + id + "");
            idpos.splice(i, 1);
            var i = montoSubTotal.indexOf("" + monto + "");
            montoSubTotal.splice(i, 1);
            montoTotal = parseFloat(montoTotal) - parseFloat(monto);
            $("#valorHide").val(montoTotal);


            $("#idHide").val(idpos);
            $("#grHide").val(grTotal);
            $("#montoHide").val(montoSubTotal);
            valor = $("#po option[value='"+id+"']").attr('valor')
            $("#po option[value='"+id+"']").attr('valor', parseFloat(valor) + parseFloat(monto));
            $("#po").change();

            $("#"+po+""+gr+""+monto).remove();
            $("#textTotal2").text(format2(montoTotal+".00"));
           // $("#lbCna").change();
        };






        /*function deleteGR(po, gr, monto, id){

            var i = poTotal.indexOf("" + po + "");
            poTotal.splice(i, 1);
            var i = grTotal.indexOf("" + gr + "");
            grTotal.splice(i, 1);
            var i = montoSubTotal.indexOf("" + monto + "");
            montoSubTotal.splice(i, 1);
            var i = idpos.indexOf("" + id + "");
            idpos.splice(i, 1);
            montoTotal = parseFloat(montoTotal) - parseFloat(monto);

            $("#"+po+""+gr+""+monto).remove();
           // $("#textTotal2").text(montoTotal);
            $("#textTotal2").text(format2(montoTotal+".00"));


            valor = $("#po option[value='"+id+"']").attr('valor')
            $("#po option[value='"+id+"']").attr('valor', parseFloat(valor) + parseFloat(monto));
            $("#po").change();


        };*/

        //var valorTotal = 0;
    function checkItems(costoTotal, idticketactividades){


            valorTotal = $("#valorTotal").val();
            //alert(valorTotal);
            if($("#check"+idticketactividades).is(':checked')){
                valorTotal = parseFloat(valorTotal) + parseFloat(costoTotal);
                idticketActividadesCheck.push("" + idticketactividades + "");

            }else{
                var i = idticketActividadesCheck.indexOf("" + idticketactividades + "");
                idticketActividadesCheck.splice(i, 1);
                valorTotal = parseFloat(valorTotal) - parseFloat(costoTotal);

            }
            $("#valorTotal").val(valorTotal);

            $("#textTotal").text(valorTotal);
            //alert(valorTotal);

        }
    function saveCategoria(idticketactividades){
        idcategoria = $("#idcategoria"+idticketactividades).val();
        $.ajax({
        type: 'POST',
        url: '{{ path('changeDatosItems', {'idproyectos': idproyectos} ) }}',
        data: {$idticketactividades: idticketactividades, $opc: 'categoria', $valor: idcategoria}
        });
    }
    function saveSistema(idticketactividades){
        idsistemna = $("#idsistema"+idticketactividades).val();
        $.ajax({
        type: 'POST',
        url: '{{ path('changeDatosItems', {'idproyectos': idproyectos} ) }}',
        data: {$idticketactividades: idticketactividades, $opc: 'sistema', $valor: idsistemna}
        });
    }
    function saveCantidad(idticketactividades){
        cantidad = $("#cantidad"+idticketactividades).val();
        $.ajax({
        type: 'POST',
        url: '{{ path('changeDatosItems', {'idproyectos': idproyectos} ) }}',
        data: {$idticketactividades: idticketactividades, $opc: 'cantidad', $valor: cantidad}
        });
        $("#costoTotalTxt"+idticketactividades).text(cantidad*$("#costoUnidad"+idticketactividades).val());
        $("#cobroTotalTxt"+idticketactividades).text(cantidad*$("#cobroUnidad"+idticketactividades).val());
    }
    function saveCostoUnidad(idticketactividades){
        costoUnidad = $("#costoUnidad"+idticketactividades).val();
        $.ajax({
        type: 'POST',
        url: '{{ path('changeDatosItems', {'idproyectos': idproyectos} ) }}',
        data: {$idticketactividades: idticketactividades, $opc: 'costoUnidad', $valor: costoUnidad}
        });
        $("#costoTotalTxt"+idticketactividades).text(costoUnidad*$("#cantidad"+idticketactividades).val());
    }
    function saveCobroUnidad(idticketactividades){
        cobroUnidad = $("#cobroUnidad"+idticketactividades).val();
        $.ajax({
        type: 'POST',
        url: '{{ path('changeDatosItems', {'idproyectos': idproyectos} ) }}',
        data: {$idticketactividades: idticketactividades, $opc: 'cobroUnidad', $valor: cobroUnidad}
        });
        $("#cobroTotalTxt"+idticketactividades).text(cobroUnidad*$("#cantidad"+idticketactividades).val());
    }
        $(function () {
        $("#submodulo46").addClass('active');

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

        var nowDate = new Date();
        var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);


            $('.datetimepicker1').datetimepicker({
                maxDate: today});

            var table = $('#example').DataTable( {
                dom: 'Bfrtip',
                "ajax": {
                    "url": "{{ path('showConciliacionProveedor',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data:  function( d ) {
                        d.idproveedor= $('#idproveedor').val();
                    }
                },
         columns: [
                    { "data": "nombre" },
                    { "data": "tipo" },
                    { "data": "sitio" },
                    { "data": "ticket" },
                    { "data": "ref" },
                    { "data": "items" },
                    { "data": "costoTotal" },
                    { "data": "cobroTotal" },
                    { "data": null}
                ],
        columnDefs: [
            { orderable: false, targets: [ 1 ] ,
            "targets": -1,
            "data": "idorden",
            "defaultContent": "<button class='btn btn-info'><i class='fa fa-search' aria-hidden='true'></i></button>"
            }
        ],
                lengthMenu: [
                    [  25, 50, -1 ],
                    [ '10 rows', '25 rows', '50 rows', 'Show all' ]
                ],
                buttons: [
                    'pageLength','copy', 'csv', 'excel', 'pdf', 'print'
                ]
            } );


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


                idorden = $(this).attr('idorden');
                $.ajax({
                    type: 'POST',
                    url: '{{ path('abrirOrdenServicios',{'idproyectos':idproyectos}) }}',
                    data: {$idorden :idorden}
                }).done(function(data) {
                    $("#modalCoinciliarProv").modal('hide');


                    table.ajax.reload(function ( json ) {
                        $("#cargar").css('display','none');
                    });

                });

            });

            $("#btnConciliarProveedor").click(function() {
                nroActas = $("#nroActas").val();
                if(nroActas == ''){
                    alert('Debe Ingresar nro de Acta');
                    return false;
                }
                idorden = $(this).attr('idorden');
                tipo = $(this).attr('tipo');
                fechaEntrega = $("#fechaEntrega").val();
                fechaEjecucion = $("#fechaEjecucion").val();
                fechaInforme = $("#fechaInforme").val();
                years = $("#conciliarYear").val();
                mes = $("#conciliarMes").val();
                nroGuia = $("#nroGuia").val();
                userRecibe = $("#userRecibe").val();
                $("#cargar").css('display','');
                $.ajax({
                    type: 'POST',
                    url: '{{ path('conciliarProveedor',{'idproyectos':idproyectos}) }}',
                    data: {$idorden :idorden, $tipo:tipo, $fechaEntrega: fechaEntrega,$fechaInforme: fechaInforme, $years:years,  $mes:mes,
                            $fechaEjecucion:fechaEjecucion, $nroGuia: nroGuia, $userRecibe:userRecibe, $nroActas: nroActas}
                }).done(function(data) {
                    $("#modalCoinciliarProv").modal('hide');


                    table.ajax.reload(function ( json ) {
                    $("#cargar").css('display','none');
                    });

                });

            });
            $("#btnShowProveedor").click(function () {
                $("#cargar").css('display','');
                table.ajax.reload(function ( json ) {
                $("#cargar").css('display','none');
                });

            });


         $('#example tbody').on( 'click', 'button', function () {
         $("#cargar").css('display','');
        var data = table.row( $(this).parents('tr') ).data();
        //alert( data.idticket +"'PROVEEDOR: "+ data.nombre );
         $("#btnConciliarProveedor").attr('tipo', data.tipo);
         $("#btnConciliarProveedor").attr('idorden', data.idorden);
             $("#btnAbrirOrden").attr('idorden', data.idorden);
             $("#btnAbrirOrden").attr('tipo', data.tipo);
        if(data.tipo=='REPUESTO'){
            $(".rowRepuesto").css('display','');
            $(".rowServicio").css('display','none');
        }else{
            $(".rowRepuesto").css('display','none');
            $(".rowServicio").css('display','');

        }
        $("#nombProveedor").text(data.nombre);
        $("#nombTipo").text(data.tipo);
        $("#fechaEntrega").val(data.fechaEntrega);
        $("#fechaInforme").val(data.fechaInforme);
        $("#fechaEjecucion").val(data.fechaEjecucion);
        $("#nroGuia").val(data.nroGuia);
        $("#userRecibe option[value='"+data.userRecibe+"']").attr('selected', true);
        $("#userRecibe").change();
        $.ajax({
        type:'POST',
        url: "{{ path('findOrdenCompra',{'idproyectos':idproyectos, 'idticket':0}) }}",
        data: {$idorden:data.idorden, $idticket : data.idticket  }
        }).done(function(json) {

                var obj = jQuery.parseJSON(json);
                var orden = obj.orden;
                var item = obj.items;
                tr = "";
                for(i=0;i< item.length; i++){

                selectCategoria  = '<select class="form-control" id="idcategoria'+item[i].idTicketActividades+'" onchange="saveCategoria('+item[i].idTicketActividades+')">'
                            selectCategoria  += '<option></option>'
                            {% for categoria in categorias %}
                            if(item[i].categoria == '{{ categoria.categoria }}'){
                            selectCategoria  +='<option value="{{ categoria.idcategoria }}" selected>{{ categoria.categoria }}</option>'

                            }else{
                            selectCategoria  +='<option value="{{ categoria.idcategoria }}">{{ categoria.categoria }}</option>'

                            }
                            {% endfor %}
                       selectCategoria  += '</select>'


                        selectSistema  ='<select class="form-control" id="idsistema'+item[i].idTicketActividades+'"  onchange="saveSistema('+item[i].idTicketActividades+')">'
                            selectSistema  +='<option></option>'
                            {% for sistema in sistemas %}
                            if(item[i].sistema == '{{ sistema.sistema }}'){
                            selectSistema  +='<option value="{{ sistema.idsistema }}" selected>{{ sistema.sistema }}</option>'

                            }else{
                            selectSistema  +='<option value="{{ sistema.idsistema }}">{{ sistema.sistema }}</option>'

                            }
                            {% endfor %}
                        selectSistema  +='</select>'

                    tr += "<tr>";
                    tr += "<td>"+ item[i].codigo +"</td>";
                    tr += "<td>"+ item[i].descripcion +"</td>";
                    tr += "<td>"+ item[i].tipo +"</td>";
                    tr += "<td>"+ selectCategoria +"</td>";
                    tr += "<td>"+ selectSistema +"</td>";
                    tr += "<td><input class='form-control' id='cantidad"+item[i].idTicketActividades+"' value="+item[i].cantidad+" style='width:80px'  onchange='saveCantidad("+item[i].idTicketActividades+")'></td>";
                    tr += "<td><input class='form-control' id='costoUnidad"+item[i].idTicketActividades+"' value="+item[i].costoUnidad+" style='width:80px'  onchange='saveCostoUnidad("+item[i].idTicketActividades+")'></td>";
                    tr += "<td><span id='costoTotalTxt"+item[i].idTicketActividades+"'>"+ item[i].costoTotal +"</span></td>";
                    tr += "<td><input class='form-control' id='cobroUnidad"+item[i].idTicketActividades+"' value="+item[i].cobroUnidad+" style='width:80px'  onchange='saveCobroUnidad("+item[i].idTicketActividades+")'></td>";
                    tr += "<td><span id='cobroTotalTxt"+item[i].idTicketActividades+"'>"+ item[i].cobroTotal +"</span></td>";
                    tr += "</tr>";

                }

                $("#tbodyConciliar").empty();
                $("#tbodyConciliar").append(tr);
            $("#modalCoinciliarProv").modal();
         $("#cargar").css('display','none');
        })


        } );


            var table2 = $('#example2').DataTable( {
                dom: 'Bfrtip',
                "ajax": {
                    "url": "{{ path('showOrdenConciliadas',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data:  function( d ) {
                        d.idproveedor= $('#idproveedorConciliar').val();
                    }
                },
                columns: [
                    { "data": "nombre" },
                    { "data": "sistema" },
                    { "data": "nroActas" },
                    { "data": "mesProveedor" },
                    { "data": "total" },
                    { "data": "costoTotal" },
                    { "data": null}
                ],
                columnDefs: [
                    { orderable: false, targets: [ 1 ] ,
                        "targets": -1,
                        "data": "idorden",
                        "defaultContent": "<button class='btn btn-info'><i class='fa fa-search' aria-hidden='true'></i></button>"
                    }
                ],
                lengthMenu: [
                    [  25, 50, -1 ],
                    [  '25 rows', '50 rows', 'Show all' ]
                ],
                buttons: [
                    'pageLength','copy', 'csv', 'excel', 'pdf', 'print'
                ]
            } );



            var table4 = $('#example4').DataTable( {
                dom: 'Bfrtip',
                "ajax": {
                    "url": "{{ path('showActasConciliadas',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data:  function( d ) {
                        d.idproveedor= $('#idproveedorActas').val();
                        d.nroActas= $('#nroActasActas').val();
                    }
                },
                columns: [
                    { "data": "nombre" },
                    { "data": "nroActas" },
                    { "data": "mesProveedor" },
                    { "data": "costoTotal" },
                    { "data": null}
                ],
                columnDefs: [
                    { orderable: false, targets: [ 1 ] ,
                        "targets": -1,
                        "data": "nroActas",
                        "defaultContent": "<button class='btn btn-success'><i class='fa fa-cloud-download' aria-hidden='true'></i></button>"
                    }
                ],
                lengthMenu: [
                    [  25, 50, -1 ],
                    [ '10 rows', '25 rows', '50 rows', 'Show all' ]
                ],
                buttons: [
                    'pageLength','copy', 'csv', 'excel', 'pdf', 'print'
                ]
            } );



            $(".checkItems").click(function () {
                //alert(valorTotal);
                costo = $(this).attr('costoTotal');
                if($(this).is(':checked')){
                    valorTotal = parseFloat(valorTotal) + parseFloat(costo);

                }else{
                    valorTotal = parseFloat(valorTotal) - parseFloat(costo);

                }
                //alert(valorTotal);
            });
            $("#btnShowOrdenesConciliadas").click(function () {

                $("#cargar").css('display','');
                table2.ajax.reload(function ( json ) {
                    $("#cargar").css('display','none');
                });
            });

            $('#example4 tbody').on( 'click', 'button', function () {
                var data = table4.row( $(this).parents('tr') ).data();
                $("#sendIdproveedor").val(data.idproveedor);
                $("#sendNroActas").val(data.nroActas);
                $("#formDonwloadActa").submit();




            });

            $('#example2 tbody').on( 'click', '.btn-info', function () {
                //$("#cargar").css('display','');
                var data = table2.row( $(this).parents('tr') ).data();
               // alert( data.idticket +"PROVEEDOR: "+ data.nombre );
                $("#btnAsignarGR").attr('idsistema', data.idsistema);
                $("#btnAsignarGR").attr('idproveedor', data.idproveedor);


                $.ajax({
                    type: 'POST',
                    url: "{{ path('findItemSistemaProveedor',{'idproyectos':idproyectos, 'idticket':0}) }}",
                    data: {$idsistema: data.idsistema, $idproveedor: data.idproveedor, $nroActas: data.nroActas}
                }).done(function (json) {

                    var poTotal = new Array();
                    var idpos = new Array();
                    var grTotal = new Array();
                    var montoSubTotal = new Array();


                    $("#idHide").val('');
                    $("#grHide").val('');
                    $("#montoHide").val('');
                    $("#valorHide").val(0);




                    var montoTotal = 0;
                    $("#montoTotal").val(0);
                    $(".rowPOGR").remove();
                    /*poTotal = new Array();
                    grTotal = new Array();
                    idpos = new Array();
                    montoSubTotal = new Array();*/
                    idticketActividadesCheck = new Array();
                    $("#po").val('');
                    $("#gr").val('');
                    $("#monto").val('');
                    $("#textTotal2").text(0);

                    var obj = jQuery.parseJSON(json);
                    var orden = obj.orden;
                    var item = obj.items;
                    var pos = obj.pos;
                    tr = "";
                    var valorTotal = 0;
                    for (i = 0; i < item.length; i++) {

                        idticketActividadesCheck.push("" + item[i].idTicketActividades + "");

                        valorTotal = parseFloat(valorTotal) + parseFloat(item[i].costoTotal);

                        tr += "<tr>";
                        tr += "<td><input checked type='checkbox' costoTotal='" + item[i].costoTotal + "' id='check" + item[i].idTicketActividades + "' onchange='checkItems(" + item[i].costoTotal + "," + item[i].idTicketActividades + ")'></td>"
                        tr += "<td>" + item[i].descripcion + "</td>";
                        tr += "<td>" + item[i].tipo + "</td>";
                        tr += "<td>" + item[i].categoria + "</td>";
                        tr += "<td>" + item[i].sistema + "</td>";
                        tr += "<td>" + item[i].cantidad + "</td>";
                        tr += "<td>" + format2(item[i].costoUnidad) + "</td>";
                        tr += "<td><span id='costoTotalTxt" + item[i].idTicketActividades + "'>" + format2(item[i].costoTotal)   + "</span></td>";
                        tr += "<td>" + format2(item[i].cobroUnidad) + "</td>";
                        tr += "<td><span id='cobroTotalTxt" + item[i].idTicketActividades + "'>" + format2(item[i].cobroTotal)  + "</span></td>";
                        tr += "</tr>";

                    }
                    //alert(valorTotal);

                    $("#valorTotal").val(valorTotal);
                    //alert(valorTotal);
                    $("#textTotal").text("$ "+format2(valorTotal+".00"));
                    $("#tbody3").empty();
                    $("#tbody3").append(tr);
                    opt = "";

                    for (i = 0; i < pos.length; i++) {
                        opt += "<option value='" + pos[i].id + "' valor='"+pos[i].valueAct1+"'>" + pos[i].poNumber + "</option>";

                    }
                    $("#po").empty();
                    $("#po").append(opt);
                    $("#po").change();

                    $("#modalShowItemsAsignarGR").modal();
                    $("#cargar").css('display', 'none');

                });





            } );

            $("#po").change(function() {
                if($(this).val() != ''){

                    $("#POText").text(format2($("#po option:selected").attr('valor')));
                }else{
                    $("#POText").text('');
                }
            });

            $("#btnAsignarGR").click(function () {
                $(this).addClass('disabled');
                //idpo = $("#po").val();
                montoTotal = $("#valorHide").val();alert($("#valorTotal").val())
                if(parseFloat(montoTotal)!= $("#valorTotal").val()){
                    alert('El valor a pagar debe ser igual al Valor de los GRs');
                    return false;
                }
                if(idticketActividadesCheck.length == 0){
                    alert("Debe seleccionar Items");
                    return false;
                }
                idproveedor = $(this).attr('idproveedor');
                idsistema = $(this).attr('idsistema');

                $("#cargar").css('display','');
                $("#modalShowItemsAsignarGR").modal('hide');
                $.ajax({
                    type: 'POST',
                    url: '{{ path('asignedPOGR',{'idproyectos': idproyectos}) }}',
                    data: {$idticketactividades: idticketActividadesCheck, $montoTotal: montoTotal, $pos: poTotal,  $idproveedor: idproveedor,
                        $idsistema:idsistema, $idpos:idpos, $grTotal: grTotal, $montos: montoSubTotal}
                }).done(function (json) {

                    $("#btnAsignarGR").removeClass('disabled');
                    table2.ajax.reload(function ( json ) {
                        location.reload();
                    });
                })
            });

            $("#btnAddPOGR").click(function () {
                //alert('entro');
                poTotal1 = $("#poTotal").val();
                grTotal1 = $("#grTotal").val();
                montoSubTotal1 = $("#montoSubTotal").val();
                montoTotal1 = $("#montoSubTotal").val();

                montoTotal = $("#valorHide").val();
                //alert(montoTotal);



                idpo = $("#po").val();
                po = $("#po option:selected").text();
                gr = $("#gr").val();
                monto = $("#monto").val();


                if(!idpo){
                    //alert('Debe Ingresar PO');
                    swal(
                            'Oops...',
                            'Debe Ingresar PO',
                            'error'
                    )
                    return false;
                }
                if(!gr){
                    // alert('Debe Ingresar GR');
                    swal(
                            'Oops...',
                            'Debe Ingresar GR',
                            'error'
                    )
                    return false;
                }
                if(!monto){
                    // alert('Debe Ingresar VALOR');
                    swal(
                            'Oops...',
                            'Debe Ingresar VALOR',
                            'error'
                    )
                    return false;
                }


                poMonto = $("#po option:selected").attr('valor');
                //alert(poMonto);
                //alert(monto);



                if(parseFloat(monto) > parseFloat(poMonto)){
                    //alert(monto);
                    swal(
                            'Oops...',
                            'El monto del GR ('+format2(monto)+') no puede ser mayor al de la PO ('+format2(poMonto)+')',
                            'error'
                    )
                    return false;
                }

                $("#po option:selected").attr('valor',parseFloat(poMonto) - parseFloat(monto));
                $("#po").change();


                /*poTotal.push("" + po + "");
                grTotal.push("" + gr + "");
                idpos.push(idpo);
                montoSubTotal.push("" + monto + "");
                montoTotal = parseFloat(montoTotal) + parseFloat(monto);
                $("#montoTotal").val(montoTotal);*/
                //alert(montoTotal);


                if(parseFloat(montoTotal) != 0){
                    if ($("#idHide").val()!= '') {

                         idpos = ($("#idHide").val()).split(",");
                         grTotal = ($("#grHide").val()).split(",");
                         montoSubTotal = ($("#montoHide").val()).split(",");
                    }else {

                         poTotal = new Array();
                         idpos = new Array();
                         montoSubTotal = new Array();
                    }


                }

                poTotal.push("" + po + "");
                idpos.push(idpo);
                grTotal.push("" + gr + "");
                montoSubTotal.push("" + monto + "");
                montoTotal = parseFloat(montoTotal) + parseFloat(monto);
                $("#valorHide").val(montoTotal);

                $("#idHide").val(idpos);
                $("#grHide").val(grTotal);
                $("#montoHide").val(montoSubTotal);
                alert(montoTotal)

               $("#textTotal2").text(format2(montoTotal+".00"));
                $("#po").val('');
                $("#gr").val('');
                $("#monto").val('');
                po2 = '"'+po+'"';
                gr2 = '"'+gr+'"';
                idpo2 = '"'+idpo+'"';
                monto2 = '"'+monto+'"';
                onclick2 = "deleteGR(" + po2 + ","+ gr2 +","+ monto2 +","+ idpo2 +" )";
                tr = "<tr class='rowPOGR' id='"+po+""+gr+""+monto+"'><td>"+po+"</td><td>"+gr+"</td><td>"+format2(monto)+"</td><td><button class='btn' onclick=' "+ onclick2 +" '><i class='fa fa-minus-circle'></i></button></td></tr>";
                $("#tbodyPOGR tr:last").after(tr);
                //alert(montoTotal);
            });




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

                table2.ajax.reload(function ( json ) {
                    $("#cargar").css('display','none');
                    $("#modalAsignarGR").modal();
                });

            });


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

                table4.ajax.reload(function ( json ) {
                    $("#cargar").css('display','none');
                    $("#modalActas").modal();
                });

            });




        });





    </script>

    <div class="col-sm-12  col-md-12 col-lg-12 col-xs-12">
    <br><br>
    <h1 style="text-align: center">CONCILIAR ORDENES DE COMPRA</h1>
    <br>
        <button class="btn btn-warning text-right" id="btnModalAsignarGR"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span>{{'ticketDetail.assign' | trans | upper}} GR</span>  <span class="badge" style="background-color:red; color:white;">0</span></button>
        <button class="btn btn-success text-right" id="btnModalActas"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span>ACTAS</span> </button>
    <br>

        <div class="col-xs-12 col-md-12 col-lg-12  "  id="search-ticket"  style=" padding: 5px;">


            <div class="col-lg-6">
                <div class="input-group">
                        <select class="form-control" id="idproveedor">
                            <option value="0">Seleccione Proveedor</option>
                            {% for proveedor in proveedores %}
                            <option value="{{ proveedor.idproveedor }}">{{ proveedor.nombre }}</option>
                            {% endfor %}
                        </select>

      <span class="input-group-btn">
                    <button type="button" class="btn btn-default" id="btnShowProveedor">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar
                    </button>
      </span>
                    </div>
                </div>



            </div>

        </div>

        <table id="example" class="display nowrap" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>PROVEEDOR</th>
                <th>{{'ticketDetail.email.tipo' | trans | upper}}</th>
                <th>{{'ticketDetail.email.tipo' | trans | upper}}</th>
                <th>TICKET</th>
                <th>WO</th>
                <th>ITEMS</th>
                <th>COSTO TOTAL</th>
                <th>COBRO TOTAL</th>
                <th></th>
            </tr>
            </thead>
            <tbody id="tbody">
            </tbody>
        </table>
        <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css')}}">
        <link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css')}}">
        <!--script src="{{ asset('js/jquery-1.12.4.js') }}"></script-->
        <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
        <script src="{{ asset('js/buttons.flash.min.js') }}"></script>
        <script src="{{ asset('js/jszip.min.js') }}"></script>
        <script src="{{ asset('js/pdfmake.min.js') }}"></script>
        <script src="{{ asset('js/vfs_fonts.js') }}"></script>
        <script src="{{ asset('js/buttons.html5.min.js') }}"></script>
        <script src="{{ asset('js/buttons.print.min.js') }}"></script>


<div class="modal modal-wide fade" id="modalCoinciliarProv" tabindex="-1" role="dialog" aria-labelledby="modalLPU" style="width: 80%" >
    <div class="modal-dialog" role="document">

        <div class="modal-content">
            <div class="modal-header  btn-primary">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">CONCILIAR PROVEEDOR</h4>
            </div>
            <div class="modal-body">
            <div class="row" style="margin-top: 5px;">
                <div class="col-lg-8">
                    <label>PROVEEDOR</label>
                    <span id="nombProveedor"></span>
                </div>
                <div class="col-lg-4">
                    <label>{{'ticketDetail.email.tipo' | trans | upper}}</label>
                    <span id="nombTipo"></span>
                </div>
            </div>
                <div class="row">
                    <div class="col-lg-4">
                        <label>
                            NRO DE ACTA
                        </label>
                        <input class="form-control" value="" id="nroActas">
                    </div>
                    <div class="col-lg-4">
                        <label>
                            AÑO CONCILIADO
                        </label>
                        <select class="form-control" id="conciliarYear">
                            <option>{{ 'NOW'|date('Y') }}</option>
                            <option>{{ 'NOW'|date('Y') -1 }}</option>
                        </select>
                    </div>
                    <div class="col-lg-4">
                        <label>
                            {{'MES CONCILIADO' | trans}}
                        </label>
                        <select class="form-control" id="conciliarMes">
                            <option>{{'month.january' | trans}}</option>
                            <option>{{'month.february' | trans}}</option>
                            <option>{{'month.march' | trans}}</option>
                            <option>{{'month.april' | trans}}</option>
                            <option>{{'month.may' | trans}}</option>
                            <option>{{'month.june' | trans}}</option>
                            <option>{{'month.july' | trans}}</option>
                            <option>{{'month.august' | trans}}</option>
                            <option>{{'month.september' | trans}}</option>
                            <option>{{'OCTUBRE' | trans}}</option>
                            <option>{{'month.november' | trans}}</option>
                            <option>{{'month.december' | trans}}</option>
                        </select>
                    </div>
                </div>
            <div class="row" style="margin-top: 5px;">
                    <div class="col-lg-6 rowRepuesto">
                        <div class="form-group">
                        <label>FECHA ENTREGA</label>
                            <div class='input-group date datetimepicker1' >
                        <input type="text" class="form-control" id="fechaEntrega" data-date-format="YYYY-MM-DD" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                    </div>
                            </div></div>
                    <div class="col-lg-6 rowServicio">
                        <div class="form-group">
                        <label>FECHA EJECUCION</label>
                            <div class='input-group date datetimepicker1' >
                        <input type="text" class="form-control" id="fechaEjecucion" data-date-format="YYYY-MM-DD" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                    </div>
                            </div></div>
                    <div class="col-lg-6 rowServicio">
                        <div class="form-group">
                        <label>FECHA INFORME</label>
                            <div class='input-group date datetimepicker1' >
                        <input type="text" class="form-control" id="fechaInforme" data-date-format="YYYY-MM-DD" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                    </div>
                            </div></div>
                    <div class="col-lg-6 rowRepuesto">
                        <label>Nro GUIA</label>
                        <input type="text" class="form-control" id="nroGuia">
                    </div>
                    </div>
                    <div class="row rowRepuesto" style="margin-top: 5px;">
                    <div class="col-lg-12">
                        <label>RECIBIDO POR:</label>
                                         <select class="js-example-basic-single" id="userRecibe">
                                         <option></option>
                                         {% for usuario in usuarios %}
                                            <option value="{{ usuario.iduser }}">{{ usuario.nombre }}</option>
                                         {% endfor %}
                        </select>
                    </div>
                </div>
            <div class="row" style="margin-top: 5px;">
                    <div class="col-lg-12">
                        <table class="tablesorter table-bordered">
                            <thead>
                            <tr>
                                <th>CODIGO</th>
                                <th>ITEM</th>
                                <th>ESPECIALIDAD</th>
                                <th>{{'site.category' | trans}}</th>
                                <th>SISTEMA</th>
                                <th>{{'Cantidad' | trans | upper}}</th>
                                <th>VALOR UNIDAD</th>
                                <th>VALOR TOTAL</th>
                                <th>COBRO UNIDAD</th>
                                <th>COBRO TOTAL</th>
                            </tr>
                            </thead>
                            <tbody id="tbodyConciliar">

                            </tbody>

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

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                <button type="button" class="btn btn-warning" data-dismiss="modal"id="btnAbrirOrden">ABRIR ORDEN</button>
                <button type="button" class="btn btn-info" data-dismiss="modal" id="btnConciliarProveedor">CONCILIAR</button>
            </div>
        </div>
    </div>
</div>








    <div class="modal modal-wide fade" id="modalAsignarGR" tabindex="-1" role="dialog" aria-labelledby="modalLPU" style="width: 80%" >
    <div class="modal-dialog" role="document">

        <div class="modal-content">
            <div class="modal-header  btn-primary">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">{{'ticketDetail.assign' | trans | upper}} GR</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                        <div class="col-lg-6">
                            <div class="input-group">
                            <select class="form-control" id="idproveedorConciliar">
                                <option value="0">Seleccione Proveedor</option>
                                {% for proveedor in proveedores %}
                                    <option value="{{ proveedor.idproveedor }}">{{ proveedor.nombre }}</option>
                                {% endfor %}
                            </select>
                                  <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" id="btnShowOrdenesConciliadas">{{'inbox.search' | trans}}</button>
                                  </span>
                                </div>
                        </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <table id="example2" class="display nowrap" cellspacing="0" width="100%">
                            <thead>
                            <tr>
                                <th>PROVEEDOR</th>
                                <th>SISTEMA</th>
                                <th>NRO. ACTA</th>
                                <th>{{'MES CONCILIADO' | trans}}</th>
                                <th>CANTIDAD ORDENES</th>
                                <th>COSTO TOTAL</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody id="tbody2">
                            </tbody>
                        </table>
                    </div>
                </div>


            </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 modal-wide fade" id="modalShowItemsAsignarGR" tabindex="-1" role="dialog" aria-labelledby="modalLPU" style="width: 80%" >
        <div class="modal-dialog" role="document">

            <div class="modal-content">
                <div class="modal-header  btn-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">{{'ticketDetail.assign' | trans | upper}} GR</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-4 col-lg-offset-2" style="font-size: 16px">
                            <label>VALOR TOTAL A PAGAR</label>
                            <span id="textTotal"></span>
                            </div>
                            <div class="col-lg-4" style="font-size: 16px">
                                <label>VALOR GRs</label>
                                <span id="textTotal2"></span>
                                <input type="hidden" id="valorHide" value="0">
                                <input type="hidden" id="idHide" value="">
                                <input type="hidden" id="grHide" value="">
                                <input type="hidden" id="montoHide" value="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-4" style="padding: 0">
                                <labe>Monto de PO <span style="color: blue" id="POText"></span></labe>
                                <select class="form-control" placeholder="INGRESE PO" id="po">

                                </select>
                            </div>
                            <div class="col-lg-4" style="padding: 0">
                                <input class="form-control" placeholder="INGRESE GR" id="gr">
                            </div>
                            <div class="col-lg-4" style="padding: 0">
                                <div class="input-group">
                                    <input class="form-control" placeholder="MONTO" id="monto">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button" id="btnAddPOGR">{{'inbox.add' | trans | upper }}</button>
                                  </span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <table class="display nowrap col-lg-12" id="tbodyPOGR">
                                <thead>
                                    <tr class="btn-info">
                                        <th>PO</th>
                                        <th>GR</th>
                                        <th>VALOR</th>
                                        <th></th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <input type="hidden" id="valorTotal">
                            <table id="example3" class="tablesorter" cellspacing="0" width="100%">
                                <tr>
                                    <th></th>
                                    <th>ITEM</th>
                                    <th>ESPECIALIDAD</th>
                                    <th>{{'site.category' | trans}}</th>
                                    <th>SISTEMA</th>
                                    <th>{{'Cantidad' | trans | upper}}</th>
                                    <th>VALOR UNIDAD</th>
                                    <th>VALOR TOTAL</th>
                                    <th>COBRO UNIDAD</th>
                                    <th>COBRO TOTAL</th>
                                </tr>
                                <tbody id="tbody3">
                                </tbody>
                            </table>
                        </div>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                    <button type="button" class="btn btn-info"  id="btnAsignarGR">{{'ticketDetail.assign' | trans | upper}} GR</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal modal-wide fade" id="modalActas" tabindex="-1" role="dialog" aria-labelledby="modalActas" style="width: 80%" >
        <div class="modal-dialog" role="document">

            <div class="modal-content">
                <div class="modal-header  btn-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">ACTAS</h4>
                </div>
                <div class="modal-body">
                    <form id="formDonwloadActa" action="{{ path('downLoadActaConciliada',{'idproyectos':idproyectos})}}" method="POST">
                        <input type="hidden" id="sendIdproveedor" name="idproveedor">
                        <input type="hidden" id="sendNroActas" name="nroActas">
                    </form>
                    <div class="row">
                        <div class="col-lg-3">
                            <input class="form-control" placeholder="NRO ACTAS" id="nroActasActas">
                        </div>
                        <div class="col-lg-6">
                            <div class="input-group">
                                <select class="form-control" id="idproveedorActas">
                                    <option value="0">Seleccione Proveedor</option>
                                    {% for proveedor in proveedores %}
                                        <option value="{{ proveedor.idproveedor }}">{{ proveedor.nombre }}</option>
                                    {% endfor %}
                                </select>
                                  <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" id="btnShowOrdenesActas">{{'inbox.search' | trans}}</button>
                                  </span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <table id="example4" class="display nowrap" cellspacing="0" width="100%">
                                <thead>
                                <tr>
                                    <th>PROVEEDOR</th>
                                    <th>NRO. ACTA</th>
                                    <th>{{'MES CONCILIADO' | trans}}</th>
                                    <th>COSTO TOTAL</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody id="tbody4">
                                </tbody>
                            </table>
                        </div>
                    </div>


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





{% endblock %}