@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Crear guia de despacho</strong></li>
    </ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Crear guia de despacho</h1>
        </div>
    </div>
    {{-- @foreach ($compra as $c) --}}

    
    <form class="row mx-0 form-registro" action="{{route('ins-factura-compra') }}" id="form-registro-compra" method="post"
        enctype="multipart/form-data" onsubmit="return validarSucursal(this.id)">
        {{ csrf_field() }}
        <div class="col-md pl-0">
            <!--<div class="card">
                  <div class="card-body">
                    <span class="d-block font-weight-bold mb-2">Cargar archivo XML:</span>
                    <div class="custom-file">
                      <input type="file" name="xml" class="custom-file-input" accept=".xml" required="" onchange="cargarDatosFacturaCompra('form-registro-compra')">
                      <label class="custom-file-label form-control">Cargar archivo XML</label>
                    </div>
                  </div>
                </div>-->
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-4">
                            <label for="rut-proveedor" class="d-block font-weight-bold">RUT Proveedor: </label>
                            <input type="text" name="rut-proveedor" id="rut"                                 class="form-control" placeholder="RUT Proveedor" onfocusout="getInfoProveedor(this.value)"
                                required="">
                        </div>
                        <div class="col-4">
                            <label for="razon-social" class="d-block font-weight-bold">Razón Social </label>
                            <input type="text" id="razon-social" name="razon-social" class="form-control"
                                placeholder="Razón Social"  required="">
                        </div>
                        <div class="col-4">
                            @php
                                $listar_centro_costo = \FCRD::listarCentroCosto()
                            @endphp
                            <label for="centro-costo" class="d-block font-weight-bold">Centro Costo </label>
                            <select class="form-control select2" name="centro-costo" required>
                                <option value="">Elija el centro de costo</option>
                                @foreach ($listar_centro_costo as $centroCosto)
                                    <option value="{{ $centroCosto->centro_costo_id }}">{{ $centroCosto->centro_costo_nombre }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-4 mt-3">
                            <label for="nombre-sucursal" class="d-block font-weight-bold">N° de Documento </label>
                            <input type="text" id="numero-documento" name="numero-documento" class="form-control"
                                 placeholder="N° de Documento"
                                onfocusout="validarFolioFactura(this.value)" required="">
                        </div>
                        <div class="col-4 mt-3">
                            <label for="nombre-sucursal" class="d-block font-weight-bold">Monto </label>
                            <input type="text" readonly id="monto" class="form-control">
                        </div>
                        <div class="col-4 mt-3">
                            <label for="orden-compra" class="d-block font-weight-bold">OC </label>
                            <input type="text" id="orden-compra" name="orden-compra" class="form-control">
                        </div>
                        <div class="col-6 mt-3">
                            <label for="fecha-emision" class="d-block font-weight-bold">Fecha de Emisión </label>
                            <input type="date" id="fecha-emision" name="fecha-emision" class="form-control input-date"required="">
                        </div>
                        <div class="col-6 mt-3">
                            <label for="fecha-vencimiento" class="d-block font-weight-bold">Fecha de Vencimiento </label>
                            <input type="date" id="fecha-vencimiento" name="fecha-vencimiento" class="form-control input-date"required="">
                        </div>
                        <div class="col-12 mt-3">
                            <label for="clasificacion" class="d-block font-weight-bold">Observación </label>
                            <textarea name="observacion-compra"  rows="3" class="form-control"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 mt-4 pl-0">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-auto">
                            <h3 class="titulo-h1 mb-3">Productos</h3>
                        </div>
                                                <div class="col-auto">
                            <button type="button" class="btn btn-success btn-sm" onclick="agregarFilaProductoCompra()">+
                                Agregar fila</button>
                        </div>
                        
                    </div>

                    <div class="table-responsive">
                        <table class="table" id="table-productos-documento">
                            <thead>
                                <tr>
                                    <th>Código Proveedor</th>
                                    <th>SKU Interno</th>
                                    <th>Descripción Producto</th>
                                    <th>Precio</th>
                                    <th>Cantidad Declarada</th>
                                    <th>Cantidad Recepcionada</th>
                                    <th>Subtotal</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                $num = 1;
                                $factura_manual = 'si';
                                @endphp

                                @include('dashboard.dte.guia-despacho.table-productos')

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

                    <div class="col-12 text-right">
                        <button type="submit" class="btn btn-primary btn-sm" name="button">Recepcionar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    {{-- @endforeach --}}
@endsection

@section('scripts')

<script>
    function obtenerProductosCompraDTE(skuProducto, idTr,esCodigoProveedor='no') {

        
        var idTr = "#table-productos-documento #producto-" + idTr;
        var data = new URLSearchParams();
        data.append('skuProducto', skuProducto);
        data.append('esCodigoProveedor', esCodigoProveedor);



        //Enviar la solicitud fetch
        fetch('/dashboard/buscar-producto-factura-manual', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            body: data.toString()
        })
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.json(); //Parsear la respuesta JSON
        })
        .then(data => {
            if (data.success) {
                //AGREGAR LA INFORMACION A LOS INPUT
                document.querySelector(idTr + " .titulo").value = data.productoTitulo;
                document.querySelector(idTr + " .cantidad").value = data.cantidad;
                document.querySelector(idTr + " .cantidad-recepcionada").value = data.cantidad;
                //document.querySelector(idTr + " .precio-venta").value = data.precioNormal;
                //document.querySelector(idTr + " .precio-oferta").value = data.precioOferta;
                //document.querySelector(idTr + " .codigo-proveedor").value = data.codigoProveedor;
                //document.querySelector(idTr + " .sku-interno").value = data.sku;
                document.querySelector(idTr + " .subtotal").value = data.precioNormal;
                document.querySelector(idTr + " .precio-normal").value = data.precioNormal;
                //alert(data.precioNormal)

                //document.querySelector(idTr + " .precio-normal").readOnly = false;
                //document.querySelector(idTr + " .precio-venta").readOnly = false;
                //document.querySelector(idTr + " .precio-oferta").readOnly = false;
                //document.querySelector(idTr + " .sku-interno").readOnly = false;
                // if(data.codigoProveedor != ''){
                //     document.querySelector(idTr + " .codigo-proveedor").readOnly = true;
                // }
                if(data.sku != ''){
                    document.querySelector(idTr + " .sku-interno").readOnly = true;
                }

            } else {
                if (data.message) {
                    //alert(data.message, 'Factura de compra');
                    document.querySelector(idTr + " .titulo").value = '';
                    document.querySelector(idTr + " .precio-normal").value = '';
                    document.querySelector(idTr + " .cantidad").value = '';
                    document.querySelector(idTr + " .cantidad-recepcionada").value = '';
                    //document.querySelector(idTr + " .precio-venta").value = '';
                    //document.querySelector(idTr + " .precio-oferta").value = '';

                    //DEJAR LOS INPUT COMO READONLY EN CASO DE ERROR:
                    //document.querySelector(idTr + " .precio-normal").readOnly = true;
                    //document.querySelector(idTr + " .precio-venta").readOnly = true;
                    //document.querySelector(idTr + " .precio-oferta").readOnly = true;
                    document.querySelector(idTr + " .sku-interno").readOnly = false;
                    //document.querySelector(idTr + " .codigo-proveedor").readOnly = false;

                }else{
                    alert('Error: ' + (data.error || 'No se pudo cargar el producto.'));
                }
                

            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Ocurrió un error al cargar el producto. Por favor, inténtelo de nuevo.');

        });

        return false;
    }
</script>
@endsection