use crate::{
    ThemeConfig,
    components::{WarningModal, list_select::ListSelect, search_input::SearchInput},
    errors::Errors,
    hooks::{UseInitState, UseThemeConfig},
    pages::network_novel::book_detail::BookDetailState,
};
use crossterm::event::{Event, KeyCode, KeyEventKind};
use parse_book_source::{BookListItem, Engine};
use ratatui::{
    text::{Line, Span},
    widgets::{Block, Padding, Paragraph, WidgetRef, Wrap},
};
use ratatui_kit::prelude::*;
use tui_widget_list::{ListBuildContext, ListState};

#[derive(Props)]
pub struct FindBooksProps {
    pub engine: State<Option<Engine>>,
    pub current_explore: Option<super::ExploreListItem>,
    pub is_editing: bool,
}

#[component]
pub fn FindBooks(props: &FindBooksProps, mut hooks: Hooks) -> impl Into<AnyElement<'static>> {
    let mut filter_text = hooks.use_state(String::default);
    let theme = hooks.use_theme_config();
    let is_inputting = *hooks.use_context::<State<bool>>();
    let mut page = hooks.use_state(|| 1);
    let page_size = hooks.use_state(|| 20);
    let list_state = hooks.use_state(ListState::default);
    let mut navigate = hooks.use_navigate();
    let is_editing = props.is_editing;

    hooks.use_events(move |event| {
        if let Event::Key(key) = event
            && key.kind == KeyEventKind::Press
            && is_editing
            && !is_inputting.get()
        {
            match key.code {
                KeyCode::Char('h') | KeyCode::Left if page.get() > 1 => {
                    page.set(page.get() - 1);
                }
                KeyCode::Char('l') | KeyCode::Right => {
                    page.set(page.get() + 1);
                }
                _ => {}
            }
        }
    });

    hooks.use_effect(
        || {
            page.set(1);
        },
        props.current_explore.clone(),
    );

    let (books, loading, error) = hooks.use_effect_state(
        {
            let engine = props.engine.read().clone();
            let url = props.current_explore.as_ref().map(|e| e.0.url.clone());
            let future = if filter_text.read().is_empty() {
                engine.zip(url).map(|(engine, url)| {
                    let page = page.get();
                    let page_size = page_size.get();
                    tokio::spawn(async move { engine.explore(&url, page, page_size).await })
                })
            } else {
                engine.map(|engine| {
                    let page = page.get();
                    let page_size = page_size.get();
                    let filter_text = filter_text.read().clone();
                    tokio::spawn(async move { engine.search(&filter_text, page, page_size).await })
                })
            };

            async move {
                if let Some(future) = future {
                    let res = future.await??;
                    list_state.write().select(Some(0));
                    return Ok(res);
                }

                Ok::<Vec<BookListItem>, Errors>(vec![])
            }
        },
        (
            props.current_explore.clone(),
            filter_text.read().clone(),
            props.engine.read().is_some(),
            page.get(),
        ),
    );

    element!(View{
        SearchInput(
            is_editing: is_editing,
            placeholder: "按s键搜索书籍, 按tab键切换频道",
            on_submit: move |text| {
                filter_text.set(text);
                page.set(1);
                true
            },
            clear_on_escape: true,
            on_clear: move |_| {
                filter_text.set(String::default());
            },
        )
        ListSelect<BookListItem>(
            items: books.read().clone().unwrap_or_default(),
            top_title: Line::from(
                if let Some(explore)= &props.current_explore{
                    format!("选择书籍 ({})",explore.0.title)
                }else{
                    "选择书籍".to_string()
                }
            ).style(theme.basic.border_title).centered(),
            bottom_title: if books.read().as_ref().map(|b|b.len()).unwrap_or(0)>0{
                Line::from(
                    format!("第 {} 页, {}/{}", page.get(), list_state.read().selected.unwrap_or(0)+1, books.read().as_ref().map(|b|b.len()).unwrap_or(0))
                ).centered().style(theme.basic.border_info)
            }else{
                Line::from("暂无书籍").centered().style(theme.basic.border_info)
            },
            is_editing: !is_inputting.get() && props.is_editing,
            empty_message: "暂无书籍，请切换频道，或者搜索",
            loading: loading.get(),
            loading_tip: if filter_text.read().is_empty() {
                "加载中..."
            } else {
                "搜索中..."
            },
            render_item: move |context:&ListBuildContext| {
                let list=books.read().clone().unwrap_or_default();
                (FindBookItem {
                    book_list_item: list[context.index].clone(),
                    selected: context.is_selected,
                    theme: theme.clone(),
                }.into(),8)
            },
            state: list_state,
            on_select: {
                let engine = props.engine.read().clone();
                move |item:BookListItem| {
                    if let Some(engine)=&engine{
                        navigate.push_with_state(
                            "/book-detail",
                            BookDetailState::new(item,engine.clone()),
                        );
                    }
                }
            },
        )
        WarningModal(
            tip: format!("{:?}", error.read().as_ref()),
            is_error: error.read().is_some(),
            open: error.read().is_some(),
        )
    })
}

pub struct FindBookItem {
    pub book_list_item: BookListItem,
    pub selected: bool,
    pub theme: ThemeConfig,
}

impl WidgetRef for FindBookItem {
    fn render_ref(&self, area: ratatui::prelude::Rect, buf: &mut ratatui::prelude::Buffer) {
        let item = &self.book_list_item;

        let block = if self.selected {
            Block::bordered()
                .padding(Padding::horizontal(2))
                .style(self.theme.selected)
        } else {
            Block::bordered().padding(Padding::horizontal(2))
        };
        let inner_area = block.inner(area);

        block.render_ref(area, buf);

        let text_style = if self.selected {
            self.theme.basic.text.patch(self.theme.selected)
        } else {
            self.theme.basic.text
        };

        let mut text = vec![];

        if !item.info.name.is_empty() {
            text.push(
                Line::from(vec![
                    Span::from("名称：").style(self.theme.basic.border_info),
                    Span::from(&item.info.name),
                ])
                .style(text_style),
            );
        }
        if !item.info.author.is_empty() {
            text.push(
                Line::from(vec![
                    Span::from("作者：").style(self.theme.basic.border_info),
                    Span::from(&item.info.author),
                ])
                .style(text_style),
            );
        }

        if !item.info.kind.is_empty() {
            text.push(
                Line::from(vec![
                    Span::from("类型：").style(self.theme.basic.border_info),
                    Span::from(&item.info.kind),
                ])
                .style(text_style),
            );
        }

        if !item.info.last_chapter.is_empty() {
            text.push(
                Line::from(vec![
                    Span::from("最新章节：").style(self.theme.basic.border_info),
                    Span::from(&item.info.last_chapter),
                ])
                .style(text_style),
            );
        }

        if !item.info.word_count.is_empty() {
            text.push(
                Line::from(vec![
                    Span::from("字数：").style(self.theme.basic.border_info),
                    Span::from(&item.info.word_count),
                ])
                .style(text_style),
            );
        }

        if !item.info.intro.is_empty() {
            text.push(
                Line::from(vec![
                    Span::from("简介：").style(self.theme.basic.border_info),
                    Span::from(&item.info.intro),
                ])
                .style(text_style),
            );
        }

        let paragraph = Paragraph::new(text).wrap(Wrap { trim: true });
        paragraph.render_ref(inner_area, buf);
    }
}
