use crate::components::bid_css_class;
use protocol::{contract::LevelAndSuit, actions::Bid};
use yew::prelude::*;

#[function_component(BiddingBox)]
pub fn bidding_box(props: &BiddingBoxProps) -> Html {
    let bids = LevelAndSuit::all_raises().into_iter().map(|raise| {
        let mut class = if Some(raise) <= props.current_bid {
            classes!("disabled")
        } else {
            classes!("enabled")
        };
        class.extend(classes!(bid_css_class(raise.suit)));
        let onclick = {
            let on_bid = props.on_bid.clone();
            Callback::from(move |_| on_bid.emit(Bid::Raise(raise)))
        };
        html! {
            <div class={class} {onclick}>
            { raise.level }
          </div>
        }
    });

    let onclick = |bid| {
        let on_bid = props.on_bid.clone();
        Callback::from(move |_| on_bid.emit(bid))
    };
    html! {
        <div class="bidding-box">
          { for bids }
          <div onclick={ onclick(Bid::Pass) }>{ "Pass" }</div>
          <div onclick={ onclick(Bid::Double) }>{ "X" }</div>
          <div onclick={ onclick(Bid::Redouble) }>{ "XX" }</div>
        </div>
    }
}

#[derive(PartialEq, Properties, Clone)]
pub struct BiddingBoxProps {
    pub current_bid: Option<LevelAndSuit>,
    pub on_bid: Callback<Bid>,
}