var chartAnz;

function showStatistics() {
    $("#customersDropDown").val($("#customersDropDown option").eq(0).val());
    $("#zeiterfassung").css("display", "none");
    $("#KalenderNavigation").css("display", "none");
    $("#Kalender").css("display", "none");
    $("#klienten").css("display", "none");
    $("#colorRibbon").css("background-color", "#04b4d0");
    $("#UnterschriftBereich").css("display", "none");
    $("#Statistics").css("display", "none");
    $("#SupportStatistik").css("display", "block");

    const supportConceptOid = $("#scDropDown").val();

    if(supportConceptOid >= 0) {
        $("#StatisticUberschrift").html(`Hilfeplan Statistik: ${$(`#scDropDown option[value='${supportConceptOid}']`).text()}`);
        loadSupportConceptStatistics(supportConceptOid);
    } else {
        $("#StatisticUberschrift").html("Hilfeplan Statistik: Es wurde kein Hilfeplan ausgewählt");

        statisticDesign(0, 0);

        $("#LegendStatistic2").val(0);
        $("#LegendStatistic1").val(0);
    }
}

function statisticDesign(wert1, wert2, string1, string2) {
    const data = [
        {
            value: wert1,
            color: "#F7464A",
            highlight: "#FF5A5E",
            label: string1
        },
        {
            value: wert2,
            color: "#00FF00",
            highlight: "#99FF00",
            label: string2
        }];

    const options = {
        scaleShowLabelBackdrop: true,
        scaleBackdropColor: "rgba(255,255,255,0.75)",
        scaleBeginAtZero: true,
        scaleBackdropPaddingY: 2,
        scaleBackdropPaddingX: 2,
        scaleShowLine: true,
        segmentShowStroke: true,
        segmentStrokeColor: "#fff",
        segmentStrokeWidth: 1,
        animationSteps: 1,
        animationEasing: "easeOutBounce",
        responsive: true,
        animateRotate: false,
        animateScale: false,
        legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\">" +
            "<% for (var i=0; i<segments.length; i++){%>" +
                "<li>" +
                    "<span style=\"background-color:<%=segments[i].fillColor%>\"></span>" +
                    "<%if(segments[i].label){%><%=segments[i].label%><%}%>" +
                "</li><%}%>" +
            "</ul>"
    }

    const ctx = $("#myChart").get(0).getContext("2d");

    if(chartAnz != null) {
        chartAnz.destroy();
    }

    chartAnz = new Chart(ctx).Doughnut(data, options);
}

/*
Geleistet diese Woche / Gesamt 0,00    34,00
Bewilligt pro Woche / Gesamt 0,97    101,25
Frei pro Woche(O) / Gesamt 1,27    67,25
*/
function loadSupportConceptStatistics(oid) {
    $.ajax({
        type: "GET",
        url: loadStatisticsUrl,
        data: { oid: oid },
        success: function(jsonServiceRecord) {
            const supportConceptStatistics = $.parseJSON(jsonServiceRecord);

            var provided = supportConceptStatistics.MinutesProvidedThisWeek;
            var approved = supportConceptStatistics.MinutesApprovedPerWeek;
            var freePerWeek = supportConceptStatistics.MinutesFreePerWeekAverage;

            var providedTotal = supportConceptStatistics.MinutesProvidedTotalRounded;
            var approvedTotal = supportConceptStatistics.MinutesApprovedTotal;
            var freePerWeekTotal = approvedTotal - providedTotal;

            provided = (provided / 60).toFixed(2);
            approved = (approved / 60).toFixed(2);
            freePerWeek = (freePerWeek / 60).toFixed(2);

            providedTotal = (providedTotal / 60).toFixed(2);
            approvedTotal = (approvedTotal / 60).toFixed(2);
            freePerWeekTotal = (freePerWeekTotal / 60).toFixed(2);

            statisticDesign(providedTotal, approvedTotal, "Bewilligt gesamt", "Geleistet gesamt");

            $("#LegendStatistic2").val(`Bewilligt gesamt: ${approvedTotal}`);
            $("#LegendStatistic1").val(`Geleistet gesamt: ${providedTotal}`);

            $("#supportConceptStatisticsProvided").html(`Geleistet diese Woche/Gesamt: ${provided} / ${providedTotal}`);
            $("#supportConceptStatisticsApproved").html(`Bewilligt pro Woche/Gesamt: ${approved} / ${approvedTotal}`);
            $("#supportConceptStatisticsFree").html(`Frei pro Woche(Ø)/Gesamt: ${freePerWeek} / ${freePerWeekTotal}`);
        }
    });
}