use std::ops::Deref;

use chrono::Local;
use filamento::{
    chat::{Chat, ChatStoreFields, Message, MessageStoreFields},
    user::User,
};
use leptos::prelude::*;
use reactive_stores::{ArcStore, Store};
use tracing::debug;

use crate::{
    chat::MacawChat,
    components::{avatar::AvatarWithPresence, sidebar::Open},
    message::MacawMessage,
    open_chats::{OpenChatsPanel, OpenChatsPanelStoreFields},
    user::get_name,
};

#[component]
pub fn ChatsListItem(chat: MacawChat, message: MacawMessage) -> impl IntoView {
    let name = move || get_name(chat.user.get().into(), true);

    // TODO: store fine-grained reactivity
    let latest_message_body = move || message.get().body().get().body;
    let open_chats: Store<OpenChatsPanel> =
        use_context().expect("no open chats panel store in context");

    let open_chat = move |_| {
        debug!("opening chat");
        open_chats.update(|open_chats| open_chats.open(chat.into()));
        // open_chats.update(|open_chats| open_chats.open(chat.chat.try_get_value().unwrap().get().clone()));
    };

    let open = move || {
        if let Some(open_chat) = &*open_chats.chat_view().read() {
            debug!("got open chat: {:?}", open_chat);
            if *open_chat == *chat.get().correspondent().read() {
                return Open::Focused;
            }
        }
        if let Some(_backgrounded_chat) = open_chats
            .chats()
            .read()
            .get(chat.get().correspondent().read().deref())
        {
            return Open::Open;
        }
        Open::Closed
    };
    let focused = move || open().is_focused();
    let open = move || open().is_open();

    let date = move || message.get().timestamp().read().naive_local();
    let now = move || Local::now().naive_local();
    let timeinfo = move || {
        if date().date() == now().date() {
            // TODO: localisation/config
            date().time().format("%H:%M").to_string()
        } else {
            date().date().format("%d/%m").to_string()
        }
    };

    view! {
        <div
            class="chats-list-item"
            class:open=move || open()
            class:focused=move || focused()
            on:click=open_chat
        >
            {move || {
                view! { <AvatarWithPresence user=chat.user /> }
            }}
            <div class="item-info">
                <div class="main-info">
                    <p class="name">{name}</p>
                    <p class="timestamp">{timeinfo}</p>
                </div>
                <div class="sub-info">
                    <p class="message-preview">{latest_message_body}</p>
                    <p>
                        <!-- "TODO: delivery or unread state" -->
                    </p>
                </div>
            </div>
        </div>
    }
}