@extends('layouts.dashboard')

@section('dashboard')
@php
    $esNeto = !empty(session('tipoDePrecio')) && session('tipoDePrecio') === 'neto';
@endphp
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Crear factura de compra</strong></li>
    </ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Crear factura de compra</h1>
        </div>
    </div>

    <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">
                    <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="validarFolioFacturaCompra(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-4 mt-3">
		            		<label for="region">Región <span class="href-rosa">*</span></label>
							@php $regiones = \FCR::getRegiones(); @endphp
		    				<select name="region" id="region" class="form-control select2" required="required" onchange="updComunas(this.value)">
		    					<option value="">Seleccione...</option>
		    					@foreach($regiones as $r)
		    						<option value="{{ $r->region_id }}">{{ $r->region_nombre }}</option>
		    					@endforeach
		    				</select>
			            </div>
			            <div class="col-4 mt-3">
		            		<label for="comuna">Comuna <span class="href-rosa">*</span></label>
							<select name="comuna" id="comuna" class="form-control select2" required="required">
		    					<option value="">Seleccione...</option>
		    				</select>
			            </div>
			            <div class="col-4 mt-3">
	            			<label for="direccion">Dirección <span class="href-rosa">*</span></label>
	            			<input type="text" class="form-control" name="direccion" id="direccion" required="required">
	            		</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="agregarFilaProductoFacturaCompraManual()">+
                                    Agregar fila</button>
                            </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;
                                    $factura_manual = 'si';
                                @endphp
                                @include('dashboard.dte.table-productos-factura-compra')
                            </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>

   
@endsection

@section('scripts')
<script>

    function validarFolioFacturaCompra(folioFacturaCompra) {

        // Realizar la petición con `fetch`
        fetch("/dashboard/validar-folio-factura-compra", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": token // Asegúrate de que `token` esté definido globalmente
            },
            body: JSON.stringify({
                folioFacturaCompra: folioFacturaCompra
            })
        })
        .then(response => {
            if (!response.ok) {
            throw new Error(`Error: ${response.statusText}`);
            }
            return response.json(); // Obtener la respuesta como texto
        })
        .then(data => {
           if(data.success){
                alert('Lo sentimos, el folio ingresado no se encuentra disponible.');
                
                var input = document.getElementById('numero-documento');
                input.value = '';
                input.focus();
           }
        })
        .catch(error => {
            console.error("Hubo un problema con la solicitud:", error);
        });
    }

    function agregarFilaProductoFacturaCompraManual() {
        //let mostrar_posicion = "";
        
        try {
            mostrar_posicion = document.getElementById("mostrar-posicion").value;
        } catch (e) {
            // Si no se encuentra el elemento, mantener `mostrar_posicion` como cadena vacía
            mostrar_posicion = "";
        }

        // Realizar la petición con `fetch`
        fetch("/dashboard/cargar-fila-producto-factura-manual", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": token // Asegúrate de que `token` esté definido globalmente
            },
            body: JSON.stringify({
                agregarfilaproductocompra: true,
                mostrar_posicion: mostrar_posicion
            })
        })
        .then(response => {
            if (!response.ok) {
            throw new Error(`Error: ${response.statusText}`);
            }
            return response.text(); // Obtener la respuesta como texto
        })
        .then(data => {
            document.querySelector(".table tbody").insertAdjacentHTML('beforeend', data);
            numFilas(); // Llamar a la función `numFilas` para actualizar el número de filas
        })
        .catch(error => {
            console.error("Hubo un problema con la solicitud:", error);
        });
    }


    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 + " .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 + " .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