@extends('layouts.dashboard')
@php
    $esNeto = !empty(session('tipoDePrecio')) && session('tipoDePrecio') === 'neto';
@endphp
@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Recepción de factura de compra</strong></li>
    </ul>
    @if(session('message') && session('alert'))
        <div class="alert {{ session('alert') }} mb-3">
            {{ session('message') }}
        </div>
    @endif
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Recepción de factura de compra</h1>
        </div>
    </div>
    @foreach ($compra as $c)
        
        <form class="row mx-0 form-registro" action="{{ route('upd-factura-compra', ['id' => $c->dte_recibido_id]) }}"
            id="form-registro-compra" method="post" onsubmit="return validarSucursal(this.id)" enctype="multipart/form-data">
            {{ 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" readonly="" 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"  readonly="" 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" readonly="" required="">
                            </div>
                            <div class="col-4 mt-3">
                                <label for="monto" class="d-block font-weight-bold">Monto </label>
                                <input type="text" id="monto" class="form-control" readonly="">
                            </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-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>

                        <div class="table-responsive">
                            <table class="table" id="table-productos-documento">
                                <thead>
                                    <tr>
                                        <th>Cod. Proveedor</th>
                                        <th>SKU</th>
                                        <th>Productos</th>
                                        <th>Costo (Neto)</th>
                                        <th>Cantidad</th>
                                        <th>Recibido</th>
                                        <th>$ Venta {{ $esNeto ? '(Neto)' : '(Bruto)' }}</th>
                                        <th>$ Oferta {{ $esNeto ? '(Neto)' : '(Bruto)' }}</th>
                                        <th>Subtotal (Factura)</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $num = 1; @endphp

                                                                        @if (count($productos) > 0)
                                        @foreach ($productos as $p)
                                                                                        {{-- @include('dashboard.dte.table-producto') --}}
                                            @include('dashboard.dte.table-productos-factura-compra')
                                        @endforeach
                                    @else
                                        {{-- @include('dashboard.dte.table-producto') --}}
                                        @include('dashboard.dte.table-productos-factura-compra')
                                    @endif
                                </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 + " .producto").value = data.productoId;
                document.querySelector(idTr + " .precio-venta").value = data.precioNormal;
                document.querySelector(idTr + " .precio-oferta").value = data.precioOferta;
                document.querySelector(idTr + " .sku-interno").value = data.sku;

                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 + " .precio-venta").value = '';
                    document.querySelector(idTr + " .precio-venta").value = '';
                    document.querySelector(idTr + " .sku-interno").value = '';
                   

                }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