from dash.html import Div, H4
from match_up.model import Player
from dash.dash_table import DataTable
from dash_bootstrap_components import Row, Col, Container, Input, Select


class PlayerLayout:
    def __init__(self, player_list: list[Player]):
        self._layout = Div(
            [
                H4(children="Player List"),
                DataTable(
                    data=[
                        {
                            "Player": player.first_name + " " + player.last_name,
                            "Status": "Active" if player.status else "Inactive",
                        }
                        for player in player_list
                    ],
                    columns=[
                        {"name": "Player", "id": "Player", "type": "text"},
                    ],
                    style_data_conditional=[
                        {
                            "if": {
                                "column_id": "Player",
                                "filter_query": "{Status} = Active",
                            },
                            "backgroundColor": "green",
                            "color": "white",
                        },
                        {
                            "if": {
                                "column_id": "Player",
                                "filter_query": "{Status} = Inactive",
                            },
                            "backgroundColor": "tomato",
                            "color": "white",
                            "fontWeight": "bold",
                        },
                    ],
                ),
            ]
        )

    def get(self):
        return self._layout


class GameLayout:
    def __init__(): ...


class MainLayout:
    def __init__(self, player_list: list[Player]):
        self._player_layout = PlayerLayout(player_list)

    def refresh(): ...

    def get(self):
        full_layout = Div(
            [
                Container(
                    [
                        Row(
                            [
                                Col(["Total Samples"], width=1),
                                Col([self._player_layout.get()], width=10),
                            ],
                            style={"margin": "15px"},
                        )
                    ]
                )
            ]
        )
        # full_layout = Div([Div(children="Hello World")])
        return full_layout