use bevy::prelude::*;
use bevy_egui::{EguiContexts, egui};
use std::default::Default;

use crate::{GameState, asset_loading::ImageAssets, interaction::Interact, util::single};

use super::Player;

#[derive(Component, Default, Debug)]
pub struct Item(Option<Entity>);

#[derive(Component, Default, Debug)]
pub struct ItemIcon(Handle<Image>);

impl Item {
    pub fn none() -> Self {
        Default::default()
    }

    // set item and return the current item
    pub fn set_item(&mut self, item: Entity) -> Option<Entity> {
        self.0.replace(item)
    }
}

pub fn plugin(app: &mut App) {
    app.add_systems(Update, bottom_panel.run_if(in_state(GameState::Playing)));
}

fn bottom_panel(
    mut egui_ctx: EguiContexts,
    player_item_query: Query<&Item, With<Player>>,
    item_query: Query<(&Name, &ItemIcon), With<Interact>>,
    models: Res<Assets<Image>>,
    gltf_assets: Res<ImageAssets>,
) {
    egui::TopBottomPanel::bottom("inventory_toolbar")
        .frame(egui::Frame {
            fill: egui::Color32::from_rgba_premultiplied(0, 0, 0, 0),
            // Removed the stroke/border by setting it to none
            stroke: egui::Stroke::NONE,
            outer_margin: egui::epaint::Margin::same(0),
            inner_margin: egui::epaint::Margin::same(0),
            ..Default::default()
        })
        .show(egui_ctx.ctx_mut(), |ui| {
            ui.vertical_centered(|ui| {
                // Create a single centered slot
                ui.horizontal(|ui| {
                    // Add flexible space before the slot to center it
                    ui.add_space(ui.available_width() / 2.0 - 25.0);

                    // Create a frame for the slot
                    let slot_frame = egui::Frame {
                        fill: egui::Color32::from_rgba_premultiplied(50, 50, 50, 100),
                        stroke: egui::Stroke::new(2.0, egui::Color32::WHITE),
                        ..Default::default()
                    };

                    slot_frame.show(ui, |ui| {
                        ui.add_sized([50.0, 50.0], |ui: &mut egui::Ui| {
                            // Display the item
                            ui.vertical_centered(|ui| {
                                let item = single!(player_item_query);
                                let item = item.0.and_then(|id| item_query.get(id).ok());
                                // Placeholder for texture - in a real app, load the texture
                                ui.label(egui::RichText::new("🔨").size(24.0));
                                // let (name, icon) = item.map_or_else((Name::new(""), ), |(name, handle)|{

                                // });

                                // Item count (display only if > 1)
                                ui.label(
                                    egui::RichText::new("")
                                        .color(egui::Color32::WHITE)
                                        .size(12.0),
                                );
                            });
                            ui.allocate_response(ui.available_size(), egui::Sense::click())
                        });
                    });
                });
            });
        });
}