/*
function introJs() {
    let iJsCoockie = "";
    if (Cookies.get(iJsCoockie) != "completed"){
        let introJsOpt = {
            showBullets: false,
            exitOnOverlayClick: false,
            hideNext: true,
            prevLabel: '< Indietro',
            nextLabel: 'Avanti >',
            skipLabel: 'Salta Tutorial',
            steps: [
            {
                
            }],
        };
    
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}
*/

function introJsWorkerBadge() {
    let iJsCoockie = "iJsWorkerBadge";

    if (Cookies.get(iJsCoockie) != "completed"){
        let introJsOpt = {
            showBullets: false,
            exitOnOverlayClick: false,
            hideNext: true,
            prevLabel: '< Indietro',
            nextLabel: 'Avanti >',
            skipLabel: 'Salta Tutorial',
            steps: [
            {
                element: document.querySelector('#txtBox_workerBadge'),
                intro: 'Nel seguente campo è richiesto l\'inserimento della prorpia matricola, può essere anche scanerizzato il QrCode presente nel badge.'
            }],
        };
    
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}

function introJsProdTable() {
    let iJsCoockie = "iJsProdTable";
    if (Cookies.get(iJsCoockie) != "completed"){
        let introJsOpt = {
            showBullets: false,
            exitOnOverlayClick: false,
            hideNext: true,
            prevLabel: '< Indietro',
            nextLabel: 'Avanti >',
            skipLabel: 'Salta Tutorial',
            steps: [
            {
                element: document.querySelector('#txtBox_prodTable'),
                intro: 'Nel seguente campo è richiesto l\'inserimento dell\'identificativo dell\'ordine di produzione su cui andrai a lavorare.'
            }],
        };
    
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}

function introJsRoutes() {
    let iJsCoockie = "iJsRoutes";
    if (Cookies.get(iJsCoockie) != "completed"){
        let introJsOpt = {
            showBullets: false,
            exitOnOverlayClick: false,
            hideNext: true,
            prevLabel: '< Indietro',
            nextLabel: 'Avanti >',
            skipLabel: 'Salta Tutorial',
            steps: [
            {
                element: document.querySelector('#datagrid-routes'),
                intro: 'Nella seguente tabella vengo mostrate le fasi disponibili per l\'ordine di produzione precedentemente inserito, per procedere selezione la fase che andrai a svolgere.'
            }],
        };
    
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}

function introJsActivities() {
    let iJsCoockie = "iJsActivities";
    if (Cookies.get(iJsCoockie) != "completed"){
        let introJsOpt = {
            showBullets: false,
            exitOnOverlayClick: false,
            hideNext: true,
            prevLabel: '< Indietro',
            nextLabel: 'Avanti >',
            skipLabel: 'Salta Tutorial',
            steps: [
            {
                element: document.querySelector('#list-activities'),
                intro: 'Nella seguente vista è possibile selezionare l\'attività che si sta per svolgere, per procedere seleziona l\'attività.'
            }],
        };
    
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}

function introJsInsertNote() {
    let iJsCoockie = "iJsInsertNote";
    if (Cookies.get(iJsCoockie) != "completed"){
        let introJsOpt = {
            showBullets: false,
            exitOnOverlayClick: false,
            hideNext: true,
            prevLabel: '< Indietro',
            nextLabel: 'Avanti >',
            skipLabel: 'Salta Tutorial',
            steps: [
            {
                element: document.querySelector('#textArea-insertNote'),
                intro: 'Nel seguente pop-up è possibile inserire una nota, per dichiararne l\'attività che verrà svolta'
            }],
        };
    
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}

function introJsSvMes() {
    let iJsCoockie = "iJsSvMes";
    if (Cookies.get(iJsCoockie) != "completed"){

        let introJsOpt;

        if (loogedUser == "PALTCMES"){
            introJsOpt = {
                showBullets: false,
                exitOnOverlayClick: false,
                hideNext: true,
                prevLabel: '< Indietro',
                nextLabel: 'Avanti >',
                skipLabel: 'Salta Tutorial',
                steps: [
                    {
                        element: document.querySelector('#svMes'),
                        intro: 'Benvenuto nell\'interfaccia principale del MES!' // Tramite la seguente plancia puoi eseguire diverse (interazioni/funzioni/...[non go idea de che])
                    },
                    {
                        element: document.querySelector('#refParentId'),
                        intro: 'Il seguente bottone ti permette di cambiare l\'ordine di produzione dichiarato, successivamente verrà richiesto di indicare la fase e l\'attività.'
                    },
                    {
                        element: document.querySelector('#refLineId'),
                        intro: 'Questo bottone ti permette di cambiare la fase e verrà richiesto di indicare l\'attività.'
                    },
                    {
                        element: document.querySelector('#refActivityId'),
                        intro: 'Mentre questo bottone ti permette di cambiare l\'attività.'
                    },
                    {
                        element: document.querySelector('#tdRefMesLabels'),
                        intro: 'Nel seguente campo vengono mostrate le informazioni dell\'OP inserito.'
                    },
                    {
                        element: document.querySelector('#inventThumbZREPARTO'),
                        intro: 'La seguente immagini, se disponibile, mostra un\'anteprima dell\'ordine di produzione e se cliccato permette di scaricane il modello e la tavola'
                    },
                    {
                        element: document.querySelector('#tableProdRoute'),
                        intro: 'Qui sotto vengono mostrate le informazioni dichiarate precedentemente'
                    },
                    {   // Dovrà essere visibile solo per PALTCMES
                        element: document.querySelector('#workerDiv'),
                        intro: 'Premendo questo bottone ti permetterà di uscire dalla plancia con il proprio utente e permettere ad altri di accedere con la propria matricola.'
                    },
                    {   // Bottone in alto a Dx
                        element: document.querySelector('#btnDeposit'),
                        intro: 'Con il seguente pulsante è possibile versare del materiale a magazzino, verrà richiesto di inserire l\'op di riferimento e selezionare la fase'
                    },  // Da capire come funziona e una volta aperto eseguire il tutorial se necessario
                    /*{ to be implement
                        element: document.querySelector('#btnTutorial'),
                        intro: 'Con il seguente bottone è possibile ripetere la guida appena conclusa'
                    }*/
                ],
            };
        } else {
            introJsOpt = {
                showBullets: false,
                exitOnOverlayClick: false,
                hideNext: true,
                prevLabel: '< Indietro',
                nextLabel: 'Avanti >',
                skipLabel: 'Salta Tutorial',
                steps: [
                    {
                        element: document.querySelector('#svMes'),
                        intro: 'Benvenuto nell\'interfaccia principale del MES!' // Tramite la seguente plancia puoi eseguire diverse (interazioni/funzioni/...[non go idea de che])
                    },
                    {
                        element: document.querySelector('#refParentId'),
                        intro: 'Il seguente bottone ti permette di cambiare l\'ordine di produzione dichiarato, successivamente verrà richiesto di indicare la fase e l\'attività.'
                    },
                    {
                        element: document.querySelector('#refLineId'),
                        intro: 'Questo bottone ti permette di cambiare la fase e verrà richiesto di indicare l\'attività.'
                    },
                    {
                        element: document.querySelector('#refActivityId'),
                        intro: 'Mentre questo bottone ti permette di cambiare l\'attività.'
                    },
                    {
                        element: document.querySelector('#tdRefMesLabels'),
                        intro: 'Nel seguente campo vengono mostrate le informazioni dell\'OP inserito.'
                    },
                    {
                        element: document.querySelector('#inventThumbZREPARTO'),
                        intro: 'La seguente immagini, se disponibile, mostra un\'anteprima dell\'ordine di produzione e se cliccato permette di scaricane il modello e la tavola'
                    },
                    {
                        element: document.querySelector('#tableProdRoute'),
                        intro: 'Qui sotto vengono mostrate le informazioni dichiarate precedentemente'
                    },
                    {   // Bottone in alto a Dx
                        element: document.querySelector('#btnDeposit'),
                        intro: 'Con il seguente pulsante è possibile versare del materiale a magazzino, verrà richiesto di inserire l\'op di riferimento e selezionare la fase'
                    },  // Da capire come funziona e una volta aperto eseguire il tutorial se necessario
                    /*{ to be implement
                        element: document.querySelector('#btnTutorial'),
                        intro: 'Con il seguente bottone è possibile ripetere la guida appena conclusa'
                    }*/
                ],
            };
        }
        
        introJs().setOptions(introJsOpt).onexit(function () {
            Cookies.set(iJsCoockie, "completed");
            introJs().exit(true);
        }).start();
    }
}