chart-bar-list

use fandhe_frontend_core::{div, Node};
use fandhe_frontend_pre_styled_ui::card::{self, CardProps, CardVariant};
use fandhe_frontend_pre_styled_ui::charts::bar_list;
use fandhe_frontend_pre_styled_ui::charts::data::{ChartData, Series, SortDirection};
use fandhe_frontend_pre_styled_ui::heading::{heading, HeadingLevel, HeadingProps};

/// ランキングカード 1 枚を組み立てる小さな helper（内部専用）。`rows` は
/// `(ラベル, 値)` の組で、表示順は未ソートのままでよい（本関数の内部で
/// 降順ソートを適用する）。
fn ranking_card(title: &str, description: &str, series_name: &str, rows: &[(&str, f64)]) -> Node {
    let categories = rows.iter().map(|(label, _)| (*label).to_string()).collect();
    let values = rows.iter().map(|(_, value)| *value).collect();
    let data = ChartData::new(categories, vec![Series::new(series_name, values)])
        .expect("chart-bar-list の固定データは常に有効な ChartData を構成する")
        .sort_by_series(series_name, SortDirection::Descending)
        .expect("series_name は直前に構築した ChartData 自身の系列名と一致する");
    let list = bar_list::root(&data, series_name)
        .expect("chart-bar-list の固定データに未知系列・負値は含まれない");

    card::root(
        CardProps::from(CardVariant::Outline),
        vec![],
        vec![
            card::header(
                vec![],
                vec![
                    heading(
                        HeadingLevel::H3,
                        &HeadingProps::default(),
                        vec![],
                        vec![fandhe_frontend_core::text(title)],
                    ),
                    card::description(vec![], vec![fandhe_frontend_core::text(description)]),
                ],
            ),
            card::body(vec![], vec![list]),
        ],
    )
}

/// `chart-bar-list` の Demo 本体。呼び出しごとに同一の `Node` を返す
/// 純関数。
pub fn demo() -> Node {
    let inflow = ranking_card(
        "流入元（今月）",
        "訪問数（件）",
        "visits",
        &[
            ("直接アクセス", 1180.0),
            ("検索", 3420.0),
            ("紹介リンク", 640.0),
            ("SNS", 2260.0),
            ("ニュースレター", 980.0),
        ],
    );
    let popular_pages = ranking_card(
        "よく読まれたページ",
        "閲覧数（件）",
        "views",
        &[
            ("更新履歴", 510.0),
            ("はじめに", 4380.0),
            ("お問い合わせ", 260.0),
            ("料金", 1970.0),
            ("導入事例", 1340.0),
        ],
    );
    div(
        vec![("class", "blocks-chart-bar-list-layout")],
        vec![inflow, popular_pages],
    )
}