@extends('layout') @section('content')

@section('compras-active', 'active')
@section('documento-active', 'active')

<div class="row wrapper border-bottom white-bg page-heading">

    <div class="col-lg-12">
       <h2  style="text-transform:uppercase"><b>REGISTRAR NUEVO DOCUMENTO DE COMPRA</b></h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{route('home')}}">Panel de Control</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{route('compras.documento.index')}}">Documentos de Compra</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Registrar</strong>
            </li>

        </ol>
    </div>



</div>

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">

                <div class="ibox-content">

                    <div class="row">
                        <div class="col-12">
                            <form action="{{route('compras.documento.store')}}" method="POST" id="enviar_documento">
                                {{csrf_field()}}

                                @if (!empty($orden))
                                    <input type="hidden" name="orden_id" value="{{$orden->id}}" >
                                @endif
                                <div class="row">
                                    <div class="col-sm-6 b-r">
                                        <h4 class=""><b>Documento de compra</b></h4>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <p>Registrar datos del documento de compra:</p>
                                            </div>
                                        </div>

                                        <div class="form-group row">

                                            <div class="col-lg-6 col-xs-12" id="fecha_documento">
                                                <label class="required">Fecha de Emisión</label>
                                                <div class="input-group  @if (empty($orden)) {{'date'}} @endif">
                                                    <span class="input-group-addon">
                                                        <i class="fa fa-calendar"></i>
                                                    </span>
                                                    @if (!empty($orden))
                                                    <input type="text" id="fecha_documento_campo" name="fecha_emision"
                                                        class="form-control {{ $errors->has('fecha_emision') ? ' is-invalid' : '' }}"
                                                        value="{{old('fecha_emision',getFechaFormato($orden->fecha_emision, 'd/m/Y'))}}"
                                                        autocomplete="off" required readonly disabled>
                                                    @else
                                                    <input type="text" id="fecha_documento_campo" name="fecha_emision"
                                                        class="form-control {{ $errors->has('fecha_emision') ? ' is-invalid' : '' }}"
                                                        value="{{old('fecha_emision',getFechaFormato($fecha_hoy, 'd/m/Y'))}}"
                                                        autocomplete="off" required readonly >
                                                    @endif

                                                    @if ($errors->has('fecha_emision'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('fecha_emision') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-xs-12" id="fecha_entrega">
                                                <label class="required">Fecha de Entrega</label>
                                                <div class="input-group @if (empty($orden)) {{'date'}} @endif">
                                                    <span class="input-group-addon" >
                                                        <i class="fa fa-calendar"></i>
                                                    </span>

                                                    @if (!empty($orden))
                                                    <input type="text" id="fecha_entrega_campo" name="fecha_entrega"
                                                        class="form-control {{ $errors->has('fecha_entrega') ? ' is-invalid' : '' }}"
                                                        value="{{old('fecha_entrega',getFechaFormato( $orden->fecha_entrega ,'d/m/Y'))}}"
                                                        autocomplete="off" readonly disabled>
                                                    @else

                                                    <input type="text" id="fecha_entrega_campo" name="fecha_entrega"
                                                        class="form-control {{ $errors->has('fecha_entrega') ? ' is-invalid' : '' }}"
                                                        value="{{old('fecha_entrega',getFechaFormato( $fecha_hoy ,'d/m/Y'))}}"
                                                        autocomplete="off" required readonly>

                                                    @endif
                                                    @if ($errors->has('fecha_entrega'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('fecha_entrega') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                            </div>

                                        </div>

                                        <div class="form-group d-none">
                                            <label class="required">Empresa: </label>

                                                @if (!empty($orden))
                                                    <select
                                                    class="select2_form form-control {{ $errors->has('empresa_id') ? ' is-invalid' : '' }}"
                                                    style="text-transform: uppercase; width:100%" value="{{old('empresa_id')}}"
                                                    name="empresa_id" id="empresa_id"  disabled>
                                                    <option></option>
                                                    @foreach ($empresas as $empresa)
                                                    <option value="{{$empresa->id}}"  @if($empresa->id == '1' )
                                                        {{'selected'}} @endif >{{$empresa->razon_social}}</option>
                                                    @endforeach
                                                </select>
                                                @else
                                                    <select
                                                    class="select2_form form-control {{ $errors->has('empresa_id') ? ' is-invalid' : '' }}"
                                                    style="text-transform: uppercase; width:100%" value="{{old('empresa_id')}}"
                                                    name="empresa_id" id="empresa_id" disabled>
                                                    <option></option>
                                                    @foreach ($empresas as $empresa)
                                                    <option value="{{$empresa->id}}"  @if($empresa->id == '1' )
                                                        {{'selected'}} @endif >{{$empresa->razon_social}}</option>
                                                    @endforeach
                                                    </select>
                                                @endif



                                        </div>

                                        <hr>

                                        <div class="row">
                                            <div class="col-md-12">
                                                <p>Registrar Proveedor:</p>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label class="required">Ruc / Dni: </label>

                                                @if (!empty($orden))
                                                <select
                                                class="select2_form form-control {{ $errors->has('proveedor_id') ? ' is-invalid' : '' }}"
                                                style="text-transform: uppercase; width:100%" value="{{old('proveedor_id', $orden->proveedor_id)}}"
                                                name="proveedor_id" id="proveedor_id" required disabled>
                                                <option></option>
                                                    @foreach ($proveedores as $proveedor)
                                                    @if($proveedor->ruc)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id',$orden->proveedor_id)==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->ruc}}
                                                    </option>
                                                    @else
                                                    @if($proveedor->dni)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id',$orden->proveedor_id)==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->dni}}
                                                    </option>
                                                    @endif
                                                    @endif
                                                    @endforeach
                                                    </select>


                                                @else
                                                    <select
                                                    class="select2_form form-control {{ $errors->has('proveedor_id') ? ' is-invalid' : '' }}"
                                                    style="text-transform: uppercase; width:100%" value="{{old('proveedor_id')}}"
                                                    name="proveedor_id" id="proveedor_id" required >
                                                    <option></option>
                                                    @foreach ($proveedores as $proveedor)
                                                    @if($proveedor->ruc)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id')==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->ruc}}
                                                    </option>
                                                    @else
                                                    @if($proveedor->dni)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id')==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->dni}}
                                                    </option>
                                                    @endif
                                                    @endif
                                                    @endforeach
                                                    </select>
                                                @endif


                                        </div>

                                        <div class="form-group">
                                            <label class="required">Razon Social: </label>
                                            @if (!empty($orden))
                                            <select
                                                class="select2_form form-control {{ $errors->has('proveedor_razon') ? ' is-invalid' : '' }}"
                                                style="text-transform: uppercase; width:100%" value="{{old('proveedor_razon')}}"
                                                name="proveedor_razon" id="proveedor_razon" required disabled>
                                                <option></option>
                                                @foreach ($proveedores as $proveedor)
                                                    @if($proveedor->ruc)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id',$orden->proveedor_id)==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->descripcion}}
                                                    </option>
                                                    @else
                                                    @if($proveedor->dni)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id',$orden->proveedor_id)==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->descripcion}}
                                                    </option>
                                                    @endif
                                                @endif
                                                @endforeach
                                            </select>
                                            @else
                                            <select
                                                class="select2_form form-control {{ $errors->has('proveedor_razon') ? ' is-invalid' : '' }}"
                                                style="text-transform: uppercase; width:100%" value="{{old('proveedor_razon')}}"
                                                name="proveedor_razon" id="proveedor_razon" required >
                                                <option></option>
                                                @foreach ($proveedores as $proveedor)
                                                    @if($proveedor->ruc)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id')==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->descripcion}}
                                                    </option>
                                                    @else
                                                    @if($proveedor->dni)
                                                    <option value="{{$proveedor->id}}" @if(old('proveedor_id')==$proveedor->id )
                                                        {{'selected'}} @endif >{{$proveedor->descripcion}}
                                                    </option>
                                                    @endif
                                                @endif
                                                @endforeach
                                            </select>


                                            @endif


                                        </div>





                                    </div>

                                    <div class="col-sm-6">

                                        <div class="form-group row">

                                            <div class="col-md-6">
                                                @if (!empty($orden))
                                                    <label class="required">Condición</label>
                                                    <select id="condicion_id" name="condicion_id"
                                                        class="select2_form form-control {{ $errors->has('condicion_id') ? ' is-invalid' : '' }}"
                                                        required disabled>
                                                        <option></option>
                                                        @foreach ($condiciones as $condicion)
                                                            <option value="{{ $condicion->id }}"
                                                                {{ old('condicion_id') == $condicion->id || $condicion->id == $orden->condicion_id ? 'selected' : '' }}>
                                                                {{ $condicion->descripcion }} {{ $condicion->dias > 0 ? $condicion->dias.' dias' : '' }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('condicion_id'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('condicion_id') }}</strong>
                                                    </span>
                                                    @endif
                                                @else
                                                    <label class="required">Condición</label>
                                                    <select id="condicion_id" name="condicion_id"
                                                        class="select2_form form-control {{ $errors->has('condicion_id') ? ' is-invalid' : '' }}"
                                                        required>
                                                        <option></option>
                                                        @foreach ($condiciones as $condicion)
                                                            <option value="{{ $condicion->id }}"
                                                                {{ old('condicion_id') == $condicion->id || $condicion->descripcion == 'CONTADO' ? 'selected' : '' }}>
                                                                {{ $condicion->descripcion }} {{ $condicion->dias > 0 ? $condicion->dias.' dias' : '' }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('condicion_id'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('condicion_id') }}</strong>
                                                    </span>
                                                    @endif
                                                @endif
                                            </div>

                                            <div class="col-md-6">
                                                <label class="required">Moneda: </label>

                                                @if (!empty($orden))
                                                <select
                                                class="select2_form form-control {{ $errors->has('moneda') ? ' is-invalid' : '' }}"
                                                style="text-transform: uppercase; width:100%" value="{{old('moneda',$orden->moneda)}}"
                                                name="moneda" id="moneda" disabled>
                                                    <option></option>

                                                    @foreach ($monedas as $moneda)
                                                    <option value="{{$moneda->descripcion}}" @if(old('moneda',$orden->moneda)==$moneda->descripcion ) {{'selected'}} @endif
                                                        >{{$moneda->simbolo.' - '.$moneda->descripcion}}</option>
                                                    @endforeach
                                                    @if ($errors->has('moneda'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('moneda') }}</strong>
                                                    </span>
                                                    @endif
                                                </select>
                                                @else
                                                    <select
                                                    class="select2_form form-control {{ $errors->has('moneda') ? ' is-invalid' : '' }}"
                                                    style="text-transform: uppercase; width:100%" value="{{old('moneda')}}"
                                                    name="moneda" id="moneda" onchange="cambioMoneda(this)" required>
                                                        <option></option>
                                                    @foreach ($monedas as $moneda)
                                                    <option value="{{$moneda->descripcion}}" @if(old('moneda')==$moneda->descripcion ) {{'selected'}} @endif
                                                        >{{$moneda->simbolo.' - '.$moneda->descripcion}}</option>
                                                    @endforeach
                                                    @if ($errors->has('moneda'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('moneda') }}</strong>
                                                    </span>
                                                    @endif

                                                    </select>

                                                @endif


                                            </div>



                                        </div>

                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label class="required">Tipo: </label>
                                                <select
                                                    class="select2_form form-control {{ $errors->has('tipo_compra') ? ' is-invalid' : '' }}"
                                                    style="text-transform: uppercase; width:100%" value="{{old('tipo_compra')}}"
                                                    name="tipo_compra" id="tipo_compra" required onchange="activarNumero()">
                                                    <option></option>

                                                        @foreach (tipo_compra() as $modo)
                                                        <option value="{{$modo->descripcion}}" @if(old('tipo_compra')==$modo->descripcion ) {{'selected'}} @endif>{{$modo->descripcion}}</option>
                                                        @endforeach
                                                        @if ($errors->has('tipo_compra'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('tipo_compra') }}</strong>
                                                        </span>
                                                        @endif



                                                </select>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label class="" id="serie_comprobante">Serie: </label>
                                                        <input type="text" id="serie_tipo" name="serie_tipo" minlength="4" maxlength="4" class="form-control {{ $errors->has('serie_tipo') ? ' is-invalid' : '' }}" value="{{old('serie_tipo')}}" disabled>

                                                        @if ($errors->has('serie_tipo'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('serie_tipo') }}</strong>
                                                        </span>
                                                        @endif
                                                    </div>
                                                    <div class="col-md-8">
                                                        <label class="" id="numero_comprobante">Nº: </label>
                                                        <input type="text" id="numero_tipo" name="numero_tipo" class="form-control {{ $errors->has('numero_tipo') ? ' is-invalid' : '' }}" value="{{old('numero_tipo')}}" disabled>

                                                        @if ($errors->has('numero_tipo'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('numero_tipo') }}</strong>
                                                        </span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>


                                        </div>

                                        <div class="form-group row">

                                            <div class="col-md-6">
                                                <label class="" id="campo_tipo_cambio">Tipo de Cambio (S/.) :</label>
                                                @if (!empty($orden))
                                                <input type="text" id="tipo_cambio" name="tipo_cambio" class="form-control {{ $errors->has('tipo_cambio') ? ' is-invalid' : '' }}" value="{{old('tipo_cambio',$orden->tipo_cambio)}}" disabled>
                                                @else
                                                <input type="text" id="tipo_cambio" name="tipo_cambio" class="form-control {{ $errors->has('tipo_cambio') ? ' is-invalid' : '' }}" value="{{old('tipo_cambio')}}" disabled>
                                                @endif

                                                @if ($errors->has('tipo_cambio'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('tipo_cambio') }}</strong>
                                                </span>
                                                @endif

                                            </div>

                                            <div class="col-md-6">
                                                <label id="igv_requerido">IGV (%):</label>
                                                <div class="input-group">
                                                    @if (!empty($orden))
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-addon">
                                                                <input type="checkbox" id="igv_check" name="igv_check" disabled>
                                                            </span>
                                                        </div>
                                                    @else
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-addon">
                                                                <input type="checkbox" id="igv_check" name="igv_check">
                                                            </span>
                                                        </div>
                                                    @endif
                                                    @if (!empty($orden))
                                                    <input type="text" value="{{old('igv',$orden->igv)}}"
                                                        class="form-control {{ $errors->has('igv') ? ' is-invalid' : '' }}"
                                                        name="igv" id="igv" maxlength="3"  onkeyup="return mayus(this)" readonly>
                                                    @else
                                                    <input type="text" value="{{old('igv')}}"
                                                        class="form-control {{ $errors->has('igv') ? ' is-invalid' : '' }}"
                                                        name="igv" id="igv" maxlength="3"  onkeyup="return mayus(this)"
                                                        required>
                                                    @endif

                                                    @if ($errors->has('igv'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('igv') }}</strong>
                                                    </span>
                                                    @endif

                                                </div>
                                            </div>



                                        </div>

                                        <div class="form-group">
                                            <label>Observación:</label>
                                            <textarea type="text" placeholder=""
                                                class="form-control {{ $errors->has('observacion') ? ' is-invalid' : '' }}"
                                                name="observacion" id="observacion"  onkeyup="return mayus(this)"
                                                value="{{old('observacion')}}" >{{old('observacion')}}</textarea>

                                            @if ($errors->has('observacion'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('observacion') }}</strong>
                                            </span>
                                            @endif


                                        </div>


                                        <input type="hidden" id="productos_tabla" name="productos_tabla[]">

                                    </div>

                                    <input type="hidden" name="monto_sub_total" id="monto_sub_total" value="{{ old('monto_sub_total') }}">
                                    <input type="hidden" name="monto_total_igv" id="monto_total_igv" value="{{ old('monto_total_igv') }}">
                                    <input type="hidden" name="monto_total" id="monto_total" value="{{ old('monto_total') }}">
                                    <input type="hidden" name="monto_percepcion" id="monto_percepcion" value="{{ old('monto_percepcion') }}">

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

                    <hr>

                    <div class="row">

                        <div class="col-lg-12">
                            <div class="panel panel-primary" id="panel_detalle">
                                <div class="panel-heading">
                                    <h4 class=""><b>Detalle del Documento de Compra</b></h4>
                                </div>
                                <div class="panel-body ibox-content">
                                    <div class="sk-spinner sk-spinner-wave">
                                        <div class="sk-rect1"></div>
                                        <div class="sk-rect2"></div>
                                        <div class="sk-rect3"></div>
                                        <div class="sk-rect4"></div>
                                        <div class="sk-rect5"></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6 col-xs-12 b-r">
                                            <div class="form-group row align-items-end">
                                                <div class="col-10 col-md-10">
                                                    <label class="required">Producto:</label>
                                                    <select class="select2_form form-control"
                                                        style="text-transform: uppercase; width:100%" name="producto_id"
                                                        id="producto_id" onchange="cargarPresentacion(this)">

                                                    </select>
                                                    <div class="invalid-feedback"><b><span id="error-producto"></span></b>
                                                    </div>
                                                </div>
                                                <div class="col-2 col-md-2">
                                                    <button type="button" class="btn btn-secondary" onclick="obtenerProducts()"><i class="fa fa-refresh"></i></button>
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <div class="col-md-6">
                                                    <label class="required">Costo Flete:</label>
                                                    <input type="text" id="costo_flete" name="costo_flete" class="form-control" onkeydown="nextFocus(event,'btn_enviar_detalle')">
                                                    <div class="invalid-feedback"><b><span id="error-costo-flete"></span></b></div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-xs-12">

                                            <div class="form-group row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="col-form-label required" for="amount">Importe:</label>
                                                        <input type="text" id="precio" name="precio" class="form-control" onkeydown="nextFocus(event,'cantidad')">
                                                        <div class="invalid-feedback"><b><span id="error-precio"></span></b>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">

                                                    <label class="col-form-label required">Cantidad:</label>
                                                    <input type="text" id="cantidad" class="form-control" onkeypress="return filterFloat(event, this, false);" onkeydown="nextFocus(event,'costo_flete')">
                                                    <div class="invalid-feedback"><b><span id="error-cantidad"></span></b>
                                                    </div>


                                                </div>
                                            </div>

                                            <div class="form-group row  d-none">
                                                <div class="col-md-6" id="fecha_vencimiento_campo">
                                                    <label class="required">Fecha de vencimiento:</label>
                                                    <div class="input-group date">
                                                        <span class="input-group-addon">
                                                            <i class="fa fa-calendar"></i>
                                                        </span>
                                                        <input type="text" id="fecha_vencimiento" name="fecha_vencimiento" class="form-control"  autocomplete="off" readonly>
                                                        <div class="invalid-feedback"><b><span id="error-fecha_vencimiento"></span></b></div>

                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="required">Lote:</label>
                                                    <input type="text" id="lote" name="lote" class="form-control" onkeypress="return mayus(this);">
                                                    <div class="invalid-feedback"><b><span id="error-lote"></span></b></div>
                                                </div>
                                            </div>



                                            <div class="form-group row">
                                                <div class="col-lg-6 col-xs-12">
                                                    <label class="col-form-label" for="amount">&nbsp;</label> <button type="button" class="btn btn-block btn-success" onclick="limpiarDetalle()" style='color:white;'> <i class="fa fa-paint-brush"></i> LIMPIAR</button>
                                                </div>

                                                <div class="col-lg-6 col-xs-12">
                                                    <label class="col-form-label" for="amount">&nbsp;</label>
                                                    <button class="btn btn-block btn-warning enviar_producto" id="btn_enviar_detalle"> <i class="fa fa-plus"></i> AGREGAR</button>
                                                </div>
                                            </div>




                                        </div>




                                    </div>
                                    <hr>

                                    <div class="table-responsive">
                                        <table
                                            class="table dataTables-orden-detalle table-striped table-bordered table-hover"
                                            style="text-transform:uppercase">
                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    <th class="text-center">ACCIONES</th>
                                                    <th class="text-center">CANTIDAD</th>
                                                    <th class="text-center">PRODUCTO</th>
                                                    <th class="text-center">FECHA. VENC</th>
                                                    <th class="text-center">COSTO FLETE</th>
                                                    <th class="text-center">PRECIO</th>
                                                    <th class="text-center">TOTAL</th>

                                                </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th colspan="7" style="text-align:right">Sub Total:</th>
                                                    <th class="text-center"><span id="subtotal">0.0</span></th>

                                                </tr>
                                                <tr>
                                                    <th colspan="7" class="text-center">IGV <span
                                                            id="igv_int"></span>:</th>
                                                    <th class="text-center"><span id="igv_monto">0.0</span></th>
                                                </tr>
                                                <tr>
                                                    <th colspan="7" class="text-center">Percepcion:</th>
                                                    <th class="text-center">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" value="0.00" id="percepcion" onkeypress="return filterFloat(event, this, false);">
                                                        </div>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th colspan="7" class="text-center">TOTAL:</th>
                                                    <th class="text-center"><span id="total">0.0</span></th>

                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>


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

                    </div>
                    <hr>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group row">

                        <div class="col-md-6 text-left" style="color:#fcbc6c">
                            <i class="fa fa-exclamation-circle"></i> <small>Los campos marcados con asterisco
                                (<label class="required"></label>) son obligatorios.</small>
                        </div>

                        <div class="col-md-6 text-right">
                            @if (!empty($orden))
                            <a href="{{route('compras.orden.index')}}" id="btn_cancelar"
                                class="btn btn-w-m btn-default">
                                <i class="fa fa-arrow-left"></i> Regresar
                            </a>
                            @else
                            <a href="{{route('compras.documento.index')}}" id="btn_cancelar"
                                class="btn btn-w-m btn-default">
                                <i class="fa fa-arrow-left"></i> Regresar
                            </a>
                            @endif
                            <button type="submit" id="btn_grabar" class="btn btn-w-m btn-primary" form="enviar_documento">
                                <i class="fa fa-save"></i> Grabar
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
@include('compras.documentos.modal')
@stop

@push('styles')
<link href="{{ asset('Inspinia/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css') }}"
    rel="stylesheet">
<link href="{{ asset('Inspinia/css/plugins/datapicker/datepicker3.css') }}" rel="stylesheet">
<link href="{{ asset('Inspinia/css/plugins/daterangepicker/daterangepicker-bs3.css') }}" rel="stylesheet">
<link href="{{ asset('Inspinia/css/plugins/select2/select2.min.css') }}" rel="stylesheet">
<!-- DataTable -->
<link href="{{asset('Inspinia/css/plugins/dataTables/datatables.min.css')}}" rel="stylesheet">
<style>
    .sinFlete{
         background: #c32020ad !important;
         color: white !important;
    }
</style>

@endpush

@push('scripts')
<!-- Data picker -->
<script src="{{ asset('Inspinia/js/plugins/datapicker/bootstrap-datepicker.js') }}"></script>
<!-- Date range use moment.js same as full calendar plugin -->
<script src="{{ asset('Inspinia/js/plugins/fullcalendar/moment.min.js') }}"></script>
<!-- Date range picker -->
<script src="{{ asset('Inspinia/js/plugins/daterangepicker/daterangepicker.js') }}"></script>
<!-- Select2 -->
<script src="{{ asset('Inspinia/js/plugins/select2/select2.full.min.js') }}"></script>

<!-- DataTable -->
<script src="{{asset('Inspinia/js/plugins/dataTables/datatables.min.js')}}"></script>
<script src="{{asset('Inspinia/js/plugins/dataTables/dataTables.bootstrap4.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.1.2/axios.min.js"></script>
<script>
    $(document).ready(function() {
        $('#lote').val('LT-{{ $fecha_actual }}');
        $('#fecha_vencimiento').val('{{$fecha_5}}');
        $('#costo_flete').val('0.00');
        obtenerProducts();
    });
    //Select2
    $(".select2_form").select2({
        placeholder: "SELECCIONAR",
        allowClear: true,
        width: '100%',
    });

    $('#fecha_documento .input-group.date , #fecha_vencimiento_campo .input-group.date , #fecha_entrega .input-group.date , #fecha_vencimiento_campo_editar .input-group.date ').datepicker({
        todayBtn: "linked",
        keyboardNavigation: false,
        forceParse: false,
        autoclose: true,
        language: 'es',
        format: "dd/mm/yyyy",
    })

    const swalWithBootstrapButtons = Swal.mixin({
        customClass: {
            confirmButton: 'btn btn-success',
            cancelButton: 'btn btn-danger',
        },
        buttonsStyling: false
    })


    $("#igv_check").click(function() {
        if ($("#igv_check").is(':checked')) {
            $('#igv').attr('disabled', false)
            $('#igv_requerido').addClass("required")
            $('#igv').prop('required', true)
            $('#igv').val('18')
            var igv = ($('#igv').val()) + ' %'
            $('#igv_int').text(igv)
            sumaTotal()

        } else {
            $('#igv').attr('disabled', true)
            $('#igv_requerido').removeClass("required")
            $('#igv').prop('required', false)
            $('#igv').val('')
            $('#igv_int').text('')
            sumaTotal()
        }
    });

    $("#igv").on("change", function() {
        if ($("#igv_check").is(':checked')) {
            $('#igv').attr('disabled', false)
            $('#igv_requerido').addClass("required")
            $('#igv').prop('required', true)
            var igv = ($('#igv').val()) + ' %'
            $('#igv_int').text(igv)
            sumaTotal()

        } else {
            $('#igv').attr('disabled', true)
            $('#igv_requerido').removeClass("required")
            $('#igv').prop('required', false)
            $('#igv').val('')
            $('#igv_int').text('')
            sumaTotal()
        }
    });


    // Solo campos numericos
    $('#tipo_cambio , #costo_flete , #precio , #flete_table').keyup(function() {
        var val = $(this).val();1
        if (isNaN(val)) {
            val = val.replace(/[^0-9\.]/g, '');
            if (val.split('.').length > 2)
                val = val.replace(/\.+$/, "");
        }
        $(this).val(val);
    });

    function activarNumero(){
        $('#numero_tipo').val('')
        $('#numero_comprobante').addClass('required')
        $('#numero_tipo').prop('required', true)
        $('#numero_tipo').prop('disabled', false)
        $('#serie_tipo').val('')
        $('#serie_comprobante').addClass('required')
        $('#serie_tipo').prop('required', true)
        $('#serie_tipo').prop('disabled', false)
    }

    $('#cantidad , #numero_tipo ').on('input', function() {
        this.value = this.value.replace(/[^0-9]/g, '');
    });

    $("#moneda").on("change", function() {
        var val = $(this).val();
        if (val == "SOLES") {
            $('#tipo_cambio').attr('disabled',true)
            $('#tipo_cambio').val('')
            $("#tipo_cambio").attr("required", false);
            $("#campo_tipo_cambio").removeClass("required")

        }else{
            $('#tipo_cambio').attr('disabled',false)
            $('#tipo_cambio').val('')
            $("#tipo_cambio").attr("required", true);
            $("#campo_tipo_cambio").addClass("required")
        }
    });

    function validarFecha() {
        var enviar = true;
        var productos = registrosproductos()

        if ($('#fecha_documento_campo').val() == '') {
            toastr.error('Ingrese Fecha de Documento de la Orden.', 'Error');
            $("#fecha_documento_campo").focus();
            enviar = false;
        }

        if ($('#fecha_entrega_campo').val() == '') {
            toastr.error('Ingrese Fecha de Entrega de la Orden.', 'Error');
            $("#fecha_entrega_campo").focus();
            enviar = false;
        }
        if (productos == 0) {
            toastr.error('Ingrese al menos 1 Producto.', 'Error');
            enviar = false;
        }

        let moneda = $('#moneda').val();
        let serie_tipo = $('#serie_tipo').val();
        let numero_tipo = $('#numero_tipo').val();
        let proveedor_id = $('#proveedor_id').val();
        let tipo_compra = $('#tipo_compra').val();


        $.ajax({
            dataType: 'json',
            type: 'post',
            async: false,
            url: '{{ route('compras.documento.consulta_store') }}',
            data: {
                '_token': $('input[name=_token]').val(),
                'moneda': $('#moneda').val(),
                'serie_tipo': $('#serie_tipo').val(),
                'numero_tipo': $('#numero_tipo').val(),
                'proveedor_id': $('#proveedor_id').val(),
                'tipo_compra': $('#tipo_compra').val(),
            }
        }).done(function(result) {
            if(!result.success)
            {
                toastr.error('La serie ' + serie_tipo + ' con el numero ' + numero_tipo + ' ya tiene un documento de compra registrado');
                enviar = false;
            }
            else
            {
                enviar = true;
            }

        });

        return enviar;
    }

    function cambioMoneda(b)
    {
        if(b.value == 'DOLARES')
        {
            $.ajax({
                dataType: 'json',
                type: 'get',
                url: '{{route("compras.orden.dolar")}}',
            }).done(function(result) {
                $('#tipo_cambio').val(result.venta);
            });
        }
        else
        {
            $('#tipo_cambio').val('');
        }
    }

    $('#enviar_documento').submit(function(e) {
        e.preventDefault();
        var correcto = validarFecha();


        if (correcto) {
            $.ajax({
                dataType: 'json',
                type: 'post',
                async: false,
                url: '{{ route('compras.documento.consulta_store') }}',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'moneda': $('#moneda').val(),
                    'serie_tipo': $('#serie_tipo').val(),
                    'numero_tipo': $('#numero_tipo').val(),
                    'proveedor_id': $('#proveedor_id').val(),
                    'tipo_compra': $('#tipo_compra').val(),
                }
            }).done(function(result) {
                if(!result.success)
                {
                    toastr.error('La serie ' + serie_tipo + ' con el numero ' + numero_tipo + ' ya tiene un documento de compra registrado');
                }
                else
                {
                    Swal.fire({
                        title: 'Opción Guardar',
                        text: "¿Seguro que desea guardar cambios?",
                        icon: 'question',
                        showCancelButton: true,
                        confirmButtonColor: "#1ab394",
                        confirmButtonText: 'Si, Confirmar',
                        cancelButtonText: "No, Cancelar",
                    }).then((result) => {
                        if (result.isConfirmed) {
                            $('#monto_sub_total').val($('#subtotal').text())
                            $('#monto_total_igv').val($('#igv_monto').text())
                            $('#monto_total').val($('#total').text())
                            $('#monto_percepcion').val($('#percepcion').val())

                            @if (!empty($orden))
                                var validar = montosFlete()
                                if (validar == true) {
                                    cargarproductos()
                                    document.getElementById("condicion_id").disabled = false;
                                    document.getElementById("igv_check").disabled = false;
                                    document.getElementById("moneda").disabled = false;
                                    document.getElementById("observacion").disabled = false;
                                    document.getElementById("proveedor_razon").disabled = false;
                                    document.getElementById("proveedor_id").disabled = false;
                                    document.getElementById("fecha_documento_campo").disabled = false;
                                    document.getElementById("fecha_entrega_campo").disabled = false;

                                    document.getElementById('enviar_documento').submit();
                                }

                            @else
                                cargarproductos()
                                document.getElementById('enviar_documento').submit();
                            @endif

                        } else if (
                            /* Read more about handling dismissals below */
                            result.dismiss === Swal.DismissReason.cancel
                        ) {
                            swalWithBootstrapButtons.fire(
                                'Cancelado',
                                'La Solicitud se ha cancelado.',
                                'error'
                            )
                        }
                    })
                }

            });

        }

    })


    function montosFlete() {
        var flete = true;
        table.rows().data().each(function(row, el, index) {

            if (row[5] == '') {
                toastr.error('El Producto: '+ row[4]+' se encuentra sin Fecha de Vencimiento. ', 'Error');
                $('.dataTables-orden-detalle tbody tr', row).eq(el).addClass('sinFlete');
                flete = false
            }else{

                $('.dataTables-orden-detalle tbody tr', row).eq(el).removeClass('sinFlete');
            }
            if (row[6] == '') {
                toastr.error('El Producto: '+ row[4]+' se encuentra sin costo de flete. ', 'Error');
                $('.dataTables-orden-detalle tbody tr', row).eq(el).addClass('sinFlete');
                flete = false
            }else{

                $('.dataTables-orden-detalle tbody tr', row).eq(el).removeClass('sinFlete');
            }

            if (row[9] == '') {
                toastr.error('El Producto: '+ row[4]+' se encuentra sin Lote. ', 'Error');
                $('.dataTables-orden-detalle tbody tr', row).eq(el).addClass('sinFlete');
                flete = false
            }else{

                $('.dataTables-orden-detalle tbody tr', row).eq(el).removeClass('sinFlete');
            }
        });
        return flete
    }

    $(document).ready(function() {
        // DataTables
        table = $('.dataTables-orden-detalle').DataTable({
                    "dom": 'lTfgitp',
                    "bPaginate": true,
                    "bLengthChange": true,
                    "bFilter": true,
                    "bInfo": true,
                    "bAutoWidth": false,
                    "language": {
                        "url": "{{asset('Spanish.json')}}"
                    },

                    "columnDefs": [{
                            "targets": [0],
                            "visible": false,
                            "searchable": false
                        },
                        {

                            "targets": [1],
                            className: "text-center",
                            render: function(data, type, row) {
                                    return "<div class='btn-group'>" +
                                    "<a class='btn btn-warning btn-sm modificarDetalle' id='editar_producto' style='color:white;' title='Modificar'><i class='fa fa-edit'></i></a>" +
                                    "<a class='btn btn-danger btn-sm' id='borrar_producto' style='color:white;' title='Eliminar'><i class='fa fa-trash'></i></a>" +
                                    "</div>";
                            }
                        },
                        {
                            "targets": [2],
                            className: "text-center",
                        },
                        {
                            "targets": [3],
                        },
                        {
                            "targets": [4],
                            className: "text-center",
                            "visible": false,
                        },

                        {
                            "targets": [5],
                            className: "text-center",
                        },
                        {
                            "targets": [6],
                            className: "text-center",
                        },

                        {
                            "targets": [7],
                            className: "text-center",
                        },

                        {
                            "targets": [8],
                            className: "text-center",
                            visible: false
                        },
                        {
                            "targets": [9],
                            className: "text-center",
                            visible: false
                        },


                    ],

                });




        @if (!empty($orden))

            @if ($orden->igv_check == '1')

                $('#igv').prop('disabled', false)
                $("#igv_check").prop('checked',true)

                $('#igv_requerido').addClass("required")
                $('#igv').prop('required', true)
                var igv = ($('#igv').val()) + ' %'
                $('#igv_int').text(igv)
                sumaTotal()
            @else
                if ($("#igv_check").prop('checked')) {
                    $('#igv').attr('disabled', false)
                    $('#igv_requerido').addClass("required")
                } else {
                    $('#igv').attr('disabled', true)
                    $('#igv_requerido').removeClass("required")
                }
            @endif

            @if ($orden->moneda == "SOLES")
                $('#tipo_cambio').attr('disabled',true)
                $("#tipo_cambio").attr("required", false);
                $("#campo_tipo_cambio").removeClass("required")
            @else
                $('#tipo_cambio').attr('disabled',false)
                $("#tipo_cambio").attr("required", true);
                $("#campo_tipo_cambio").addClass("required")
            @endif



            @if ($detalles)
                obtenerTabla()
                sumaTotal()
            @endif
        @else
        $("#igv_check").attr('checked', true);
        $('#igv_requerido').addClass("required");
        $('#igv').prop('required', true);
        $('#igv').val('18');
        var igv = ($('#igv').val()) + ' %';
        $('#igv_int').text(igv);
        @endif
    })

    //Editar Registro
    $(document).on('click', '#editar_producto', function(event) {
        var data = table.row($(this).parents('tr')).data();
        $('#indice').val(table.row($(this).parents('tr')).index());
        $('#producto_id_editar').val(data[0]).trigger('change');
        $('#precio_editar').val(data[6]);
        if(data[5] === '' || data[5] === null)
        {
            $('#costo_flete_editar').val('0.00');
        }else{
            $('#costo_flete_editar').val(data[5]);
        }

        if(data[4] === '' || data[4] === null)
        {
            $('#fecha_vencimiento_editar').val('{{$fecha_5}}');
        }else{
            $('#fecha_vencimiento_editar').val(data[4]);
        }

        if(data[8] === '' || data[8] === null)
        {
            $('#lote_editar').val('LT-{{ $fecha_actual }}');
        }else{
            $('#lote_editar').val(data[8]);
        }

        $('#editable_lote').val(data[9]);
        $('#cantidad_editar').val(data[2]);
        //MOSTRAR TABLA SI ES INGRESO POR PRIMERA VEZ DEL LOTE
        if (data[9] == '' && data[8] != '') {
            $('#modalLote').hide();
            $('#editarLote').hide();
            $('#editarRegistro').show();
        }else{
            if (data[9] != '1') {
                $('#modalLote').show();
                $('#editarLote').show();
                $('#editarRegistro').hide();
            } else {
                $('#modalLote').hide();
                $('#editarLote').hide();
                $('#editarRegistro').show();
            }
        }

        $('#modal_editar_orden').modal('show');
    })

    //Borrar registro de productos
    $(document).on('click', '#borrar_producto', function(event) {
        Swal.fire({
            title: 'Opción Eliminar',
            text: "¿Seguro que desea eliminar Producto?",
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: "#1ab394",
            confirmButtonText: 'Si, Confirmar',
            cancelButtonText: "No, Cancelar",
        }).then((result) => {
            if (result.isConfirmed) {
                table.row($(this).parents('tr')).remove().draw();
                sumaTotal()
            } else if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelado',
                    'La Solicitud se ha cancelado.',
                    'error'
                )
            }
        })



    });


    //Validacion al ingresar tablas
    $(".enviar_producto").click(function() {
        limpiarErrores()
        var enviar = true;
        if ($('#producto_id').val() == '') {
            toastr.error('Seleccione Producto.', 'Error');
            enviar = false;
            $('#producto_id').addClass("is-invalid")
            $('#error-producto').text('El campo Producto es obligatorio.')
        } else {
            var existe = buscarproducto($('#producto_id').val())
            if (existe == true) {
                toastr.error('Producto con el mismo lote ya se encuentra ingresado.', 'Error');
                enviar = false;
            }
        }

        if ($('#precio').val() == '') {
            toastr.error('Ingrese el precio del Producto.', 'Error');
            enviar = false;
            $("#precio").addClass("is-invalid");
            $('#error-precio').text('El campo Precio es obligatorio.')
        }

        if ($('#cantidad').val() == '') {
            toastr.error('Ingrese cantidad del Producto.', 'Error');
            enviar = false;
            $("#cantidad").addClass("is-invalid");
            $('#error-cantidad').text('El campo Cantidad es obligatorio.')
        }

        if ($('#costo_flete').val() == '') {
            toastr.error('Ingrese el Costo de Flete del Producto.', 'Error');
            enviar = false;

            $("#costo_flete").addClass("is-invalid");
            $('#error-costo-flete').text('El campo Costo Flete es obligatorio.')
        }

        if ($('#lote').val() == '') {
            toastr.error('Ingrese el Lote del Producto.', 'Error');
            enviar = false;

            $("#lote").addClass("is-invalid");
            $('#error-lote').text('El campo Lote es obligatorio.')
        }

        if ($('#fecha_vencimiento').val() == '') {
            toastr.error('Ingrese la Fecha de Vencimiento del Producto.', 'Error');
            enviar = false;

            $("#fecha_vencimiento").addClass("is-invalid");
            $('#error-fecha_vencimiento').text('El campo Fecha de Vencimiento es obligatorio.')
        }

        let moneda = $('#moneda').val();
        let serie_tipo = $('#serie_tipo').val();
        let numero_tipo = $('#numero_tipo').val();
        let proveedor_id = $('#proveedor_id').val();
        let tipo_compra = $('#tipo_compra').val();

        let precio_aux = convertFloat($('#precio').val()) / convertFloat($('#cantidad').val());
        let precio = (precio_aux).toFixed(4)

        if(moneda == '')
        {
            toastr.error("Seleccionar moneda");
            enviar = false;
        }

        if(serie_tipo == '')
        {
            toastr.error("Completar Serie de documento");
            enviar = false;
        }

        if(numero_tipo == '')
        {
            toastr.error("Completar Numero de documento");
            enviar = false;
        }

        if(proveedor_id == '')
        {
            toastr.error("Seleccionar proveedor");
            enviar = false;
        }

        if(tipo_compra == '')
        {
            toastr.error("Seleccionar tipo de compra");
            enviar = false;
        }
        $.ajax({
            dataType: 'json',
            type: 'post',
            async: false,
            url: '{{ route('compras.documento.consulta_store') }}',
            data: {
                '_token': $('input[name=_token]').val(),
                'moneda': $('#moneda').val(),
                'serie_tipo': $('#serie_tipo').val(),
                'numero_tipo': $('#numero_tipo').val(),
                'proveedor_id': $('#proveedor_id').val(),
                'tipo_compra': $('#tipo_compra').val(),
            }
        }).done(function(result) {
            if(!result.success)
            {
                toastr.error('La serie ' + serie_tipo + ' con el numero ' + numero_tipo + ' ya tiene un documento de compra registrado');
            }
            else
            {
                if (enviar) {
                    var descripcion_producto = obtenerproducto($('#producto_id').val())
                    var detalle = {
                        producto_id: $('#producto_id').val(),
                        descripcion: descripcion_producto.nombre, //+' - '+$('#lote').val()
                        costo_flete: $('#costo_flete').val(),
                        precio: precio, //$('#precio').val()
                        cantidad: $('#cantidad').val(),
                        lote: $('#lote').val(),
                        fecha_vencimiento: $('#fecha_vencimiento').val(),
                    }
                    agregarTabla(detalle);
                    sumaTotal()
                    limpiarDetalle()
                }
            }

        });

    })

    $("#percepcion").on('keyup', function() {
        sumaTotal()
    })

    function limpiarDetalle() {
        $('#presentacion').val('')
        $('#precio').val('')
        $('#cantidad').val('')
        $('#costo_flete').val('0.00')
        $('#producto_id').val($('#producto_id option:first-child').val()).trigger('change');
        $('#lote').val('LT-{{ $fecha_actual }}');
        $('#fecha_vencimiento').val('{{$fecha_5}}');
        limpiarErrores();
    }

    function limpiarErrores() {
        $('#cantidad').removeClass("is-invalid")
        $('#error-cantidad').text('')

        $('#costo_flete').removeClass("is-invalid")
        $('#error-costo-flete').text('')

        $('#precio').removeClass("is-invalid")
        $('#error-precio').text('')

        $('#producto_id').removeClass("is-invalid")
        $('#error-producto').text('')

        $('#fecha_vencimiento').removeClass("is-invalid")
        $('#error-fecha_vencimiento').text('')

        $('#lote').removeClass("is-invalid")
        $('#error-lote').text('')
    }
    //INGRESAR producto A DATATABLE
    function agregarTabla($detalle) {
        table.row.add([
            $detalle.producto_id,
            '',
            $detalle.cantidad,
            $detalle.descripcion,
            $detalle.fecha_vencimiento,
            $detalle.costo_flete,
            $detalle.precio,
            ($detalle.cantidad * $detalle.precio).toFixed(2),
            $detalle.lote,
            editable($detalle.editable)
        ]).draw(false);
        cargarproductos()
    }
    //EDITABLE SIRVE PARA MANEJAR EL AGREGAR LOTES EN UN PRODUCTO
    function editable(editable) {
        if (editable) {
            return editable
        }else{
            return ''
        }
    }
    //CARGAR producto A UNA VARIABLE
    function cargarproductos() {
        var productos = [];
        var data = table.rows().data();
        data.each(function(value, index) {
            let fila = {
                producto_id: value[0],
                cantidad: value[2],
                nombre: value[3],
                costo_flete: value[5],
                precio: value[6],
                fecha_vencimiento: value[4],
                lote: value[8],
            };
            productos.push(fila);
        });
        $('#productos_tabla').val(JSON.stringify(productos));
    }
    //OBTENER EL producto POR SU ID
    function obtenerproducto(id) {
        var producto = "";
        $.ajax({
            url: '{{ route("getProducto", ":id") }}'.replace(':id', id),
            async: false,
            success:function(data) {
                producto = (data) ? data : toastr.error('El Producto no se encuentra en Base de Datos.', 'Error');
            }
        });
        return producto;
    }
    //AGREGAR EL CAMPO PRESENTACION Y PRECIO DEL PRODUCTO
    function cargarPresentacion(producto) {
        if(producto.value != '')
        {
            //$('#precio').val(obtenerproducto(producto.value).precio_venta_minimo)
            $('#precio').val('')
            setTimeout(function() { $('input[name="precio"]').focus() }, 10);
        }
    }

    function obtenerPresentacion($descripcion) {
        var presentacion = ""
        @foreach(presentaciones() as $presentacion)
        if ("{{$presentacion->descripcion}}" == $descripcion) {
            presentacion = "{{$presentacion->simbolo}}"
        }
        @endforeach
        return presentacion;
    }

    //producto Y LOTE DEBEN SER UNICOS
    function buscarproducto(id) {
        var existe = false;
        table.rows().data().each(function(el, index) {
            (el[0] == id) ? existe = true : ''
        });
        return existe
    }

    //CALCULAR LONGITUD DE productoS INGRESADOS EN TABLAS
    function registrosproductos() {
        var registros = table.rows().data().length;
        return registros
    }

    function sumaTotal() {
        var subtotal = 0;
        table.rows().data().each(function(el, index) {
            subtotal = Number(el[7]) + subtotal
        });
        var igv = $('#igv').val()
        if (!igv) {
            sinIgv(subtotal)
        }else{
            conIgv(subtotal)
        }
    }

    function sinIgv(subtotal) {
        // calular igv (calcular la base)
        var percepcion = convertFloat($('#percepcion').val())
        var igv =  subtotal * 0.18
        var total = subtotal + igv + percepcion
        $('#igv_int').text('18%')
        $('#subtotal').text(subtotal.toFixed(2))
        $('#igv_monto').text(igv.toFixed(2))
        $('#total').text(total.toFixed(2))

    }

    function conIgv(subtotal) {
        // CALCULAR IGV (BASE)
        var igv = $('#igv').val()
        var percepcion = convertFloat($('#percepcion').val())
        if (igv) {
            var calcularIgv = igv/100
            var base = subtotal / (1 + calcularIgv)
            var nuevo_igv = subtotal - base;
            $('#igv_int').text(igv+'%')
            $('#subtotal').text(base.toFixed(2))
            $('#igv_monto').text(nuevo_igv.toFixed(2))
            $('#total').text((subtotal + percepcion).toFixed(2))

        }else{
            toastr.error('Ingrese Igv.', 'Error');
        }

    }

    // function sinIgv(subtotal) {
    //     var calcularIgv = 18/100
    //     var base = subtotal / (1 + calcularIgv)
    //     var nuevo_igv = subtotal - base;
    //     $('#igv_int').text(18+'%')
    //     $('#subtotal').text(base.toFixed(2))
    //     $('#igv_monto').text(nuevo_igv.toFixed(2))
    //     $('#total').text(subtotal.toFixed(2))
    // }

    // function conIgv(subtotal) {
    //     var igv = $('#igv').val()
    //     if (igv) {
    //         var calcularIgv = igv/100
    //         var base = subtotal / (1 + calcularIgv)
    //         var nuevo_igv = subtotal - base;
    //         $('#igv_int').text(igv+'%')
    //         $('#subtotal').text(base.toFixed(2))
    //         $('#igv_monto').text(nuevo_igv.toFixed(2))
    //         $('#total').text(subtotal.toFixed(2))
    //     }else{
    //         toastr.error('Ingrese Igv.', 'Error');
    //     }
    // }

    function obtenerTabla() {
        @if (!empty($orden))
            @foreach($detalles as $detalle)
                table.row.add([
                    "{{$detalle->producto_id}}",
                    '',
                    "{{$detalle->cantidad}}",
                    "{{$detalle->producto->nombre}}",
                    "{{$detalle->fecha_vencimiento}}",
                    "{{$detalle->costo_flete}}",
                    "{{$detalle->precio}}",
                    ("{{$detalle->precio}}" * "{{$detalle->cantidad}}").toFixed(2),
                    "{{$detalle->lote_aux}}",
                    '',
                ]).draw(false);
            @endforeach
        @endif
    }

    //DOBLE INPUT BUSCADOR PROVEEDOR
    $(document).on("change", "#proveedor_razon", function () {
    id = $(this).val();
    if($("#proveedor_id").val() != id){
        $("#proveedor_id").select2('val',id);
    }
    });

    $(document).on("change", "#proveedor_id", function () {
        id = $(this).val();
        if($("#proveedor_razon").val() != id){
            $("#proveedor_razon").select2('val',id);
        }
    });

    function obtenerProducts()
    {
        $('#panel_detalle').children('.ibox-content').toggleClass('sk-loading');
        $("#producto_id").empty().trigger('change');
        axios.get('{{ route('compras.documento.getProduct') }}').then(response => {
            let data = response.data.data
            console.log(data)
            if (data.length > 0) {
                $('#producto_id').append('<option></option>').trigger('change');
                for(var i = 0;i < data.length; i++)
                {
                    let codigo = data[i].codigo_barra ? (' - ' + data[i].codigo_barra) : '';
                    var newOption = '<option value="'+data[i].id+'" peso="'+data[i].peso_producto+'" unidad="'+data[i].medida_desc+'" descripcion="'+data[i].nombre+'">'+data[i].nombre + codigo + '</option>';
                    $('#producto_id').append(newOption).trigger('change');
                    //departamentos += '<option value="'+result.departamentos[i].id+'">'+result.departamentos[i].nombre+'</option>';
                }

                $('#panel_detalle').children('.ibox-content').toggleClass('sk-loading');

            } else {
                $('#panel_detalle').children('.ibox-content').toggleClass('sk-loading');
                toastr.error('Productos no encontrados.', 'Error');
            }
        })
    }

    function nextFocus(event, inputS) {
        if (event.keyCode == 13) {

            setTimeout(function() { $('#'+inputS).focus() }, 10);
            document.getElementById(inputS).focus();
        }
    }

</script>
@endpush