@extends('layouts.app')

@section('content')

@include('users.partials.header', [
    'title' => __('Importar facturas'),
    'description' => __(''),
    'class' => 'col-lg-12'
]) 

<style>
    #Table-promoaciones tbody tr{
        cursor: pointer;
    }

    .error{
        background-color: rgb(241 4 4 / 79%) !important;
        color: white !important;
    }
</style>

<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card shadow">

                <div class="card-body">
                    <div class="table-responsive" style="overflow-x: hidden !important;">
                        <!-- Projects table -->
                        <div>
                    <div class="botones_accion mb-3" style="display:flex;">
                        <div class="">

                            <input type="file" id="excelFile" class="float-right subir_documento" accept=".xls, .xlsx" />


                        </div>

                        <div class="ml-3">
                            <a class="btn btn-info" href="{{asset('assets/import/plantilla_importacion_promociones.xlsx')}}" download>Descargar plantilla</a>

                        </div>
                        <div class="ml-3">
                            <button class="btn btn-info validar_datos">Validar datos</button>

                        </div>

                        <div class="ml-3">
                            <button class="btn btn-success btn_generar_recibo" readonly disabled>Generar recibos</button>

                        </div>
                    </div>
                   

                    </div>
                        <br>
         
                        <div class="table-responsive table_importacion_temporal">
                        
                            @include('promocion::importar.importacion_temporal')
                       
                    </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    {{-- <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> --}}
</div>
{{-- <input type="text" name="" id="global" value="nacional" hidden> --}}
<div class="modal fade" id="exampleModalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"></div>

    
@endsection

@section('js')
@if(Session::has('success'))
    <script>
        toastr.success('{!! session('success') !!}');

    </script>
@endif

@if(Session::has('error'))
    <script>
        toastr.error('{!! session('error') !!}');

    </script>
@endif
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>



<script>
     $.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
  });



$(".validar_datos").on('click',function(){
var url="{{route('validar_datos_importados')}}";

$.ajax({
    url:url,
    type:'POST',
    beforeSend: function() {
            // Mostrar el loader
            Swal.fire({
    title: 'Validando...',
    text: 'Por favor, espera',
    allowOutsideClick: false,
    allowEscapeKey: false,
    showConfirmButton: false,
    didOpen: () => {
        Swal.showLoading();
    }
});
        },
    success:function(result){
        console.log(result);
        if(result.success){
            $(".table_importacion_temporal").html(result.view);
            toastr.success(result.msg);
            $(".btn_generar_recibo").removeAttr('disabled');
            $(".btn_generar_recibo").removeAttr('readonly');

        }else{
            toastr.error(result.msg);
            $(".table_importacion_temporal").html('');
            $(".btn_generar_recibo").attr('disabled','disabled');
            $(".btn_generar_recibo").attr('readonly','readonly');
        }
    },error:function(err){  
        console.log(err);
        toastr.error("Ha ocurrido un error inesperado");
    },
    complete:function(){
            // Ocultar el loader
            Swal.close();
        }
});
});

$(".btn_generar_recibo").on('click',function(){
        let existe_error_importar=false;

        $("#table_importar_result tbody tr").each(function () {
    if ($(this).attr('tiene_error') == 1) { // $(this) se refiere al elemento actual
        existe_error_importar = true;
    }
});

if(existe_error_importar){
    Swal.fire({
    title: 'Advertencia',
    text: 'Existen algunos elementos que contienen errores, desea importar omitiendo estos registros',
    icon: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Sí, confirmar',
    cancelButtonText: 'Cancelar'
}).then((result) => {
    if (result.isConfirmed) {
        // Acción a realizar si el usuario confirma
        createReciboFromTemporal();
    } else {
        console.log('Cancelado');
    }
});

    return;
}
createReciboFromTemporal();
});

// Definimos el formato esperado
const expectedHeaders = ['Factura', 'Vendedor', 'Cliente']; // Encabezados esperados
        const columnTypes = ['string', 'string', 'string']; // Tipos esperados para cada columna
        // let  jsonData;

        document.getElementById('excelFile').addEventListener('change', (event) => {
            const file = event.target.files[0];

            if (!file) {
              
                Swal.fire({
                            title:'Error',
                            text:'Por favor selecciona un archivo',
                            icon:'warning'
                        });
                return;
            }

            const reader = new FileReader();
            

            reader.onload = (e) => {
                const data = new Uint8Array(e.target.result);
                const workbook = XLSX.read(data, { type: 'array' });

                const sheetName = workbook.SheetNames[0];
                const sheet = workbook.Sheets[sheetName];

                const rows = XLSX.utils.sheet_to_json(sheet, { header: 1 });

                if (validateFormat(rows)) {
                    // drawTable(rows); // Solo dibuja la tabla si el formato es válido
                     const jsonData = createJSON(rows); // Generar JSON estructurado
                     // Mostrar JSON en la consola
                    
                     sendJsonToServer(jsonData);
                }

                   // Restablecer el valor del input
        event.target.value = '';
            };

            reader.readAsArrayBuffer(file);

          
        });

        // Valida el formato del archivo Excel
        function validateFormat(rows) {
            if (rows.length === 0) {
                
                Swal.fire({
                            title:'Error',
                            text:'El archivo está vacío',
                            icon:'warning'
                        });
                return false;
            }

            // Validar encabezados
            const headers = rows[0];
            if (headers.length !== expectedHeaders.length) {
            
                Swal.fire({
                            title:'Error',
                            text:'El número de columnas no coincide con el formato esperado.',
                            icon:'warning'
                        });
                return false;
            }

            for (let i = 0; i < headers.length; i++) {
                if (headers[i] !== expectedHeaders[i]) {
                
                    Swal.fire({
                            title:'Error',
                            text:`El encabezado "${headers[i]}" no coincide con "${expectedHeaders[i]}" en la posición ${i + 1}.`,
                            icon:'warning'
                        });
                    return false;
                }
            }

            // Validar datos
            for (let rowIndex = 1; rowIndex < rows.length; rowIndex++) {
                const row = rows[rowIndex];
                for (let colIndex = 0; colIndex < columnTypes.length; colIndex++) {
                    const cell = row[colIndex];
                    const expectedType = columnTypes[colIndex];

                    if (expectedType === 'number' && isNaN(Number(cell))) {
                        var alert_text=`El valor en la fila ${rowIndex + 1}, columna ${colIndex + 1} no es un número válido.`;
                        Swal.fire({
                            title:'Error',
                            text:alert_text,
                            icon:'warning'
                        });
                        return false;
                    }

                    if (expectedType === 'string' && typeof cell !== 'string' && cell !== null) {
                        var alert_text=`El valor en la fila ${rowIndex + 1}, columna ${colIndex + 1} no es una cadena válida.`;
                        Swal.fire({
                            title:'Error',
                            text:alert_text,
                            icon:'warning'
                        });
                        return false;
                    }
                }
            }

            return true; // El formato es válido
        }

        // Dibuja la tabla en HTML
        // function drawTable(rows) {
        //     const tableHeader = document.getElementById('tableHeader');
        //     const tableBody = document.getElementById('tableBody');

        //     tableHeader.innerHTML = '';
        //     tableBody.innerHTML = '';

        //     rows.forEach((row, rowIndex) => {
        //         const tr = document.createElement('tr');

        //         row.forEach((cell) => {
                    
        //             const td = document.createElement(rowIndex === 0 ? 'th' : 'td');
        //             td.textContent = cell || ''; // Manejamos celdas vacías
        //             tr.appendChild(td);
        //         });

        //         if (rowIndex === 0) {
        //             tableHeader.appendChild(tr);
        //         } else {
        //             tableBody.appendChild(tr);
        //         }
        //     });
        // }


        function createJSON(rows) {
    const jsonData = [];

    for (let rowIndex = 1; rowIndex < rows.length; rowIndex++) {
        const row = rows[rowIndex];
        const rowObject = {};

        expectedHeaders.forEach((header, colIndex) => {
            rowObject[header] = row[colIndex] || null; // Asigna valor o null si está vacío
        });

        jsonData.push(rowObject);
    }

    return jsonData;
}


function sendJsonToServer(jsonValue){
    console.log("Json find::",jsonValue);

    $.ajax({
        url:"{{route('datos_importados_temporal')}}",
        type:"POST",
        // data:{'importacion':jsonValue},
        data:{'importacion': JSON.stringify(jsonValue)},
        beforeSend: function() {
            // Mostrar el loader
            Swal.fire({
    title: 'Cargando...',
    text: 'Por favor, espera',
    allowOutsideClick: false,
    allowEscapeKey: false,
    showConfirmButton: false,
    didOpen: () => {
        Swal.showLoading();
    }
});
        },
        success:function(result){
            console.log(result);
            if(!result.success){
                Swal.fire({
                            title:'Error',
                            text:result.msg,
                            icon:'warning'
                        });
            }else{
                $(".table_importacion_temporal").html(result.view);
                toastr.success(result.msg);
            }

        },
        error:function(err){
            console.log(err);
            toastr.error("Ha ocurrido un error inesperado");

        },
        complete:function(){
            Swal.close();
        }
    })
}


function createReciboFromTemporal(){
    

    $.ajax({
        url:"{{route('create_recibo_importados_temporal')}}",
        type:"POST",
        beforeSend: function() {
            // Mostrar el loader
            Swal.fire({
    title: 'Cargando...',
    text: 'Por favor, espera',
    allowOutsideClick: false,
    allowEscapeKey: false,
    showConfirmButton: false,
    didOpen: () => {
        Swal.showLoading();
    }
});
        },
        success:function(result){
            console.log(result);
            if(!result.success){
                Swal.fire({
                            title:'Error',
                            text:result.msg,
                            icon:'warning'
                        });
            }else{
                toastr.success("Se han generado los recibos correctamente");
              let url_detalle="{{route('recibos_realizado_importacion',[':id'])}}";
  url_detalle=url_detalle.replace(':id',result.id_log_creado);
  window.location.href=url_detalle;
            }

        },
        error:function(err){
            console.log(err);
            toastr.error("Ha ocurrido un error inesperado");

        },
        complete:function(){
            Swal.close();
        }
    });
}







</script>

@endsection