package components

templ barChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
    <div class="chart">
        <canvas id={ "bar_chart" + id }></canvas>
            @templ.JSFuncCall(
                "barChart",
                id,
                data,
                labels,
                tooltip,
                title,
                scaleLabelX,
                scaleLabelY,
            )
    </div>
}

templ barLineChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
    <div class="chart">
        <canvas id={ "bar_line_chart" + id }></canvas>
        <section class="button_row"></section>
            @templ.JSFuncCall(
                "barLineChart",
                id,
                data,
                labels,
                tooltip,
                title,
                scaleLabelX,
                scaleLabelY,
            )
    </div>
}

templ pieChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
    <div class="chart">
        <canvas id={ "pie_chart" + id }></canvas>
            @templ.JSFuncCall(
                "pieChart",
                id,
                data,
                labels,
                tooltip,
                title,
                scaleLabelX,
                scaleLabelY,
            )
    </div>
}

templ doughnutChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
    <div class="chart">
        <canvas id={ "doughnut_chart" + id }></canvas>
            @templ.JSFuncCall(
                "doughnutChart",
                id,
                data,
                labels,
                tooltip,
                title,
                scaleLabelX,
                scaleLabelY,
            )
    </div>
}

templ polarChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
    <div class="chart">
        <canvas id={ "polar_chart" + id }></canvas>
            @templ.JSFuncCall(
                "polarChart",
                id,
                data,
                labels,
                tooltip,
                title,
                scaleLabelX,
                scaleLabelY,
            )
    </div>
}