{{-- Author: Raffaele Schiavullo --}}

@extends('layouts.app')
@include('layouts.header')
@section('title', 'Tools')

@section('content')
    <style>
        .mes {
            color: #ed5565;
            list-style-type: none;
        }
    </style>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row equal">

            {{-- ********************************************* PANNELLO IMPORTAZIONE FILES --}}
            <div class="col-lg-12">

                <div class="ibox float-e-margins">

                    {{-- ************** TITOLO --}}
                    <div class="ibox-title">
                        <h1 style="font-size: 35px !important;"><b>IMPORTAZIONE MASSIVA LETTURE DISTRIBUTORE NUOVI
                                FORMATI</b> <small class="m-l-sm"></small></h1>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>

                    {{-- ************** SEZIONE IMPORTAZIONE --}}
                    <div class="ibox-content" id="carica">

                        {{-- ************** DIVIDER --}}
                        <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>

                        <h3 style="font-size: 25px !important;">
                            <b>Modalità di utilizzo</b><br>
                        </h3>

                        <h4>1) Mettere i files da importare, in formato XML e scaricati dai portali dei distributori, sulla
                            NAS nella cartella \\192.168.2.5\backend\lettureMassive_NuoviFormati_FilesXML senza creare
                            ulteriori sotto cartelle ed avviare l'importazione.<br><br>
                            2) Nella cartella lettureMassive_NuoviFormati_FilesXML devono essere copiati solo files di tipo
                            XML, ogni altro formato files blocca il processo di importazione<br><br>
                            3) Nel caso il processo si bloccasse, non procedere all'aggiornamento della pagina, ma
                            selezionare
                            nuovamente la voce dal menu a lato IMPORTAZIONE MASSIVA LETTURE DISTRIBUTORE NUOVI
                            FORMATI.<br><br>
                            4) Non avviare l'importazione dei files aprendo più finestre per velocizzare il processo di
                            caricamento: questa operatività renderebbe il Data Base incoerente, impossibilitando di fatto
                            l'esportazione dei dati.
                        </h4><br>

                        {{-- ************** DIVIDER --}}
                        <div>
                            <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>

                        {{-- ************** VALIDAZIONE SESSIONE --}}
                        <input type="hidden" name="_token" value="{{ Session::token() }}" />

                        {{-- ************** TASTO IMPORTAZIONE MASSIVA --}}
                        <div class="col-md-12">
                            <button id="btn_ImportazioneMassiva" onclick="getFilesFromFolder ()"
                                class="btn btn-primary btn-lg center-block">Inizializza Importazione Massiva</button>
                        </div>

                        <div class="clearfix"></div>

                    </div>

                </div>

            </div>

            {{-- ************** PROGRESS IMPORTAZIONE --}}
            <div class="col-lg-12">

                <div class="ibox">
                    <div class="ibox-content">
                        <div id="">
                            <h2 style="font-size: 25px !important;"><b>Report Importazione</b></h2>
                        </div>

                        {{-- ************** TABELLA REPORT --}}
                        <div class="ibox-content" id="carica">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover" id="tableProgress" data-ordering="false">
                                    <thead>
                                        <tr>
                                            <th style="font-size: 1.2em;">Files Importati</th>
                                            <th style="font-size: 1.2em;">Files da Importare</th>
                                            <th style="font-size: 1.2em;">Ora Inzio Importazione</th>
                                            <th style="font-size: 1.2em;">Ora Fine Importazione</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th style="font-size: 1.2em;">--</th>
                                            <th style="font-size: 1.2em;">--</th>
                                            <th style="font-size: 1.2em;">--</th>
                                            <th style="font-size: 1.2em;">--</th>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        {{-- ************** TABELLA FILE IN CARICAMENTO --}}
                        <div class="ibox-content" id="carica">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover" id="tableFileInCaricamento"
                                    data-ordering="false">
                                    <thead>
                                        <tr>
                                            <th style="font-size: 1.2em;"></th>
                                            <th style="font-size: 1.2em;">File in Caricamento</th>
                                            <th style="font-size: 1.2em;">Batch</th>
                                            <th style="font-size: 1.2em;">Orario Inizio Caricamento</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th style="font-size: 1.2em;">--</th>
                                            <th style="font-size: 1.2em;">--</th>
                                            <th style="font-size: 1.2em;">--</th>
                                            <th style="font-size: 1.2em;">--</th>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

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

            {{-- ************** TABELLA FILES IMPORTATI --}}
            <div class="col-lg-12">

                <div class="ibox">
                    <div class="ibox-content">
                        <div id="">
                            <h2 style="font-size: 25px !important;"><b>Lista file/s importati</b></h2>
                        </div>

                        <div class="ibox-content" id="carica">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover" id="tableFilesImportati"
                                    data-ordering="false">
                                    <thead>
                                        <tr>
                                            <th style="font-size: 1.2em;">n°</th>
                                            <th style="font-size: 1.2em;"></th>
                                            <th style="font-size: 1.2em;">File</th>
                                            <th style="font-size: 1.2em;">Batch</th>
                                            <th style="font-size: 1.2em;">Ora Fine Caricamento</th>
                                            <th style="font-size: 1.2em;">Dati Flusso</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>

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

        </div>

    </div>

    <!-- MODALE CARICAMENTO TERMINATO -->
    <div class="modal fade" id="modaleEndLoading" tabindex="-1" role="dialog" aria-labelledby="modaleEndLoading"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title" id="modaleEndLoading" style="color: #1ab394"><b>CARICAMENTO TERMINATO</b>
                    </h2>
                </div>
                <div class="modal-body">
                    <h4 style="color: black">Tutti i files sono stati imporati e cancellati dalla cartella
                        "lettureMassive_NuoviFormati_FilesXML" sulla NAS.</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Chiudi</button>
                </div>
            </div>
        </div>
    </div>

    <!-- MODALE FILE DELETED -->
    <div class="modal fade" id="modaleCheckFiles" tabindex="-1" role="dialog" aria-labelledby="modaleCheckFiles"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title" id="modaleCheckFilesLabeled" style="color: #1ab394"><b>FILES DA IMPORTARE</b>
                    </h2>
                </div>
                <div class="modal-body">
                    <h4 style="color: black">Non esistono files da importare nella cartella
                        "lettureMassive_NuoviFormati_FilesXML sulla NAS."</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Chiudi</button>
                </div>
            </div>
        </div>
    </div>

    </div>
@endsection

@section('scripts')
    <script>
        //PARAMETERS
        batchNumber = 0; //Numero di invii del file: se ci sono errori nel caricamento questo contatore viene incrementato
        counter = 0; //Contatore lista files importati
        fileIndex = 0; //Indice del file da caricare 
        fileToUpload = []; //Matrice dei files da caricare presenti nella cartella lettureMassive_NuoviFormati_FilesXML 
        endTime = "";
        startTime = "";
        totalFilesToImport =
            0; //Numero totale dei files da importare presentui nella cartella lettureMassive_NuoviFormati_FilesXML

        function appendFileInCaricamento(batchNumber, counter, file, startTime2) {
            document.getElementById("tableFileInCaricamento").deleteRow(1);

            if (batchNumber == "1") {
                var toAppend = "<tr style=\"color:#676a6c\">" +
                    "<td><input type=\"hidden\" id=\"file_" + counter + "\" value=" + file +
                    "><button type=\"button\" class=\"btn btn-info btn-xs\" title=\"Copia nome file in importazione\" onclick = \"copyToClipboard(" +
                    counter + ")\">C</button></td><td id=\"fileTD_" + counter + "\" style=\"color:#676a6c\"><h4><b> " +
                    file +
                    "</b></h4></td><td><h4><b>" + batchNumber + "</b></h4></td><td><h4><b>" + startTime2 + "</b></h4></td>";
            } else {
                //Se il file viene importato in più volte causa problemi col server, viene segnalto in rosso
                var toAppend = "<tr style=\"color:#FF0000\">" +
                    "<td><input type=\"hidden\" id=\"file_" + counter + "\" value=" + file +
                    "><button type=\"button\" class=\"btn btn-info btn-xs\" title=\"Copia nome file in importazione\" onclick = \"copyToClipboard(" +
                    counter + ")\">C</button></td><td id=\"fileTD_" + counter + "\" style=\"color:#FF0000\"><h4><b> " +
                    file +
                    "</b></h4></td><td><h4><b>" + batchNumber + "</b></h4></td><td><h4><b>" + startTime2 + "</b></h4></td>";
            }

            $('#tableFileInCaricamento').append(toAppend);
        }

        //Aggiornamento tabella tableFilesImportati
        function appendFilesImported(batchNumber, counter, file, returnedData) {

            var dateTime = getTime();

            //Il primo caricamento del file se va a buon fine viene aggiornato nella tabella tableFilesImportati con un testo di colre nero 
            if (batchNumber == "1") {
                var toAppend = "<tr style=\"color:#676a6c\"><td><b>" + (counter) +
                    "</b></td><td><input type=\"hidden\" id=\"file_" + counter + "\" value=" + file +
                    "><b><button type=\"button\" class=\"btn btn-info btn-xs\" title=\"Copia nome file importato\" onclick = \"copyToClipboard(" +
                    counter + ")\">C</button></td><td id=\"fileTD_" + counter + "\" style=\"color:#676a6c\"><b>" + file +
                    "</b></td><td><b>" + (batchNumber) +
                    "</b></td><td><b>" + dateTime + "</b></td><td><b>" + returnedData + "</tr>";
            } else {
                //Se il primo caricamento del file non va a buon fine viene aggiornato nella tabella tableFilesImportati con un testo di colre rosso ogni volta che viene riavviato il caricamento
                var toAppend = "<tr style=\"color:#FF0000\"><td><b>" + (counter) +
                    "</b></td><td><input type=\"hidden\" id=\"file_" + counter + "\" value=" + file +
                    "><b><button type=\"button\" class=\"btn btn-info btn-xs\" title=\"Copia nome file importato\" onclick = \"copyToClipboard(" +
                    counter + ")\">C</button></td><td id=\"fileTD_" + counter + "\" style=\"color:#FF0000\"><b>" + file +
                    "</b></td><td><b>" + (batchNumber) +
                    "</b></td><td><b>" + dateTime + "</b></td><td><b>" + returnedData + "</tr>";
            }

            $('#tableFilesImportati').prepend(toAppend);

            appendProgress("--", counter, startTime, totalFilesToImport);
        }

        //Aggiornamento tabella tableProgress con il progresso dell'importazione
        function appendProgress(endTime, counter, startTime, totalFilesToImport) {

            document.getElementById("tableProgress").deleteRow(1);

            var toAppend = "<tr>" +
                "<td style=\"color:#1ab394\"><h1><b>" + counter +
                "</b></h1></td><td><h1><b>" + totalFilesToImport + "</b></h1></td><td><h1><b>" +
                startTime + "</b></h1></td><td><h1><b>" + endTime + "</b></h1></td></tr>";

            $('#tableProgress').append(toAppend);

        }

        function copyToClipboard(counter) {

            var textToCopy = "file_" + counter;
            var textToHiglight = "fileTD_" + counter;

            /* Get the text field */
            var copyText = document.getElementById(textToCopy);

            /* Select the text field */
            copyText.select();
            //copyText.setSelectionRange(0, 99999); /* For mobile devices */

            /* Copy the text inside the text field */
            navigator.clipboard.writeText(copyText.value);

            /* Alert the copied text */
            //alert("Copied the text: " + copyText.value);

            //Evidenziamo il file copiato nella clipboard
            document.getElementById(textToHiglight).style.color = "#24c6c8";
        }

        //Cancelliamo il file importato dalla cartella lettureMassive_NuoviFormati_FilesXML 
        function deleteFiles(file) {

            $.ajax({
                type: "POST",
                url: '/tools/importazioneMassivaLettureDistributore_NuoviFormati_DeleteFiles',
                async: true,
                data: {
                    fileToDelete: file
                },
                success: function(returnedData) {
                    console.log("file cancellato: " + file);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log("ERRORE SU CANCELLAZIONE FILE jqXHR=" + jqXHR + "textStatus=" + textStatus +
                        "errorThrown= " + errorThrown);
                }
            });

        }

        //A partire dal 12/1/2023 leggendo i files dalla cartella ella NAS, questi venivano duplicati aggiungendo al nome del file un prefisso ed un suffiso come nell'esempio "@eaDir/05779711000_08338161212_202301_SNM2G_20230109205127_1DP2284_R.xml@SynoEAStream"
        //questo generava un errore nell'importazionee dei files, per cui questa funziona elimina dall'array "data" tutti i files di cui sopra, popolandolo solo con i files che effettivamente esistono nella cartella \\192.168.2.5\backend\lettureMassive_NuoviFormati_FilesXML
        function fixFileToUploadList(data) {

            var dataFixed = [];
            var fixData = false;

            if (fixData) {
                for (let index = 0; index < (data.length / 2); index++) {
                    dataFixed.push(data[index])
                }
            } else {
                for (let index = 0; index < (data.length); index++) {
                    dataFixed.push(data[index])
                }
            }

            return dataFixed;
        }

        //Otteniamo la lista dei file da caricare dalla cartella sul NAS \\192.168.2.5\backend\lettureMassive_NuoviFormati_FilesXML
        function getFilesFromFolder() {

            //Disabilitiamo il tasto di Importazione
            document.getElementById("btn_ImportazioneMassiva").innerHTML = "Importazione Massiva in Progress...";
            $('#btn_ImportazioneMassiva').prop('disabled', true);

            $.ajax({
                type: "POST",
                url: '/tools/importazioneMassivaLettureDistributore_NuoviFormati_GetFilesXML',
                data: {
                    // fileToDelete: file
                },
                success: function(data) {
                    // fileToUpload = data; //Popoliamo la matrice dei files da caricare
                    fileToUpload = fixFileToUploadList(data); //Popoliamo la matrice dei files da caricare
                    totalFilesToImport = fileToUpload.length;

                    startTime = getTime();

                    //Se esistono files da importare nella cartella aggiorniamo la tabella tableProgress
                    if (totalFilesToImport > 0) {
                        appendProgress("--", "--", startTime, totalFilesToImport);
                        loadFiles(data[0]);
                    } else {
                        //Se i files non esistono lo segnaliamo tramite una modale
                        $("#modaleCheckFiles").modal();
                    }

                    console.log("FILES LETTI DALLA NAS");
                    console.log(data);
                    console.log("FILES LETTI DALLA NAS CON FIX DEI FILES ERRATI");
                    console.log(totalFilesToImport, fileToUpload);

                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log("ERRORE SU LETTURA FILES DALLA CARTELLA jqXHR=" + jqXHR + "textStatus=" +
                        textStatus + "errorThrown= " + errorThrown);
                }
            });

        }

        function getTime() {
            var currentdate = new Date();

            var datetime = currentdate.getDate() + "/" +
                (currentdate.getMonth() + 1) + "/" +
                currentdate.getFullYear() + " @ " +
                currentdate.getHours() + ":" +
                currentdate.getMinutes() + ":" +
                currentdate.getSeconds();

            return datetime;
        }

        function loadFiles(file) {

            batchNumber += 1;
            counter += 1;

            //Aggiorniamo la tabella tableFileInCaricamento
            startTime2 = getTime();
            appendFileInCaricamento(batchNumber, counter, fileToUpload[fileIndex], startTime2);

            $.ajax({
                type: "POST",
                url: '/tools/importazioneMassivaLettureDistributore_NuoviFormati',
                async: true,
                data: {
                    fileToLoad: file
                },
                dataType: "JSON",
                success: function(returnedData) {

                    fileIndex += 1;

                    if (fileIndex < totalFilesToImport) {
                        //Cancelliamo il file precedentemente importato dalla cartella sulla NAS prima di procedere al caricamento successivo
                        deleteFiles(fileToUpload[fileIndex - 1]);

                        //Aggiorniamo la tabella tableFilesImportati con l'ultimo file importato 
                        appendFilesImported(batchNumber, counter, fileToUpload[fileIndex - 1],
                            returnedData);

                        console.log("filesDaImportare/filesImportati " + totalFilesToImport + "/" + counter);

                        batchNumber = 0;

                        //Procediamo a caricare il file successivo
                        loadFiles(fileToUpload[fileIndex]);

                    } else {
                        //Il codice nella condizione else viene valutato quando non ci sono più files da caricare 
                        //
                        //Cancelliamo il file precedentemente importato dalla cartella sulla NAS
                        deleteFiles(fileToUpload[fileIndex - 1]);

                        endTime = getTime();
                        console.log("END TIME " + endTime);

                        //Aggiorniamo la tabella tableFilesImportati con l'ultimo file caricato
                        appendFilesImported(batchNumber, counter, fileToUpload[fileIndex - 1],
                            returnedData);

                        //Aggiorniamo la tabella tableProgress con l'orario di fine importazione di tutto il processo di csaricamento dei files
                        appendProgress(endTime, counter, startTime, totalFilesToImport);

                        console.log("filesDaImportare/filesImportati " + totalFilesToImport + "/" + counter);

                        //Porcediamo ad aggiornare il testo del tasto btn_ImportazioneMassiva
                        $('#btn_ImportazioneMassiva')
                            .prop('disabled', true);
                        document.getElementById("btn_ImportazioneMassiva")
                            .innerHTML = "Importazione Massiva Terminata";

                        //Carichiamo la modale per segnalare la fine del rpocesso di importazione
                        $("#modaleEndLoading").modal();
                    }
                    console.log("returnedData ", returnedData);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    //In caso di errori in fase di caricamento del file con indice fileIndex, procediamo nuovamente al suo caricamento

                    //Decrementiamo il counter per evitare errori di conteggio in fase di nuova importazione dello stesso file
                    counter -= 1;

                    loadFiles(fileToUpload[fileIndex]);

                    console.log("ERRORE SU CARICAMENTO FILE jqXHR=" + jqXHR + "textStatus=" +
                        textStatus + "errorThrown= " + errorThrown);
                }
            });

        }
    </script>

@endsection