use gpui::{
    div, px, rems, App, AppContext, Context, Entity, Focusable, IntoElement, ParentElement, Render,
    SharedString, Styled, Subscription, Window,
};

use gpui_component::{
    button::{Button, ButtonVariant, ButtonVariants as _},
    checkbox::Checkbox,
    green_500, h_flex,
    input::{InputEvent, InputState, TextInput},
    label::{HighlightsMatch, Label},
    v_flex, IconName, StyledExt,
};

use crate::section;

pub struct LabelStory {
    focus_handle: gpui::FocusHandle,
    masked: bool,
    highlights_text: SharedString,
    highlights_input: Entity<InputState>,
    prefix: bool,
    _subscriptions: Vec<Subscription>,
}

impl super::Story for LabelStory {
    fn title() -> &'static str {
        "Label"
    }

    fn description() -> &'static str {
        "Label used to display text or other content."
    }

    fn new_view(window: &mut Window, cx: &mut App) -> Entity<impl Render> {
        Self::view(window, cx)
    }
}

impl LabelStory {
    pub(crate) fn new(window: &mut Window, cx: &mut Context<Self>) -> Self {
        let highlights_input = cx.new(|cx| {
            InputState::new(window, cx)
                .placeholder("Enter text to highlight in the label")
                .clean_on_escape()
        });

        let _subscriptions =
            vec![
                cx.subscribe(&highlights_input, |this, state, e: &InputEvent, cx| {
                    if let InputEvent::Change = e {
                        this.highlights_text = state.read(cx).value();
                        cx.notify();
                    }
                }),
            ];

        Self {
            focus_handle: cx.focus_handle(),
            masked: false,
            highlights_text: Default::default(),
            highlights_input,
            prefix: false,
            _subscriptions,
        }
    }

    pub fn view(window: &mut Window, cx: &mut App) -> Entity<Self> {
        cx.new(|cx| Self::new(window, cx))
    }

    #[allow(unused)]
    fn on_click(checked: &bool, window: &mut Window, cx: &mut App) {
        println!("Check value changed: {}", checked);
    }

    fn highlights_text(&self) -> HighlightsMatch {
        if self.prefix {
            HighlightsMatch::Prefix(self.highlights_text.clone())
        } else {
            HighlightsMatch::Full(self.highlights_text.clone())
        }
    }
}
impl Focusable for LabelStory {
    fn focus_handle(&self, _: &gpui::App) -> gpui::FocusHandle {
        self.focus_handle.clone()
    }
}
impl Render for LabelStory {
    fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
        let ht = self.highlights_text();

        v_flex()
            .gap_6()
            .child(
                h_flex()
                    .gap_x_3()
                    .child(TextInput::new(&self.highlights_input).cleanable().w_1_3())
                    .child(
                        Checkbox::new("prefix")
                            .label("Prefix")
                            .checked(self.prefix)
                            .on_click(cx.listener(|view, _, _, cx| {
                                view.prefix = !view.prefix;
                                cx.notify();
                            })),
                    ),
            )
            .child(
                section("Label").max_w_md().items_start().child(
                    v_flex()
                        .gap_y_4()
                        .child(Label::new("This is a label").highlights(ht.clone()))
                        .child(Label::new("这是一个标签").highlights(ht.clone())),
                ),
            )
            .child(
                section("Label with secondary text")
                    .max_w_md()
                    .items_start()
                    .child(
                        Label::new("Company Address")
                            .secondary("(optional)")
                            .highlights(ht.clone()),
                    ),
            )
            .child(
                section("Alignment").max_w_md().child(
                    v_flex()
                        .w_full()
                        .gap_4()
                        .child(Label::new("Text align left").highlights(ht.clone()))
                        .child(
                            Label::new("Text align center")
                                .text_center()
                                .highlights(ht.clone()),
                        )
                        .child(
                            Label::new("Text align right")
                                .text_right()
                                .highlights(ht.clone()),
                        ),
                ),
            )
            .child(
                section("Label with color").max_w_md().child(
                    Label::new("Color Label")
                        .text_color(green_500())
                        .highlights(ht.clone()),
                ),
            )
            .child(
                section("Font Size").max_w_md().child(
                    Label::new("Font Size Label")
                        .text_size(px(20.))
                        .font_semibold()
                        .line_height(rems(1.8))
                        .highlights(ht.clone()),
                ),
            )
            .child(
                section("Multi-line, line-height and text wrap")
                    .max_w_md()
                    .child(
                        div().w(px(200.)).child(
                            Label::new(
                                "Label should support text wrap in default, \
                                if the text is too long, it should wrap to the next line.",
                            )
                            .line_height(rems(1.8))
                            .highlights(ht.clone()),
                        ),
                    ),
            )
            .child(
                section("Masked Label").max_w_md().child(
                    v_flex()
                        .w_full()
                        .gap_4()
                        .child(
                            h_flex()
                                .child(
                                    Label::new("9,182,1 USD")
                                        .text_2xl()
                                        .masked(self.masked)
                                        .highlights(ht.clone()),
                                )
                                .child(
                                    Button::new("btn-mask")
                                        .with_variant(ButtonVariant::Ghost)
                                        .icon(if self.masked {
                                            IconName::EyeOff
                                        } else {
                                            IconName::Eye
                                        })
                                        .on_click(cx.listener(|this, _, _, _| {
                                            this.masked = !this.masked;
                                        })),
                                ),
                        )
                        .child(
                            Label::new("500 USD")
                                .text_xl()
                                .masked(self.masked)
                                .highlights(ht.clone()),
                        ),
                ),
            )
    }
}