use crate::bridge_engine::{self, Contract, Player};
use crate::card;
use crate::card::Suit;
use crate::components::{Bidding, Hand, HandProps, ShowBid};
use yew::prelude::*;

pub const SUIT_DISPLAY_ORDER: [Suit; 4] = [Suit::Diamond, Suit::Club, Suit::Heart, Suit::Spade];

#[derive(Debug)]
enum Phase {
    Bidding,
    Cardplay,
}

pub fn deal() -> card::Deal {
    let mut rng = rand::thread_rng();
    let mut deal = card::deal(&mut rng);
    deal.sort(&SUIT_DISPLAY_ORDER, card::RankOrder::Descending);
    deal
}

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

    // let north = use_state(|| HandProps::from_iter(deal.north.into_iter()));
    // let west = use_state(|| HandProps::from_iter(deal.west.into_iter()));
    // let south = use_state(|| HandProps::from_iter(deal.south.into_iter()));
    // let east = use_state(|| HandProps::from_iter(deal.east.into_iter()));

    let dealer = use_state(|| Player::East);

    let contract: UseStateHandle<Option<(Option<Contract>, bridge_engine::Bidding)>> =
        use_state(|| None);
    let on_contract = {
        let contract = contract.clone();
        Callback::from(move |c| contract.set(Some(c)))
    };

    let phase = if contract.is_none() {
        Phase::Bidding
    } else {
        Phase::Cardplay
    };

    let shuffle = {
        let dealt_cards = dealt_cards.clone();
        let dealer = dealer.clone();
        let contract = contract.clone();

        Callback::from(move |_| {
            dealt_cards.set(deal());
            dealer.set(dealer.next());
            contract.set(None);
        })
    };

    html! {
        <>
            <div class="nav">
              if let Some((contract, bidding)) = &*contract {
                  <ShowBid contract={contract.clone()} bidding={bidding.clone()}/>
              }
              <p>{ format!("Phase: {:?}", phase) }</p>
              <button onclick={shuffle}>{ "Shuffle" }</button>
            </div>
            <div class="center">
                <p>{ format!("Dealer: {:?}", *dealer) }</p>
                if let Some(_) = &*contract {
                    { "Let's play" }
                } else {
                    <Bidding {on_contract} dealer={ *dealer } />
                }
            </div>
            <div class="hand west">
                <Hand ..{ dealt_cards.west.clone().into_iter().collect() }/>
            </div>
            <div class="hand north">
                <Hand ..{ dealt_cards.north.clone().into_iter().collect() }/>
            </div>
            <div class="hand east">
                <Hand ..{ dealt_cards.east.clone().into_iter().collect() }/>
            </div>
            <div class="hand south">
                <Hand ..{ dealt_cards.south.clone().into_iter().collect() }/>
            </div>
        </>
    }
}