use std::marker::PhantomData;

use chrono::DateTime;
use ui::prelude::*;
use ui::{ChatMessage, ChatPanel, Panel};

use crate::story::Story;

#[derive(Element)]
pub struct ChatPanelStory<S: 'static + Send + Sync + Clone> {
    state_type: PhantomData<S>,
}

impl<S: 'static + Send + Sync + Clone> ChatPanelStory<S> {
    pub fn new() -> Self {
        Self {
            state_type: PhantomData,
        }
    }

    fn render(&mut self, cx: &mut ViewContext<S>) -> impl Element<State = S> {
        Story::container(cx)
            .child(Story::title_for::<_, ChatPanel<S>>(cx))
            .child(Story::label(cx, "Default"))
            .child(Panel::new(
                ScrollState::default(),
                |_, _| vec![ChatPanel::new(ScrollState::default()).into_any()],
                Box::new(()),
            ))
            .child(Story::label(cx, "With Mesages"))
            .child(Panel::new(
                ScrollState::default(),
                |_, _| {
                    vec![ChatPanel::new(ScrollState::default())
                        .with_messages(vec![
                            ChatMessage::new(
                                "osiewicz".to_string(),
                                "is this thing on?".to_string(),
                                DateTime::parse_from_rfc3339("2023-09-27T15:40:52.707Z")
                                    .unwrap()
                                    .naive_local(),
                            ),
                            ChatMessage::new(
                                "maxdeviant".to_string(),
                                "Reading you loud and clear!".to_string(),
                                DateTime::parse_from_rfc3339("2023-09-28T15:40:52.707Z")
                                    .unwrap()
                                    .naive_local(),
                            ),
                        ])
                        .into_any()]
                },
                Box::new(()),
            ))
    }
}