use protocol::bridge_engine::{DealInPlay, DealInPlayResult, Player, GameState, deal};
use crate::components::{Bidding, Hand, ShowBid, TrickInPlay, TricksPlayed};
use log::{error, info};
use yew::prelude::*;

fn init_state() -> GameState {
    let dealer = Player::East;
    let deal = deal();
    GameState::Bidding { dealer, deal }
}

#[function_component(Game)]
pub fn game() -> Html {
    let state = use_state(|| init_state());

    let shuffle = {
        let state = state.clone();
        Callback::from(move |_| {
            state.set(init_state());
        })
    };

    let on_card_clicked = {
        let state = state.clone();
        Callback::from(move |card| {
            if let GameState::Play {
                playing_deal,
                contract,
                bidding,
            } = (*state).clone()
            {
                info!("Card clicked: {}", card);
                match playing_deal.play(card) {
                    Err(err) => error!("Could not play card: {:?}", err),
                    Ok(DealInPlayResult::InProgress(playing_deal)) => state.set(GameState::Play {
                        playing_deal,
                        contract,
                        bidding,
                    }),
                    Ok(DealInPlayResult::PlayFinished(_tricks)) => todo!(),
                };
            }
        })
    };

    let center = match &*state {
        GameState::Bidding { dealer, deal } => {
            let on_contract = {
                let state = state.clone();
                let dealer = dealer.clone();
                let deal = deal.clone();
                Callback::from(move |(contract, bidding)| {
                    state.set(match contract {
                        Some(contract) => GameState::Play {
                            playing_deal: DealInPlay::new(dealer, deal.clone()),
                            contract,
                            bidding,
                        },
                        None => GameState::PassedOut {
                            dealer: dealer,
                            deal: deal.clone(),
                            bidding: bidding,
                        },
                    });
                })
            };
            html! {
                <Bidding {on_contract} dealer={dealer.clone()} />
            }
        }
        GameState::Play {
            playing_deal,
            contract: _,
            bidding: _,
        } => {
            html! {
                <>
                    <TricksPlayed tricks={ playing_deal.tricks().clone() } />
                    <TrickInPlay in_progress={ playing_deal.trick_in_play().clone() } />
                </>
            }
        }
        GameState::PassedOut { .. } => html! { <p>{ "Everyone passed" }</p> },
    };

    html! {
        <>
            <div class="nav">
                if let GameState::Play { contract, bidding, .. } = &*state {
                  <ShowBid contract={contract.clone()} bidding={bidding.clone()}/>
               }
              <button onclick={shuffle}>{ "Shuffle" }</button>
            </div>
            <div class="center">
                { center }
            </div>
            <div class="hand west">
              <Hand cards={ state.deal().west.clone() }
                    on_card_clicked={ on_card_clicked.clone() }
              />
            </div>
            <div class="hand north">
              <Hand cards={ state.deal().north.clone() }
                    on_card_clicked={ on_card_clicked.clone() }
              />
            </div>
            <div class="hand east">
              <Hand cards={ state.deal().east.clone() }
                    on_card_clicked={ on_card_clicked.clone() }
              />
            </div>
            <div class="hand south">
              <Hand cards={ state.deal().south.clone() }
                    on_card_clicked={ on_card_clicked.clone() }
              />
            </div>
        </>
    }
}