const params = new URLSearchParams(window.location.search);
const nome = params.get('name');
const codice = params.get('code');

//Ricerca per pulsante dall'altra parte
const url = 'https://setaapi.serverissimo.freeddns.org/stopcodesarchive';
//const url='http://localhost:5001/stoplist';
fetch(url)
    .then(response => {
        if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
        return response.json();
    })
    .then(data => {
        allresults = data;
        //Set corsie per stazione o autostazione
        const corsie_nav = document.getElementById('corsie-nav');
        if(nome.includes("STAZIONE FS")){
            corsie_nav.innerHTML = `
                <ul>
                    <li>
                        <a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=STAZIONE FS">Altre corsie</a>
                    </li>
                </ul>`;
        }
        if(nome.includes("MODENA AUTOSTAZIONE")){
            corsie_nav.innerHTML = `
                <ul>
                    <li>
                        <a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE">Altre corsie</a>
                    </li>
                </ul>`;
        }
        if(nome.includes("GARIBALDI")){
            corsie_nav.innerHTML = `
                <ul>
                    <li>
                        <a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=GARIBALDI">Altre corsie</a>
                    </li>
                </ul>`;
        }
        if(nome.includes("POLO LEONARDO")){
            corsie_nav.innerHTML = `
                <ul>
                    <li>
                        <a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=POLO LEONARDO">Altre corsie</a>
                    </li>
                </ul>`;
        }
        //Pulsante dall'altra parte
        console.log(altraParteSearch(nome))
        if(altraParteSearch(nome)!=undefined){
            const codes = altraParteSearch(nome);
            const altrocodice = 0;
            if(codice==codes[0]){
                altroCodice = codes[1];
            }else{
                altroCodice = codes[0];
            }
            corsie_nav.innerHTML = `
                <ul>
                    <li>
                        <a href="/seta_modena/servizi/cercaorario/fermata.html?code=${altroCodice}&name=${nome}">Dall'altra parte</a>
                    </li>
                </ul>`;
        }
    })
    .catch(error => console.error('Errore nel caricamento dei dati:', error));

//Sets stop name
const fermata_span = document.getElementById('fermata-span');
fermata_span.textContent=nome;

const urlBackend = `https://setaapi.serverissimo.freeddns.org/arrivals/${codice}`;
//const urlBackend = `http://localhost:5001/arrivals/${codice}`;

function caricadati(){
    fetch(urlBackend)
    .then(response => {
        if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
        return response.json();
    })
    .then(data => {
        item = data.arrival;
    })
    .then(data => {
        
        const container = document.getElementById('tabella-container');
        container.innerHTML = '';

        if (item.error=="no arrivals scheduled in next 90 minutes") {
            container.innerHTML = '<h3>Nessuna corsa programmata nei prossimi 90 minuti.</h3>';
            return;
        }
        // Creo tabella
        const table = document.createElement('table');

        // Intestazione
        const thead = document.createElement('thead');
        thead.innerHTML = `
                    <tr>
                        <th class="linea">Linea</th>
                        <th class="direzione">Direzione</th>
                        <th class="orario">Orario (Rit/Ant)</th>
                        <th class="stato">Stato corsa</th>
                        <th class="veicolo">Veicolo</th>
                        <th class="location">Ora si trova a</th>
                    </tr>
                `;
        table.appendChild(thead);

        // Corpo tabella
        const tbody = document.createElement('tbody');
        item.services.forEach(item => {
            const tr = document.createElement('tr');
            if(item.type=="planned"){
                var stato="Prevista";
            }else{
                var stato="In tempo reale";
            }if(item.next_stop==null){
                var posizione="";
            }else{
                var posizione=item.next_stop;
            }
            if(item.hasProblems==true){
                tr.setAttribute("class","bus-card-yellow");
                tr.innerHTML = `
                        <td class="cursor-pointer" onclick="window.location.href='/seta_modena/servizi/cercaorario/notizielinea.html?routenum=${item.officialService}'">${item.service}</td>
                        <td class="cursor-pointer"onclick="window.location.href='/seta_modena/servizi/cercaorario/notizielinea.html?routenum=${item.officialService}'">${item.destination}</td>
                    `;
            }else{
                tr.innerHTML = `
                        <td>${item.service}</td>
                        <td>${item.destination}</td>
                    `;
            }
            if(item.delay==undefined){
                //le prime righe sono spostate sopra per link alle notizie se ci sono problemi
                tr.innerHTML += `
                        <td>${item.arrival}</td>
                        <td>${stato}</td>
                        <td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
                        <td>${posizione}</td>
                    `;
                tbody.appendChild(tr);
            }else{
                if(item.delay>0){
                    tr.innerHTML += `
                        <td>${item.arrival} (+${item.delay})</td>
                        <td>${stato}</td>
                        <td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
                        <td>${posizione}</td>
                    `;
                    tbody.appendChild(tr);
                }else{
                    tr.innerHTML += `
                        <td>${item.arrival} (${item.delay})</td>
                        <td>${stato}</td>
                        <td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
                        <td>${posizione}</td>
                    `;
                    tbody.appendChild(tr);
                }
            }
        });
        table.appendChild(tbody);

        container.appendChild(table);
    })
    .catch(err => {
        console.error('Errore nel caricamento dati:', err);
        document.getElementById('tabella-container').textContent = 'Errore nel caricamento dati.';
    });
}

caricadati();

setInterval(caricadati, 60000);

function altraParteSearch(searchTerm){
    var dupedCodes = [];
    var i = 0;
    allresults.forEach(element => {
        if(element.fermata.toLowerCase()==searchTerm.toLowerCase()){
            dupedCodes[i]=element.valore;
            i++;
        }
    });
    if(dupedCodes.length==2){
        return dupedCodes;
    }else if(dupedCodes.length==1){
        return undefined;
    }
}