//! Example of a simple UI layout
#![feature(impl_trait_in_assoc_type)]

#[path = "./common/lib.rs"]
mod common;

use bevy::{color::palettes, prelude::*};
use bevy_mod_picking::{debug::DebugPickingMode, DefaultPickingPlugins};
use bevy_mod_stylebuilder::*;
use bevy_quill::{Cx, Element, QuillPlugin, View, ViewTemplate};
use bevy_quill_obsidian::{hooks::UseIsHover, ObsidianUiPlugin};
use common::*;

fn main() {
    App::new()
        .add_plugins((
            DefaultPlugins.set(ImagePlugin::default_nearest()),
            DefaultPickingPlugins,
            QuillPlugin,
            ObsidianUiPlugin,
        ))
        .insert_resource(DebugPickingMode::Disabled)
        .add_systems(Startup, (setup, setup_view_root))
        .add_systems(Update, (close_on_esc, rotate))
        .run();
}

fn setup_view_root(mut commands: Commands) {
    commands.spawn(
        Element::<NodeBundle>::new()
            .children((HoverTest, HoverTest2))
            .to_root(),
    );
}

/// Hover test using conditional styles
#[derive(Clone, PartialEq)]
struct HoverTest;

impl ViewTemplate for HoverTest {
    type View = impl View;
    fn create(&self, cx: &mut Cx) -> Self::View {
        let id = cx.create_entity();
        let hovering = cx.is_hovered(id);
        Element::<NodeBundle>::for_entity(id)
            .style_dyn(
                |hovering, ss| {
                    if hovering {
                        ss.border_color(palettes::css::RED).border(3);
                    } else {
                        ss.border_color(palettes::css::LIME).border(3);
                    }
                },
                hovering,
            )
            .children("Hover Me ")
    }
}

/// Hover test using conditional insert
#[derive(Clone, PartialEq)]
struct HoverTest2;

impl ViewTemplate for HoverTest2 {
    type View = impl View;
    fn create(&self, cx: &mut Cx) -> Self::View {
        let id = cx.create_entity();
        let hovering = cx.is_hovered(id);
        Element::<NodeBundle>::for_entity(id)
            .style(|ss: &mut StyleBuilder| {
                ss.border(3);
            })
            .insert_if(hovering, || BackgroundColor(palettes::css::RED.into()))
            .children("Hover Me ")
    }
}