@extends('layouts.planti')

@section('contenido')


@php
  $prueba = "10";
  $num = 0;
@endphp

@php($prueba = "1")


    <div class="card-body">
      @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
      @endif
    </div>

    <form method="POST" action="{{ route('rpo.update',$po->id) }}" role="form">
            @csrf
        @method('PUT')

        <input type="hidden" name="txtoc" id="txtoc" value=" {{$po->id}}" />
    <div class="x_panel" style="">

    <div class="x_title">
        <h2>Editar Pedido de Orden de Compra </h2> <h2> #: {{ $po->pedido }}</h2>
        <ul class="nav navbar-center panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
        </ul>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">

      <div class="container">
          <div class="row">

            <div class="row">
                <div class="col-md-12 col-md-push-5">
                    <div class="gifCarga">
                        <img id="loading_spinner1" style="display:none" src="{{ asset('images/loading.gif') }}">
                        <div id="lblInfo">...</div> 
                    </div> 
                     
                </div> 
            </div>
            
              <div class='col-sm-3'>
                  Po
                  <div class="form-group">
                      <div class='input-group'>
                          <input type='text' name="txtPo" id='txtPo' style="width: 140px;" class="form-control" value="{{ $po->po }}" required />
                          <span class="input-group-addon"><label>Item</label></span>
                          <input type='text' name="txtItem" id='txtItem' class="form-control" value="{{ $po->Item }}"  />
                      </div>
                  </div>
              </div>

              <div class='col-sm-3'>
                  DO
                  <div class="form-group">
                      <div class='input-group'>
                          <input type='text' name="txtDo" id='txtDo' class="form-control" value="{{ $po->numero_do }}"  />
                          <span class="input-group-addon">
                            <a href="#" title="Traer datos (Documento Transporte, Incoterms, Factura, Numero Factura, Valor Factura)" onclick="javascript:traerDatosDO(1)"><span class="glyphicon glyphicon-refresh"></span></a>
                          </span>
                      </div>
                  </div>
              </div>




              <div class='col-sm-3'>
                  Fecha Orden
                  <div class="form-group">
                      <div class='input-group date'>
                          <input type='date' name="txtFecha_po" id="txtFecha_po" class="form-control" value="{{ $po->fecha_po }}" required />
                          <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                          </span>
                      </div>
                  </div>
              </div>

              <div class='col-sm-3'>
                  Destinatario
                  <div class="form-group">
                      <div class='input-group date'>
                          <select name="cboCompania" id="cboCompania" class="form-control" required>
                              {{-- <option value="0">Seleccione una Opcion</option>  --}}
                              @foreach($compani as $fil)
                              <option value="{{$fil->id}}" @if($fil->id==$po->id_compania) selected="selected" @endif >{{$fil->razon_social}}</option>
                              @endforeach
                          </select>
                          <span class="input-group-addon">
                            <span class="glyphicon glyphicon-edit"></span>
                          </span>
                      </div>
                  </div>
              </div>
            

              <div class='col-sm-3'>
                  Proveedor
                  <div class="form-group">
                      <div class='input-group date'>
                          <select name="cboSupplier" id="cboSupplier" class="form-control js-example-basic-single">
                              <option value="0">Seleccione una Opcion</option>
                              @foreach($provee as $fil)
                              <option value="{{$fil->id}}" @if($fil->id==$po->IdSupplier) selected="selected" @endif>{{$fil->nombre}}</option>
                              @endforeach
                          </select>
                          <span class="input-group-addon">
                            <span class="glyphicon glyphicon-edit"></span>
                          </span>
                      </div>
                  </div>
              </div>

             

              <div class='col-sm-3'>
                  Pais Origen
                  <div class="form-group">
                      <div class='input-group date' id='datetimepicker6'>
                          <select name="cboPaisOrigen" id="cboPaisOrigen" class="form-control js-example-basic-single">
                              <option value="0">Seleccione una Opcion</option>
                              @foreach($pais as $fil)
                                  <option value="{{$fil->id}}" @if($fil->id==$po->IdPaisOrigen) selected="selected" @endif >{{$fil->nombre}}</option>
                              @endforeach
                          </select>
                          <span class="input-group-addon">
                                  <span class="glyphicon glyphicon-edit"></span>
                          </span>
                      </div>
                  </div>
              </div>


              <div class='col-sm-3'>
                  Puerto de Embarque / Origen
                  <div class="form-group">
                      <div class='input-group date'>
                          <select name="cboPuertoOrigen" id="cboPuertoOrigen" class="form-control js-example-basic-single">
                              <option value="0">Seleccione una Opcion</option>
                              @foreach($puerto as $fil)
                                  <option value="{{$fil->id}}" @if($fil->id==$po->IdPuertoOrigen) selected="selected" @endif >{{$fil->nombre}}</option>
                              @endforeach
                          </select>
                          <span class="input-group-addon">
                                  <span class="glyphicon glyphicon-edit"></span>
                          </span>
                      </div>
                  </div>
              </div>

              <div class='col-sm-3'>
                  Puerto Destino
                  <div class="form-group">
                      <div class='input-group date'>
                          <select name="cboPuertoDestino" id="cboPuertoDestino" class="form-control js-example-basic-single">
                              <option value="0">Seleccione una Opcion</option>
                              @foreach($puertoD as $fil)
                                  <option value="{{$fil->id}}" @if($fil->id==$po->IdPuertoDestino) selected="selected" @endif >{{$fil->nombre}}</option>
                              @endforeach
                          </select>
                          <span class="input-group-addon">
                               <span class="glyphicon glyphicon-edit"></span>
                          </span>
                      </div>
                  </div>
              </div>

              <div class='col-sm-3'>
                Incoterms
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker6'>
                        <select name="cboIncoterms" id="cboIncoterms" class="form-control">
                            <option value="0">Seleccione una Opcion</option>
                            @foreach($incont as $fil)
                            <option value="{{$fil->id}}" @if($fil->id==$po->IdIncoterms) selected="selected" @endif >{{$fil->codigo}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-addon">
                                <span class="glyphicon glyphicon-edit"></span>
                        </span>
                    </div>
                </div>
            </div>

            <div class='col-sm-3'>
                  Moneda
                  <div class="form-group">
                      <div class='input-group date'>
                          <select name="cboMoneda" id="cboMoneda" class="form-control">
                              <option value="0">Seleccione una Opcion</option>
                              @foreach($moneda as $fil)
                              <option value="{{$fil->id}}" @if($fil->id==$po->IdMoneda) selected="selected" @endif >{{$fil->nombre}}</option>
                              @endforeach
                          </select>
                          <span class="input-group-addon">
                                  <span class="glyphicon glyphicon-edit"></span>
                          </span>
                      </div>
                  </div>
              </div>

              <div class='col-sm-3'>
                  Embarcador
                  <div class="form-group">
                        <div class='input-group'>
                            <input type='text' name="txtVessel" id='txtVessel' class="form-control" value="{{ $po->vessel }}"  />
                            <span class="input-group-addon">
                              <span class="glyphicon glyphicon-edit"></span>
                            </span>
                        </div>
                    </div>
              </div>

              <div class='col-sm-3'>
                Documento de Transporte
                <div class="form-group">
                      <div class='input-group'>
                          <input type='text' name="txtDoctransporte" id='txtDoctransporte' class="form-control" value="{{ $po->documento_transporte }}"  />
                          <span class="input-group-addon">
                            <a href="#" title="Traer datos (Do, Incoterms, Factura, Numero Factura, Valor Factura)" onclick="javascript:traerDatosDO(2)"><span class="glyphicon glyphicon-refresh"></span></a>
                          </span>
                      </div>
                  </div>
            </div>
          </div>
          
          <div class="row jumbotron" style="padding:5px;"> 

              <div class='col-sm-3'>
                Factura
                <div class="form-group">
                     <div class='input-group'>
                         <input type='text' name="txtFactura" id='txtFactura' class="form-control"  value="{{ $po->factura }}" />
                         <span class="input-group-addon">
                           <span class="glyphicon glyphicon-edit"></span>
                         </span>

                     </div>
                 </div>
              </div>
         
              <div class='col-sm-3'>
                Fecha Factura
                <div class="form-group">
                     <div class='input-group'>
                        <input type='date' name="dtpFechaFactura" id="dtpFechaFactura"  class="form-control" value="{{ $po->fecha_factura}}" />
                        <span class="input-group-addon">
                          <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                     </div>
                 </div>
              </div>

              <div class='col-sm-3'>
                Vencimiento Factura
                <div class="form-group">
                     <div class='input-group'>
                        <input type='date' name="dtpVtoFactura" id="dtpVtoFactura"  class="form-control" value="{{ $po->vto_factura}}" />
                        <span class="input-group-addon">
                          <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                     </div>
                 </div>
              </div>


              <div class='col-sm-3'>
                Valor Factura
                <div class="form-group">
                     <div class='input-group'>
                        <input type='text' name="txtValorFactura" id="txtValorFactura" class="form-control" value="{{ $po->total_factura}}"  />
                        <span class="input-group-addon">
                          <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                     </div>
                 </div>
              </div> 
            </div>

            <div class="row">
                <!-- campos adicionales  -->

                @php($GrupoAnt ="")
                @php($i =0)
                @foreach($AdicionalPO as $fil)    
                
                    {{-- "Ant:".$GrupoAnt."Act:".$fil->grupo --}}                    
                
                    {{-- PINTAR LO PANELES POR GRUPOS DE LOS CAMPOS--}}   
                    @if($GrupoAnt != $fil->grupo)                        
                        </div>                        
                        <div id="j1" class="row jumbotron" style="padding:5px;"> 
                         @php ($GrupoAnt= $fil->grupo)
                    @endif
                    
                        <div class='col-sm-3'>
                            {{$fil->descripcion}}
                            <div class="form-group">                             
                                    @if($fil->tipo_campo=="Fecha") 
                                        <div class='input-group date'>
                                        <input type='date' name="txt{{$fil->id}}" id='txt{{$fil->id}}' class="form-control" value="{{$fil->valor}}" />                                    
                                    
                                    @elseif ($fil->tipo_campo=="Texto")
                                        <div class='input-group date' for="j1">
                                        <input type='text' name="txt{{$fil->id}}" id='txt{{$fil->id}}' class="form-control"  value="{{$fil->valor}}" />

                                    @elseif ($fil->tipo_campo=="Comentario")
                                        <div class='input-group date'>
                                        <textarea name="txt{{$fil->id}}" id='txt{{$fil->id}}' size="30" style="height: 100px !important;" >{{$fil->valor}} </textarea>


                                    @elseif ($fil->tipo_campo=="Lista")
                                        <div class='input-group date'>
                                                                                <select name="txt{{$fil->id}}" id='txt{{$fil->id}}' class="form-control" >
                                            <option value="0">Seleccione una Opcion</option>
                                            @foreach($valu as $fil2)
                                            {{-- $fil2 ."-". $fil->valor --}}
                                            <option value="{{$fil2}}" @if($fil2==$fil->valor) selected="selected" @endif >{{ str_replace("_"," ", $fil2) }}</option>
                                            @endforeach
                                        </select>
                                    @else      
                                        <div class='input-group date'>
                                        <input type='number' name="txt{{$fil->id}}" id='txt{{$fil->id}}' class="form-control" value="{{$fil->valor}}" />
                                    @endif

                                        <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-edit"></span>
                                        </span>
                                    </div>
                            </div>
                        </div>  

                @endforeach
                </div> {{-- end panel grupos --}}
                <!--  fin -->

            <p><br></p>
            <h2><br>Productos</h2>
<!--        <form method="post"> id="datatable"  -->
            <table id="MyTable" class="table-striped table-bordered" border="1" cellpadding="1" cellspacing="1" >
                <thead>
                  <tr>
                    <th style="display:none;text-align:center;"></th>
                    <th style="width:30px;">#</th>
                    <th>Material</th>
                    {{-- <th style="width:40px;  text-align:center;">Item</th> --}}
                    <th style="width:115px; text-align:center;">Cantidad Solicitada</th>
                    <th style="width:115px; text-align:center;">Cantidad Real</th>
                    <th style="width:115px; height:26px; text-align:center;">U. Medida Facturada</th>
                    <th style="width:115px; height:26px; text-align:center;">Empaque</th>
                    <th style="width:115px; height:26px; text-align:center;">Cant. Emp.</th>                   
                    <th style="width:115px; height:26px; text-align:center;">Valor Unit. Emp</th>
                    <th style="width:115px; height:26px; text-align:center;">Bultos Contenedor</th>
                    <th style="width:115px; height:26px; text-align:center;">Cant. Factura</th>
                    <th style="width:115px; height:26px; text-align:center;">Valor Total</th>
                    <th style="width:115px; height:26px; text-align:center;">Valor Unitario</th>
                    <th style="display:none;text-align:center;"></th>
                    <th style="width:100px; height:26px; text-align:center;">Orden Parcial</th>
                    
                </tr>
                </thead>

                <tbody>


                @foreach($det as $dt)
                <tr>
                @php( $num =$num +1 )

                    <td style="display:none"><input style="width:100%; height:35px; " name="txtId{{$num}}" id="txtId{{$num}}" type="text" readonly="readonly" value="{{ $dt->id }}"> </td>
                    <td><input style="width:100%; height:35px" name="txtN{{$num}}" id="txtN{{$num}}" type="text" readonly="readonly" value="{{$num}}"> </td>
                    <td>
                        <select name="cboMaterial{{$num}}" id="cboMaterial{{$num}}" style="width: 200px; height:35px" class="form-control"> {{-- class="form-control js-example-basic-single"> --}}
                            @foreach( $materi as $fil )
                            <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->codigo ." - ". $fil->nombre }}</option>
                            @endforeach
                        </select>
                    </td>
                    {{-- <td><input class="form-control" style="width:100%; height:34px" name="txtITEM{{$num}}" id="txtITEM{{$num}}" type="number" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->Item }}"> </td> --}}
                    <td><input class="form-control" style="width:100%; height:35px" name="txtQTY{{$num}}"   id="txtQTY{{$num}}"  type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->cantidad_material }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtQTYR{{$num}}"  id="txtQTYR{{$num}}" type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->cantidad_material_real }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtUM{{$num}}"    id="txtUM{{$num}}"   type="text"   onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->unidad_medida }}"> </td>
                    <td>
                        <select name="cboEmpaque{{$num}}" id="cboEmpaque{{$num}}" class="form-control"  style="width:100%; height:35px"> {{-- js-example-basic-single" --}}
                            @foreach( $empaqu as $fil )
                             <option value="{{$fil->id}}" @if($fil->id==$dt->id_empaque) selected="selected" @endif>{{ $fil->nombre }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtCantEmpaque{{$num}}"   id="txtCantEmpaque{{$num}}"  type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->cantidad_en_empaque }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtUndEmpaque{{$num}}"    id="txtUndEmpaque{{$num}}"   type="text"   readonly="readonly"   value="{{ $dt->unidades_de_empaque }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtBultosConte{{$num}}"   id="txtBultosConte{{$num}}"  type="text"   value="{{ $dt->bultos_contenedor }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtCantiFactura{{$num}}"  id="txtCantiFactura{{$num}}" type="text"   value="{{ $dt->cantidad_factura }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtTotalVal{{$num}}"     id="txtTotalVal{{$num}}"     type="number" step="0.01" onBlur = "PerderFoco(this,'{{$num}}');" value="{{ $dt->valor_total }}"> </td>
                    <td><input class="form-control" style="width:100%; height:35px" name="txtTotalUni{{$num}}"     id="txtTotalUni{{$num}}"     type="text"   readonly="readonly"          value=""> </td>  

                    <td style="display:none"><input style="width:100%; height:34px; " name="txtIdParcial{{$num}}" id="txtIdParcial{{$num}}" type="text" readonly="readonly" value="{{ $dt->id_po_parcial }}"> </td>
                    
                    @if($dt->id_po_parcial>0)
                      <td><button type="button" title="Orden Parcial Creada" class="form-control"  style="width:100%; height:33px; visibility:visible" name="btnFil{{$num}}"   id="btnFil{{$num}}" onclick="AbrirParcial('{{ $dt->id_po_parcial }}')"><span class="fa fa-external-link">{{ $dt->number_po_parcial }}</span></button> </td>
                    @else
                      <td><button type="button" class="form-control"  style="width:100%; height:34px; visibility:hidden" name="btnFil{{$num}}"  id="btnFil{{$num}}" ><span class="fa fa-check" title="Crear Orden de Compra"></button> </td>
                    @endif


                 </tr>
                 @endforeach
                </tbody>
            </table>    

             <table  border="0"  class="table-striped table-bordered" cellpadding="0" cellspacing="0" style="width:100%; border-left:0px; box-shadow:none">
                 <tr>
                     <td align="right" style="text-align:right"><input style="width:30px;" readonly="readonly" id="txtCanti" name="txtCanti" type="hidden" value="{{$num}}"></td>
                     <th align="right" style="width:136px; text-align:right"><b>Total:</b> &nbsp;</th>
                     <td align="right" style="width:136px; text-align:right;"><input type="text" name="txtTotal" id="txtTotal" style="width:100%; height:34px;" readonly="readonly" value="0" /></td>
                </tr>
            </table>

            <table  border="1" cellpadding="0" cellspacing="0" style="border:1px solid #d3dfef; width:100%">
                <tr valign="top">
                    <td valign="top">
                    @if(Auth::user()->operacion=="E") 
                     <a style="margin: 10px 0;" href="javascript:AgregarActividad();"><img src="{{ asset('images/add.png') }}" title="Agregar Registro" width="25" height="25" />Agregar Registro</a>
                     <a style="margin: 10px 0;" href="javascript:DuplicarActividad();"><img src="{{ asset('images/add.png') }}" title="Duplicar Registro" width="25" height="25" />Duplicar Registro</a>
                    <a style="margin: 10px 0;" href="javascript:EliminarActividad();"><img src="{{ asset('images/delete.png') }}" title="Eliminar Registro" width="25" height="25" />Eliminar Registro</a>
                    @endif 
                   </td>
                    <td>
                   @if(Auth::user()->operacion=="E") 
                    <button type="submit" class="btn btn-primary shadow-sm">Actualizar</button>
                   @endif
                    <a href="{{ route('rpo.index') }}" class="btn btn-warning shadow-sm" >Cancelar</a>
                    </td>
                </tr>
            </table>

            <center>
                <div class="gifCarga"><img id="loading_spinner2" style="display:none" src="{{ asset('images/squares.gif') }}"></div>
                <div id="lblError">...</div>
            </center>

          </div>

      </div>

      </div>

  </div>


</div>
</form>

<script>
    // In your Javascript (external .js resource or <script> tag)
    $(document).ready(function() {
      $('.js-example-basic-single').select2();
    });
</script>

<style>
  .dataTables_filter {
    display: none;
  }
  .datatables_length {
    display: none;
  }
  #datatable_length {
    display: none;
  }
  .dataTables_paginate{
    /*display: none;*/
  } /*paging_simple_numbers*/
  .dataTables_info{
    display: none;
  }
</style>

<script>


   var i = '{{ $num  }}'; // $("#txti").val();
   var newaddress;

    function PerderFoco(sender, pos) {
       // alert(pos);
        MostrarParcial(sender,pos);
        CalcularDetalle();
    }

    function MostrarParcial(sender,pos) {
    
    
        //for (j = 1; j <= i; j++) {

            //log("POS: " + pos);

            var regex = /(\d+)/g;
            var n = sender.name.match(regex);
            console.log(sender.name  + " - " +n); 

            //se toma desde el nombre por que al duplicar enviana una pos fija
            pos = n;

            var solic  = $('#txtQTY' + pos).val();
            var real   = $('#txtQTYR' + pos).val();

            var act = $('#btnFil'+pos).prop("disabled");
    
            if(act==false){
                if(real!="" && real !=0){
                    if(real != solic){
                        $('#btnFil' + pos).css("visibility","visible");  

                    }else{
                        $('#btnFil' + pos).css("visibility","hidden"); 
                    }
                }else{
                    $('#btnFil' + pos).css("visibility","hidden"); 
                }


            }
        //}
    }

    function CrearParcial(pos){
        var id = $('#txtoc').val();
        var detid = $('#txtId' + pos).val();
        alert(pos + " - " + id + " - "  + detid);
    }

    function AbrirParcial(oc){
        //alert(oc);
        var titulo = "Seguimiento de la Orden de Compra";
	    window.open("/rpo/"+ oc +"/edit", '_blank', "width=1024, height=768");
    }

  

    function CalcularDetalle() {

       // alert("total: " + i);

        $("#lblError").text("");
        TotalVal  = 0;
        TotalUnit = 0;
        sumtot    = 0;
        for (j = 1; j <= i; j++) {
            //$("#lblError").text("valor: " + Number($('#txtIGB' + j).val().replace(",", "")));
            var Qty      = $('#txtQTY' + j).val();
            var canempq  = $('#txtCantEmpaque' + j).val();
            var tot      = $('#txtTotalVal' + j).val();
            var unit     = 0
            var unitempq = 0
            Qty      = Number(Qty);
            canempq  = Number(canempq);
            tot      = Number(tot);
            if (Qty == "") {
              Qty = 0
            }
            sumtot   = sumtot + tot;
            /*if (Qty <= 0 && tot<=0) {
                $("#lblError").text("Linea(" + j + "): Los valores no deben ser menor o igual a cero(0)");
                /*$('#txtQTY' + j).val(0);
                $('#txtCantEmpaque' + j).val(0);
                $('#txtUndEmpaque' + j).val(0);
                $('#txtTotalVal' + j).val(0);
                $('#txtTotalUni' + j).val(0);
            } */
            if(tot>0){
              unit = tot/Qty;
              if(unit!=undefined && unit!=Infinity){
                $('#txtTotalUni' + j).val(unit);
              }else{
                $('#txtTotalUni' + j).val(0);
              }
              $("#txtTotal").val(sumtot);
            }else{
              $('#txtTotalUni' + j).val(0);
            }
            if(canempq>0){
              unitempq = Qty/canempq;
              if(unitempq!=undefined && unitempq!=Infinity ){
                $('#txtUndEmpaque' + j).val(unitempq);
              }else{
                $('#txtUndEmpaque' + j).val(unitempq);
              }
            }else{
                $('#txtUndEmpaque' + j).val(unitempq);
            }
        }
    }

    function AgregarActividad() {
        //alert('hola' + i);
        $("#lblError").text("");
        /* if (ValidarActividadRepetida(this) == true) {
            //var valanterior = $("#lblError").text();
            $("#lblError").text("Corrija las actividades repetidas para agregar una nueva actividad ");// + valanterior);
            return;
        }*/
        if (i < 30) {
            i++;
            var nom = "cboMaterial" + i
            $("#txtCanti").val(i);
            var newaddress = $("#MyTable tbody tr:first").eq(0).clone();
            newaddress.find('input').each(function () {
                this.name = this.name.replace('txtId1', 'txtId' + i);
                this.name = this.name.replace('txtN1', 'txtN' + i);
                this.name = this.name.replace('txtITEM1', 'txtITEM' + i);
                this.name = this.name.replace('txtQTY1', 'txtQTY' + i);
                this.name = this.name.replace('txtQTYR1', 'txtQTYR' + i);
                this.name = this.name.replace('txtUM1', 'txtUM' + i);
                this.name = this.name.replace('txtCantEmpaque1', 'txtCantEmpaque' + i);
                this.name = this.name.replace('txtUndEmpaque1', 'txtUndEmpaque' + i);
                this.name = this.name.replace('txtBultosConte1', 'txtBultosConte' + i);
                this.name = this.name.replace('txtCantiFactura1', 'txtCantiFactura' + i);
                this.name = this.name.replace('txtTotalVal1', 'txtTotalVal' + i);
                this.name = this.name.replace('txtTotalUni1', 'txtTotalUni' + i);

                this.id = this.id.replace('txtId1', 'txtId' + i);
                this.id = this.id.replace('txtN1', 'txtN' + i);
                this.id = this.id.replace('txtITEM1', 'txtITEM' + i);
                this.id = this.id.replace('txtQTY1', 'txtQTY' + i);
                this.id = this.id.replace('txtQTYR1', 'txtQTYR' + i);
                this.id = this.id.replace('txtUM1', 'txtUM' + i);
                this.id = this.id.replace('txtCantEmpaque1', 'txtCantEmpaque' + i);
                this.id = this.id.replace('txtUndEmpaque1', 'txtUndEmpaque' + i);
                this.id = this.id.replace('txtBultosConte1', 'txtBultosConte' + i);
                this.id = this.id.replace('txtCantiFactura1', 'txtCantiFactura' + i);
                this.id = this.id.replace('txtTotalVal1', 'txtTotalVal' + i);
                this.id = this.id.replace('txtTotalUni1', 'txtTotalUni' + i);
                this.id = this.id.replace('txtTotalUni1', 'txtTotalUni' + i);

                if (this.name == 'txtN' + i) {
                    $(this).val(i);
                } else {
                    $(this).val(0);
                }

            });
            newaddress.find("select#cboEmpaque1").each(function () {
                nom = "cboEmpaque" + i
                $(this).val(0);
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");

            newaddress.find("select#cboMaterial1").each(function () {
                nom = "cboMaterial" + i
                $(this).val(0);
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");

            newaddress.find("button#btnFil1").each(function () {
                nom = "btnFil" + i
                $(this).val("");
                $(this).css("visibility","hidden");
                $(this).text('');
                $(this).append('<span class="fa fa-check" title="Crear Orden de Compra">');
                $(this).prop("disabled",false);
                $(this).removeAttr('onclick');
                
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");
        }
    }

    function DuplicarActividad() {
        //alert('hola' + i);
        $("#lblError").text("");
        
        if (i < 30) {
            ant = i;
            i++;
            var nom = "cboMaterial" + ant
            $("#txtCanti").val(i);
            var newaddress = $("#MyTable tbody tr:last").eq(0).clone();
            newaddress.find('input').each(function () {
                this.name = this.name.replace('txtId'+ant, 'txtId' + i);
                this.name = this.name.replace('txtN'+ant, 'txtN' + i);
                this.name = this.name.replace('txtITEM'+ant, 'txtITEM' + i);
                this.name = this.name.replace('txtQTY'+ant, 'txtQTY' + i);
                this.name = this.name.replace('txtQTYR'+ant, 'txtQTYR' + i);
                this.name = this.name.replace('txtUM'+ant, 'txtUM' + i);
                this.name = this.name.replace('txtCantEmpaque'+ant, 'txtCantEmpaque' + i);
                this.name = this.name.replace('txtUndEmpaque'+ant, 'txtUndEmpaque' + i);
                this.name = this.name.replace('txtBultosConte'+ant, 'txtBultosConte' + i);
                this.name = this.name.replace('txtCantiFactura'+ant, 'txtCantiFactura' + i);
                this.name = this.name.replace('txtTotalVal'+ant, 'txtTotalVal' + i);
                this.name = this.name.replace('txtTotalUni'+ant, 'txtTotalUni' + i);
                
                this.id = this.id.replace('txtId'+ant, 'txtId' + i);
                this.id = this.id.replace('txtN'+ant, 'txtN' + i);
                this.id = this.id.replace('txtITEM'+ant, 'txtITEM' + i);
                this.id = this.id.replace('txtQTY'+ant, 'txtQTY' + i);
                this.id = this.id.replace('txtQTYR'+ant, 'txtQTYR' + i);
                this.id = this.id.replace('txtUM'+ant, 'txtUM' + i);
                this.id = this.id.replace('txtCantEmpaque'+ant, 'txtCantEmpaque' + i);
                this.id = this.id.replace('txtUndEmpaque'+ant, 'txtUndEmpaque' + i);
                this.id = this.id.replace('txtBultosConte'+ant, 'txtBultosConte' + i);
                this.id = this.id.replace('txtCantiFactura'+ant, 'txtCantiFactura' + i);
                this.id = this.id.replace('txtTotalVal'+ant, 'txtTotalVal' + i);
                this.id = this.id.replace('txtTotalUni'+ant, 'txtTotalUni' + i);
                if (this.name == 'txtN' + i) {
                    $(this).val(i);
                }else if (this.name == 'txtId' + i) {
                    $(this).val(0);
                } else {
                    //$(this).val(0);
                }
            });
            newaddress.find("select#cboEmpaque"+ ant).each(function () {
                nom = "cboEmpaque" + i
                $(this).val( $('#cboEmpaque'+ant).val());
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");

            newaddress.find("select#cboMaterial"+ ant).each(function () {
                nom = "cboMaterial" + i             
                $(this).val( $('#cboMaterial'+ant).val());
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");
        }
    }

    function EliminarActividad() {
      
        $("#lblError").text("");
        if (i > 1) {
            var id= $('#txtId' + i).val();
            $("#MyTable tr:last").remove();
            i--;
            $("#txtCanti").val(i);
            //alert("ID: " + id);
            if(id>0 && confirm("Desea eliminar este registro")) {
                realizaProceso(id);
            }
            CalcularDetalle();
        }
    }

    function realizaProceso(id){
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url:'/rdeldet',
            data:'id='+id,
            beforeSend: function () {
                //mostramos gif "cargando"
                jQuery('#loading_spinner1').show();
                jQuery('#loading_spinner2').show();
                //antes de enviar la petici贸n al fichero PHP, mostramos mensaje
                jQuery("#lblError").html("En proceso, Espere un momento por favor...");
            },
            success:function(html){
                $("#lblError").text(html);
                jQuery('#loading_spinner1').hide();
                jQuery('#loading_spinner2').hide();
            }
        });
    }

    function traerDatosDO(filtro){

        if(filtro==1){
            param  = $("#txtDo").val();
        }else if(filtro==2){
            param = $("#txtDoctransporte").val();
        }
       
      
        if(param=="" || param.trim()=="" ){
            if(filtro==1){
                document.getElementById('txtDo').focus();
            }else if(filtro==2){
                document.getElementById('txtDoctransporte').focus();
            }
            
        }else{

            // alert("RES: " + filtro + " - "+ param );

            /*var vardata = { 
                'numdoc': numdoc,
                'donum': donum
            };*/

            $.ajax({
                //url:'/rtraerdatosdo',
                //data:'numdoc='+numdoc,
                url:'/rtraerdatosdo/'+filtro+"/"+param,
                beforeSend: function () {
                    //mostramos gif "cargando"
                    jQuery('#loading_spinner1').show();
                    jQuery("#lblInfo").html("Espere un momento por favor...");


                    jQuery('#loading_spinner2').show();
                    jQuery("#lblError").html("En proceso, Espere un momento por favor...");
                }
            })
            .done(function(data){
                
                    $("#lblInfo").text("");
                    $("#lblError").text("");
                    jQuery('#loading_spinner1').hide();
                    jQuery('#loading_spinner2').hide();

                    // alert(data);

                    for (var i=0; i<data.length;i++){ 
                        if(filtro==1){
                            $('#txtDoctransporte').val(data[i]["NUMERO_DOCUMENTO_TRANSPORTE"]);
                        }else if(filtro==2){
                            $('#txtDo').val(data[i]["NUMERO_DO"]);
                        }
                        
                        $('#cboIncoterms').val(data[i]["INCOTERMS"]);
                        document.getElementById('txtFactura').value       = data[i]["NUMERO_FACTURA"];
                        document.getElementById('dtpFechaFactura').value  = data[i]["FECHA_FACTURA"];
                        document.getElementById('txtValorFactura').value  = data[i]["TOTAL_FACTURA"];
                    }              
            })
            .fail(function(data){

                    $("#lblInfo").text("");
                    $("#lblError").text("");
                    jQuery('#loading_spinner1').hide();
                    jQuery('#loading_spinner2').hide();

            }).fail(function(data){

                    $("#lblInfo").text("");
                    $("#lblError").text("");
                    jQuery('#loading_spinner1').hide();
                    jQuery('#loading_spinner2').hide();

            });

        }
    }
</script>



@endsection