use std::time::Duration;

use bevy::{prelude::*, time::Stopwatch};
use de_gui::{ButtonCommands, GuiCommands, LabelCommands, OuterStyle, ToastEvent};
use de_lobby_client::{ListGamesRequest, RequestEvent, ResponseEvent};
use de_lobby_model::GamePartial;

use super::{current::GameNameRes, MultiplayerState};
use crate::menu::Menu;

const REFRESH_INTERVAL: Duration = Duration::from_secs(10);

pub(super) struct GameListingPlugin;

impl Plugin for GameListingPlugin {
    fn build(&self, app: &mut App) {
        app.add_systems(OnEnter(MultiplayerState::GameListing), setup)
            .add_systems(OnExit(MultiplayerState::GameListing), cleanup)
            .add_systems(
                Update,
                (refresh_system, list_games_system, button_system)
                    .run_if(in_state(MultiplayerState::GameListing)),
            );
    }
}

#[derive(Resource)]
struct GamesTable(Entity);

#[derive(Component)]
enum ButtonAction {
    Create,
    Join(String),
}

fn setup(
    mut commands: GuiCommands,
    menu: Res<Menu>,
    mut requests: EventWriter<RequestEvent<ListGamesRequest>>,
) {
    let column_id = commands
        .spawn(NodeBundle {
            style: Style {
                flex_direction: FlexDirection::Column,
                width: Val::Percent(80.),
                height: Val::Percent(80.),
                margin: UiRect::all(Val::Auto),
                align_items: AlignItems::Center,
                justify_content: JustifyContent::FlexStart,
                ..default()
            },
            ..default()
        })
        .id();
    commands.entity(menu.root_node()).add_child(column_id);

    create_game_button(&mut commands, column_id);
    let table_id = table(&mut commands, column_id);
    commands.insert_resource(GamesTable(table_id));
    requests.send(RequestEvent::new("list-games", ListGamesRequest));
}

fn cleanup(mut commands: Commands) {
    commands.remove_resource::<GamesTable>();
}

fn create_game_button(commands: &mut GuiCommands, parent_node: Entity) {
    let button_id = commands
        .spawn_button(
            OuterStyle {
                width: Val::Percent(100.),
                height: Val::Percent(8.),
                margin: UiRect::bottom(Val::Percent(1.)),
            },
            "Create Game",
        )
        .insert(ButtonAction::Create)
        .id();
    commands.entity(parent_node).add_child(button_id);
}

fn table(commands: &mut GuiCommands, parent_node: Entity) -> Entity {
    let table_id = commands
        .spawn(NodeBundle {
            style: Style {
                flex_direction: FlexDirection::Column,
                width: Val::Percent(100.),
                height: Val::Percent(91.),
                margin: UiRect::all(Val::Auto),
                align_items: AlignItems::Center,
                justify_content: JustifyContent::FlexStart,
                ..default()
            },
            ..default()
        })
        .id();
    commands.entity(parent_node).add_child(table_id);
    table_id
}

fn row(commands: &mut GuiCommands, game: &GamePartial) -> Entity {
    let row_id = commands
        .spawn(NodeBundle {
            style: Style {
                flex_direction: FlexDirection::Row,
                width: Val::Percent(100.),
                height: Val::Percent(8.),
                margin: UiRect::vertical(Val::Percent(0.5)),
                align_items: AlignItems::Center,
                justify_content: JustifyContent::FlexStart,
                ..default()
            },
            ..default()
        })
        .id();

    let name_id = commands
        .spawn_label(
            OuterStyle {
                width: Val::Percent(80.),
                height: Val::Percent(100.),
                margin: UiRect::right(Val::Percent(2.)),
            },
            format!(
                "{} ({}/{})",
                game.config().name(),
                game.num_players(),
                game.config().max_players()
            ),
        )
        .id();
    commands.entity(row_id).add_child(name_id);

    if game.num_players() < game.config().max_players() {
        let button_id = commands
            .spawn_button(
                OuterStyle {
                    width: Val::Percent(18.),
                    height: Val::Percent(100.),
                    ..default()
                },
                "Join",
            )
            .insert(ButtonAction::Join(game.config().name().to_owned()))
            .id();
        commands.entity(row_id).add_child(button_id);
    }

    row_id
}

fn refresh_system(
    time: Res<Time>,
    mut stopwatch: Local<Stopwatch>,
    mut requests: EventWriter<RequestEvent<ListGamesRequest>>,
) {
    stopwatch.tick(time.delta());
    if stopwatch.elapsed() >= REFRESH_INTERVAL {
        stopwatch.reset();
        requests.send(RequestEvent::new("list-games", ListGamesRequest));
    }
}

fn list_games_system(
    mut commands: GuiCommands,
    table: Res<GamesTable>,
    mut events: EventReader<ResponseEvent<ListGamesRequest>>,
    mut toasts: EventWriter<ToastEvent>,
) {
    let Some(event) = events.read().last() else {
        return;
    };
    commands.entity(table.0).despawn_descendants();

    match event.result() {
        Ok(games) => {
            for game in games.games() {
                let row_id = row(&mut commands, game);
                commands.entity(table.0).add_child(row_id);
            }
        }
        Err(error) => {
            toasts.send(ToastEvent::new(error));
        }
    }
}

fn button_system(
    mut commands: Commands,
    mut next_state: ResMut<NextState<MultiplayerState>>,
    interactions: Query<(&Interaction, &ButtonAction), Changed<Interaction>>,
) {
    for (&interaction, action) in interactions.iter() {
        if let Interaction::Pressed = interaction {
            match action {
                ButtonAction::Create => next_state.set(MultiplayerState::GameCreation),
                ButtonAction::Join(name) => {
                    commands.insert_resource(GameNameRes::new(name));
                    next_state.set(MultiplayerState::GameJoining);
                }
            }
        }
    }
}