testimonials-stack

use fandhe_frontend_core::{div, text, Node};
use fandhe_frontend_pre_styled_ui::avatar::{self, AvatarProps, ImageStatus};
use fandhe_frontend_pre_styled_ui::blockquote::{self, BlockquoteVariant};
use fandhe_frontend_pre_styled_ui::card::{self, CardProps};
use fandhe_frontend_pre_styled_ui::ColorPalette;

/// 1 件の testimonial（架空の合成データ。実企業名・実人物は使わない）。
struct Testimonial {
    quote: &'static str,
    name: &'static str,
    role: &'static str,
    initials: &'static str,
}

const TESTIMONIALS: [Testimonial; 3] = [
    Testimonial {
        quote: "\"導入から一週間で、チーム全体のレビュー待ち時間が半分になりました。\"",
        name: "Maya Chen",
        role: "Product Lead, Northbridge Labs",
        initials: "MC",
    },
    Testimonial {
        quote: "\"既定エスケープのおかげで、レビューでの指摘事項が明らかに減りました。\"",
        name: "Diego Alvarez",
        role: "Staff Engineer, Riverton Systems",
        initials: "DA",
    },
    Testimonial {
        quote: "\"単一バイナリで配布できる点が、運用チームにとても好評です。\"",
        name: "Priya Nair",
        role: "Platform Manager, Aurora Cloudworks",
        initials: "PN",
    },
];

/// testimonial 1 件分のカードを組み立てる。`index` は積層順
/// （0 が最前面）で、`data-state` の active/inactive を決める。
fn testimonial_card(index: usize, item: &Testimonial) -> Node {
    let state = if index == 0 { "active" } else { "inactive" };
    card::root(
        CardProps::default(),
        vec![
            ("data-blocks-testimonials-stack-card", ""),
            ("data-state", state),
        ],
        vec![card::body(
            vec![],
            vec![blockquote::root(
                BlockquoteVariant::default(),
                ColorPalette::default(),
                vec![],
                vec![
                    blockquote::content(vec![], vec![text(item.quote)]),
                    blockquote::caption(
                        vec![("class", "blocks-testimonials-stack-meta")],
                        vec![
                            avatar::root(
                                &AvatarProps::default(),
                                vec![("data-blocks-testimonials-stack-avatar", "")],
                                vec![avatar::fallback(
                                    ImageStatus::Error,
                                    vec![],
                                    vec![text(item.initials)],
                                )],
                            ),
                            div(
                                vec![("class", "blocks-testimonials-stack-byline")],
                                vec![
                                    div(vec![], vec![text(item.name)]),
                                    div(vec![], vec![text(item.role)]),
                                ],
                            ),
                        ],
                    ),
                ],
            )],
        )],
    )
}

/// `testimonials-stack` の Demo 本体。呼び出しごとに同一の `Node` を返す
/// 純関数。3 枚のカードを積層表示する静的な初期状態のみを描く
/// （モジュール doc「自動ローテーションは行わない」節）。
pub fn demo() -> Node {
    let cards: Vec<Node> = TESTIMONIALS
        .iter()
        .enumerate()
        .map(|(index, item)| testimonial_card(index, item))
        .collect();

    div(
        vec![("class", "blocks-testimonials-stack")],
        vec![div(
            vec![("class", "blocks-testimonials-stack-stage")],
            cards,
        )],
    )
}