@extends('layouts.planti')
@section('contenido')

    <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('rexpedido.store') }}">
    @csrf
    <div class="x_panel" style="">
        <div class="x_title">
            <h2>Orden de Pedido para contenedores <small> ...</small></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">{{--  inicio encabezado--}}      
                <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'>
                            Cliente
                            <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($provee as $fil)
                                        <option value="{{$fil->id}}">{{$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'> 
                            Número de Pedido
                            <div class="form-group">
                                <div class='input-group'>
                                    <input type='text' name="txtPedido" id='txtPedido'  class="form-control"   />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                    
                                </div>
                            </div>
                        </div>
        
                        
                        <div class='col-sm-3'>
                            Fecha Pedido
                            <div class="form-group">
                                <div class='input-group date'>
                                    <input type='date' name="txtFecha_pedido" id="txtFecha_pedido" class="form-control"   />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                        </div>

                        {{-- <div class='col-sm-3'>
                            Clase de Pedido
                            <div class="form-group">
                                <div class='input-group date'>
                                    <select name="cboPedido" id="cboPedido" class="form-control">
                                        <option value="0">Seleccione una Opcion</option>
                                     @foreach($clasepedido as $fil)
                                        <option value="{{$fil->id}}">{{$fil->descripcion}}</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" onchange="TraerTairfas();">
                                        <option value="0">Seleccione una Opcion</option>
                                        @foreach($puerto as $fil)
                                            <option value="{{$fil->id}}" >{{$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 Destino
                            <div class="form-group">
                                <div class='input-group date' id='datetimepicker6'>
                                    <select name="cboPaisDestino" id="cboPaisDestino" class="form-control js-example-basic-single paisDestino" onchange="TraerTairfas();">
                                        <option value="0">Seleccione una Opcion</option>
                                        @foreach($pais as $fil)
                                            <option value="{{$fil->id}}">{{$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}}">{{$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'>
                            Tarifas
                            <div class="form-group">
                                <div class='input-group date'>
                                    <select name="cboTarifas" id="cboTarifas" class="form-control js-example-basic-single" > 
                                        <optgroup class='def-cursor' label='Contrato  -  Linea  -  Valor' data-city='City'>
                                        <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'>
                            Condición de Pago
                            <div class="form-group">
                                <div class='input-group date'>
                                    <select name="cboCondicionPago" id="cboCondicionPago" class="form-control">
                                        <option value="0">Seleccione una Opcion</option>
                                     @foreach($condicionPago as $fil)
                                        <option value="{{$fil->id}}" >{{$fil->descripcion}}</option>
                                        @endforeach 
                                    </select>
                                    <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                </div>
                            </div>
                        </div> 

                        <div class='col-sm-3'> 
                            Pedido SAP
                            <div class="form-group">
                                <div class='input-group'>
                                    <input type='text' name="txtPedidoSap" id='txtPedidoSap'  class="form-control"   />
                                    <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}}">{{$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' id='datetimepicker6'>
                                    <select name="cboMoneda" id="cboMoneda" class="form-control">
                                        <option value="0">Seleccione una Opcion</option>
                                        @foreach($moneda as $fil)
                                        <option value="{{$fil->id}}">{{$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'>
                            Comentarios
                            <div class="form-group">
                                <div class='input-group'>
                                    <textarea type='text' name="txtComentario" id='txtComentario' class="form-control" size="30" style="height: 100px !important;"  ></textarea>
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                </div>
                
                        <!--  fin -->
                    <p><br></p><br />
                    <div class="row">
                        <div class="col-md-12 col-md-push-5">
                            <div class="gifCarga">
                                <img id="loading_spinner2" style="display:none" src="{{ asset('images/loading.gif') }}">
                                <div id="lblError">...</div>
                            </div>    
                        </div> 
                    </div>

                    @php
                    $i = 1;
                    $nomTab="t".$i;
                    @endphp 

                    <h2><br>Productos</h2>
                    <style>
                        .dProductos {
                            width: 100%;
                            overflow-x: scroll;
                            
                        }
                    </style>
                    <div class='dProductos'>
                        <table id="MyTable" class="table-bordered" border="0" cellpadding="0" cellspacing="0" >
                            <thead>
                            <tr>
                                <th style="width:175px;">#</th>
                                <th>Material</th>
                                <th style="width:115px; text-align:center;">Unidades</th>
                                <th style="width:145px; text-align:center;">Tamaño Paquete</th>
                                <th style="width:115px; height:26px; text-align:center;">Volumen</th>
                                <th style="width:115px; text-align:center;">Presentación</th>
                                <th style="width:115px; height:26px; text-align:center;">Unidad Medida</th>
                                <th style="width:115px; height:26px; text-align:center;">Precio Cliente</th>
                                <th style="width:115px; height:26px; text-align:center;">Valor Total</th>
                                <th style="width:115px; height:26px; text-align:center;">ETD Cliente</th>
                                <th style="width:115px; height:26px; text-align:center;">ETD Programada</th>                          
                                <th style="width:115px; height:26px; text-align:center;">ETD ReProgramada</th>
                                <th style="width:115px; height:26px; text-align:center;">ETD</th>
                                <th style="width:115px; height:26px; text-align:center;">ETA</th>
                                <th style="width:115px; height:26px; text-align:center;">Factura</th>
                                <th style="width:115px; height:26px; text-align:center;">Observación </th>  
                                <th style="width:175px;">Suprimir</th>                  
                            </tr>
                            </thead>

                            <tbody>
                                <tr>
                                    <td><input style="width:30px; height:34px" name="txtN1" id="txtN1" type="text" value="1" readonly="readonly"> </td>
                                    <td>
                                        <select name="cboMaterial1" id="cboMaterial1" style="width:280px; height:34px"  class="form-control">
                                            <option value="0">Seleccione</option> 
                                            @foreach( $materi as $fil )
                                            <option value="{{$fil->id}}">{{ $fil->codigo ." - ".  $fil->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    
                                    
                                    <td><input class="form-control" style="width:105px; height:34px" name="txtU1"     id="txtU1"   type="number"  step="0.01"  onBlur = "PerderFoco(this);"> </td>{{-- unidades --}}
                                    <td><input class="form-control" style="width:105px; height:34px" name="txtPA1"    id="txtPA1"  type="number"  step="0.01" onBlur = "PerderFoco(this);"> </td> {{-- tamaño paquete --}} 
                                    <td><input class="form-control" style="width:110px; height:34px" name="txtV1"     id="txtV1"   type="text" readonly="readonly"></td>{{-- volumen --}}
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtP1"     id="txtP1"   type="text" ></td>{{-- presentacion --}}
                                    <td>
                                        <select name="cboUM1"   id="cboUM1" style="width:110px; height:34px" class="form-control" >{{-- unidad medida --}} 
                                            <option value="0">Seleccione</option>
                                            @foreach($um as $fil)
                                            <option value="{{$fil->id}}" >{{$fil->codigo}}</option>
                                            @endforeach                                        
                                        </select>
                                    </td>
                                    <td><input class="form-control" style="width:110px; height:34px" name="txtPR1"           id="txtPR1"            type="number" step="0.01" onBlur = "PerderFoco(this);"></td>{{-- precio cliente --}}
                                    <td><input class="form-control" style="width:110px; height:34px" name="txtVT1"           id="txtVT1"            type="text" readonly="readonly" onBlur = "PerderFoco(this);"></td>{{-- valor total --}}
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtETDC1"         id="txtETDC1"          type="date" > </td>{{-- etd cliente --}}
                                    <td><input class="form-control" style="width:100%; height:35px"  name="txtETDP1"         id="txtETDP1"          type="date" > </td>{{-- etd programada --}}                        
                                    <td><input class="form-control" style="width:100%; height:35px"  name="txtETDR1"         id="txtETDR1"          type="date" > </td>{{-- etd reprogramada --}}
                                    <td><input class="form-control" style="width:100%; height:35px"  name="txtETD1"          id="txtETD1"           type="date" > </td>{{-- etd final --}}
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtETA1"          id="txtETA1"           type="date" > </td>{{-- eta final --}}
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtFactura1"      id="txtFactura1"       type="text" > </td>{{-- factura --}}
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtObservacion1"  id="txtObservacion1"   type="text" > </td>{{-- observación --}}
                                    <td><button type="button" class="btn btn-danger btn-sm eliminar" ><i class="fa fa-trash"></i></button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <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;" id="txtCanti" name="txtCanti" type="text" value="1"></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>{{-- Suma de los totales --}}
                        </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_ex=="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:DuplicarRegistro();"><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>
                            <button class="btn btn-success" type="reset">Limpiar</button>
                            @if(Auth::user()->operacion_ex=="E") 
                             <button type="submit" class="btn btn-primary shadow-sm">Guardar</button>
                            @endif
                            <a href="{{ route('rexpedido.index') }}" class="btn btn-warning shadow-sm" >Cancelar</a>
                            </td>
                        </tr>
                    </table>
                {{--  fin encabezado--}}               
            </div>
        </div>
    </div>
</form>

<script>
    // In your Javascript (external .js resource or <script> tag)
    $(document).ready(function() {
    });
</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 = '{{ $canti }}';
    var newaddress;
  
     function AgregarActividad() {
         //alert('agrega' + i);

         $("#lblError").text("");     
         if (i < 151) {
             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('txtU1',             'txtU' + i);
                 this.name = this.name.replace('txtPA1',            'txtPA' + i);
                 this.name = this.name.replace('txtP1',             'txtP' + i);
                 this.name = this.name.replace('txtV1',             'txtV' + i);
                 this.name = this.name.replace('txtPR1',             'txtPR' + i);
                 this.name = this.name.replace('txtVT1',             'txtVT' + i);
                 this.name = this.name.replace('txtETDC1',          'txtETDC' + i);
                 this.name = this.name.replace('txtETDP1',          'txtETDP' + i);
                 this.name = this.name.replace('txtETDR1',          'txtETDR' + i);
                 this.name = this.name.replace('txtETD1',           'txtETD' + i);
                 this.name = this.name.replace('txtETA1',           'txtETA' + i);
                 this.name = this.name.replace('txtFactura1',        'txtFactura' + i);
                 this.name = this.name.replace('txtObservacion1',   'txtObservacion' + i);    

                 this.id = this.id.replace('txtId1',                'txtId' + i);
                 this.id = this.id.replace('txtN1',                 'txtN' + i);
                 this.id = this.id.replace('txtU1',                 'txtU' + i);
                 this.id = this.id.replace('txtPA1',                'txtPA' + i);
                 this.id = this.id.replace('txtP1',                 'txtP' + i);
                 this.id = this.id.replace('txtV1',                 'txtV' + i);
                 this.id = this.id.replace('txtPR1',                'txtPR' + i);
                 this.id = this.id.replace('txtVT1',                'txtVT' + i);
                 this.id = this.id.replace('txtETDC1',              'txtETDC' + i);
                 this.id = this.id.replace('txtETDP1',              'txtETDP' + i);
                 this.id = this.id.replace('txtETDR1',              'txtETDR' + i);
                 this.id = this.id.replace('txtETD1',               'txtETD' + i);
                 this.id = this.id.replace('txtETA1',               'txtETA' + i);
                 this.id = this.id.replace('txtFactura1',           'txtFactura' + i);
                 this.id = this.id.replace('txtObservacion1',       'txtObservacion' + i);           
                 if (this.name == 'txtN' + i) {
                     $(this).val(i);
                 } else {
                     $(this).val(0);
                 }
             }); 
             newaddress.find("select#cboMETD1").each(function () {
                nom = "cboMETD" + 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("select#cboUM1").each(function () {
                nom = "cboUM" + i
                $(this).val(0);
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable"); 
         }
     }
 
     function DuplicarRegistro() {
       // alert('duplica' + i);
      
       $("#lblError").text("");
        if (i < 151) { 
            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('txtU'+ant,                 'txtU' + i);
                this.name = this.name.replace('txtPA'+ant,                'txtPA' + i);
				this.name = this.name.replace('txtP'+ant,                 'txtP' + i);
                this.name = this.name.replace('txtV'+ant,                 'txtV' + i);
                this.name = this.name.replace('cboUM'+ant,                 'cboUM' + i);
                this.name = this.name.replace('txtPR'+ant,                 'txtPR' + i);
                this.name = this.name.replace('txtVT'+ant,                 'txtVT' + i);
                this.name = this.name.replace('txtETDC'+ant,              'txtETDC' + i);
                this.name = this.name.replace('txtETDP'+ant,              'txtETDP' + i);
                this.name = this.name.replace('txtETDR'+ant,              'txtETDR' + i);
                this.name = this.name.replace('txtETD'+ant,               'txtETD' + i);
                this.name = this.name.replace('txtETA'+ant,               'txtETA' + i);
                this.name = this.name.replace('txtFactura'+ant,           'txtFactura' + i);
                this.name = this.name.replace('txtObservacion'+ant,       'txtObservacion' + i);

                 this.id = this.id.replace('txtId'+ant,                'txtId' + i);              
				this.id = this.id.replace('txtN'+ant,                 'txtN' + i);
                this.id = this.id.replace('txtU'+ant,                 'txtU' + i);
                this.id = this.id.replace('txtPA'+ant,                'txtPA' + i);
				this.id = this.id.replace('txtP'+ant,                 'txtP' + i);
                this.id = this.id.replace('txtV'+ant,                 'txtV' + i);
                this.id = this.id.replace('cboUM'+ant,                 'cboUM' + i);
                this.id = this.id.replace('txtPR'+ant,                 'txtPR' + i);
                this.id = this.id.replace('txtVT'+ant,                 'txtVT' + i);
                this.id = this.id.replace('txtETDC'+ant,              'txtETDC' + i);
                this.id = this.id.replace('txtETDP'+ant,              'txtETDP' + i);
                this.id = this.id.replace('txtETDR'+ant,              'txtETDR' + i);
                this.id = this.id.replace('txtETD'+ant,               'txtIMO' + i);
                this.id = this.id.replace('txtETA'+ant,               'txtETA' + i);
                this.id = this.id.replace('txtFactura'+ant,           'txtFactura' + i);
                this.id = this.id.replace('txtObservacion'+ant,       'txtObservacion' + i);         
                if (this.name =='txtN' + i) {                
                    $(this).val(i);
                }else if (this.name == 'txtId' + i) {                   
                    $(this).val(0);
                }
            });  
            newaddress.find("select#cboMETD"+ ant).each(function () {
                nom = "cboMETD" + i             
                $(this).val( $('#cboMETD'+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");

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

    // function EliminarActividad() {
    //     //alert('hola' + i);
    //     $("#lblError").text("");
    //     if (i > 1) {
    //         $("#MyTable tr:last").remove();
    //         i--;
    //         $("#txtCanti").val(i);
    //         //
           
    //     }
    // }

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

    $(document).on('click', '.eliminar', function (event) {
        event.preventDefault();
        $(this).closest('tr').remove();
        i--;
        $("#txtCanti").val(i);
    });

    function PerderFoco(sender) {
        //alert("Calculando....");
        CalcularDetalle();
    }
    function CalcularDetalle() {
        //debugger;
        $("#lblError").text("");

        sumtot    = 0;
        for (j = 1; j <= i; j++) {
            //$("#lblError").text("valor: " + Number($('#txtIGB' + j).val().replace(",", "")));
            var unidades        = $('#txtU' + j).val();//unidades
            var tamano_paquete  = $('#txtPA' + j).val();//tamaño paquete
            var tot             = $('#txtVT' + j).val();//Total
            var precio_cliente  = $('#txtPR' + j).val();;//Precio del cliente #txtPR
            var unit     = 0
            var volumen = 0
            unidades      = Number(unidades);
            tamano_paquete  = Number(tamano_paquete);
            tot      = Number(tot);
            if (unidades == "") {
                unidades = 0
            }
            sumtot   = sumtot + tot;
            if (unidades <= 0 && precio_cliente<=0) {
                $("#lblError").text("Linea(" + j + "): Los valores no deben ser menor o igual a cero(0)");

            }
           
            if(tamano_paquete>0){
                volumen = unidades * tamano_paquete;
              if(volumen!=undefined && volumen!=Infinity ) {
                $('#txtV' + j).val(volumen);
              }else{
                $('#txtV' + j).val(volumen);
              }
            }else{
                $('#txtV' + j).val(volumen);
            }

            if(precio_cliente>0){
                tot = volumen * precio_cliente;
               // alert(tot);
              if(tot!=undefined && tot!=Infinity) {
                $('#txtVT' + j).val(tot);//
              }else{
                $('#txtVT' + j).val(0);
              }
              $("#txtTotal").val(sumtot);
            }else{
              $('#txtVT' + j).val(0);
            }
            

        }
    }

     // In your Javascript (external .js resource or <script> tag)
    $(document).ready(function() {
      
        $(document).on('change','.paisDestino', function(){               
            var id = $(this).val();
            //alert(this.name)
            $.ajax({
                    url: '{!! URL::to('extraerpuertosd') !!}',
                    method: 'GET',
                    data: {'id': id}                     
                }).done(function(data){
                    console.log(data);
                    opt = "<option value='0'>Seleccione una Opcion</option>";
                    for (var i=0; i<data.length;i++){  
                        opt += "<option value='"+data[i]["id"]+"' >" + data[i]["nombre"] + " </option>";
                    }
                                            
                    $("#cboPuertoDestino").html(opt);

                }).fail(function(data){
                    console.log(data);
                });
        });
    });
 

    function TraerTairfas(){

        origen = $('#cboPuertoOrigen').val();
        pais   = $('#cboPaisDestino').val()
        destino = $('#cboPuertoDestino').val()


        if(origen !="" &&  pais!=""){

            //alert("1:" + origen + " 2: " +  pais);

            $.ajax({
                url:'/rextraertarifas/'+origen+"/"+pais, //+"/"+destino,
                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();

                opt = "<optgroup class='def-cursor' label='Contrato...............Linea...............Valor ' data-city='City'>";
                //opt += "<option value='0'>Seleccione una Opcion</option>";
                for (var i=0; i<data.length;i++){  
                    opt += "<option value='"+data[i]["id"]+"' >" +data[i]["contrato"]+ "   -    " +data[i]["linea"]+ " - "+data[i]["valor_emision_bl"]+ " </option>";
                }
                //alert(opt);   
                
                $("#cboTarifas").html(opt);
            })
            .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