use crate::components::Card;
use protocol::{bridge_engine::Trick, core::Player};
use yew::prelude::*;

#[function_component(TrickInPlay)]
pub fn trick_in_play(props: &TrickInPlayProps) -> Html {
    let leader = props.trick.leader;
    let cards = props
        .trick
        .cards_played
        .iter()
        .enumerate()
        .map(|(i, card)| {
            // TODO: Support other player positions.
            let class = match leader.many_next(i) {
                Player::West => classes!("left"),
                Player::North => classes!("top"),
                Player::East => classes!("right"),
                Player::South => classes!("bottom"),
            };
            html! {
                <div class={class}>
                  <Card card={*card} />
                </div>
            }
        });
    html! {
        <>
            <div class="trick-layout">
              { for cards }
            </div>
        </>
    }
}

#[derive(PartialEq, Properties, Clone)]
pub struct TrickInPlayProps {
    pub trick: Trick,
}