function post(url, type, data) {
    return $.ajax({
        url: url,
        type: type,
        data: data,
    });
}

const ACTUAL_SONG_CLASS = "#actual-song-now";
const ACTUAL_SONG_NEXT_CLASS = "#actual-song-next";
const ACTUAL_SONG_NEXT_TIME = "#actual-song-next-time";

/* data.model */
function changeNowOnAirDatas(data) {
    let title = data.title;
    let artistTitle = data.artistTitle;
    if (title != '' && artistTitle != '' && title !== 'undefined' && artistTitle !== 'undefined') {
        let fullTitle = artistTitle + " - " + title;
        $(ACTUAL_SONG_CLASS).html(fullTitle);
    }
}

function changeNextOnAirDatas(data) {
    let title = data.title;
    let artistTitle = data.artistTitle;
    if (title != '' && artistTitle != '' && title !== 'undefined' && artistTitle !== 'undefined') {
        let fullTitle = artistTitle + " - " + title;
        $(ACTUAL_SONG_NEXT_CLASS).html(fullTitle);
    }
    let time = data.time;
    if (time != '' && time !== 'undefined') {
        $(ACTUAL_SONG_NEXT_TIME).html(time);
    }
}

function changeOnAirDetails() {
    post(
        "/on-air-api/now-on-air",
        "post",
        {},
    ).then(data => {
        changeNowOnAirDatas(data.model);
    });
}

function changeNextOnAirDetails() {
    post(
        "/on-air-api/next-on-air",
        "post",
        {},
    ).then(data => {
        changeNextOnAirDatas(data.model);
    });
}

$(document).ready(function () {
    setInterval(function () {
        changeOnAirDetails();
        changeNextOnAirDetails();
    }, 15000);
})