sae201_qwirkle/Qwirkle/QwirkleViews/Pages/Gameboard.xaml

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Qwirkle.Pages.Gameboard"
             xmlns:controls="clr-namespace:Qwirkle.Views"
             Title="Gameboard"
             x:Name="root">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="4*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="10*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Label Text="{Binding bag.TilesBag.Count}"></Label>

        <Button  HorizontalOptions="End" Grid.Row="2" Grid.Column="1" Text="Skip / End Turn" WidthRequest="200" HeightRequest="10" FontSize="20" Margin="20" Clicked="OnButtonSkipClicked"></Button>
        <Button  HorizontalOptions="Start" Grid.Row="2" Grid.Column="1" Text="Settings" WidthRequest="200" HeightRequest="10" FontSize="20" Margin="20" ></Button>

        <CollectionView Grid.Row="0" Grid.Column="1" ItemsSource="{Binding PlayerList[0].Tiles}"
                        HorizontalOptions="Center"
                        VerticalOptions="Center" >
            <CollectionView.ItemsLayout>
                <GridItemsLayout Orientation="Horizontal"/>
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>

                <DataTemplate>
                    <Border WidthRequest="70" HeightRequest="70"
                        BackgroundColor="{Binding ColorBC1, Source={x:Reference root}}"
                        Margin="0"
                           >
                        <Border.GestureRecognizers>
                            <DragGestureRecognizer CanDrag="True" DragStarting="OnDragStarting"/>
                        </Border.GestureRecognizers>
                        <controls:TileView Shape="{Binding GetShape}" Color="{Binding GetColor}"  InfoClicked="OnTileClickedP1"></controls:TileView>
                    </Border>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

        <CollectionView Grid.Row="1" Grid.Column="0" ItemsSource="{Binding PlayerList[2].Tiles}"
                        HorizontalOptions="Center"
                        VerticalOptions="Center" >
            <CollectionView.ItemsLayout>
                <GridItemsLayout Orientation="Vertical"/>
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Border WidthRequest="70" HeightRequest="70"
                        BackgroundColor="{Binding ColorBC3, Source={x:Reference root}}"
                        Margin="0">
                        <Border.GestureRecognizers>
                            <DragGestureRecognizer CanDrag="True" DragStarting="OnDragStarting"/>
                        </Border.GestureRecognizers>
                        <controls:TileView Shape="{Binding GetShape}" Color="{Binding GetColor}"></controls:TileView>
                    </Border>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

        <CollectionView Grid.Row="1" Grid.Column="2" ItemsSource="{Binding PlayerList[3].Tiles}"
                        HorizontalOptions="Center"
                        VerticalOptions="Center" >
            <CollectionView.ItemsLayout>
                <GridItemsLayout Orientation="Vertical"/>
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Border WidthRequest="70" HeightRequest="70"
                        BackgroundColor="{Binding ColorBC4, Source={x:Reference root}}"
                        Margin="0">
                        <Border.GestureRecognizers>
                            <DragGestureRecognizer CanDrag="True" DragStarting="OnDragStarting"/>
                        </Border.GestureRecognizers>
                        <controls:TileView Shape="{Binding GetShape}" Color="{Binding GetColor}"></controls:TileView>
                    </Border>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

        <CollectionView Grid.Row="2" Grid.Column="1" ItemsSource="{Binding PlayerList[1].Tiles}"
                        HorizontalOptions="Center"
                        VerticalOptions="Start" >
            <CollectionView.ItemsLayout>
                <GridItemsLayout Orientation="Horizontal"/>
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Border WidthRequest="70" HeightRequest="70"
                        BackgroundColor="{Binding ColorBC2, Source={x:Reference root}}"
                            Margin="0">
                        <Border.GestureRecognizers>
                            <DragGestureRecognizer CanDrag="True" DragStarting="OnDragStarting"/>
                        </Border.GestureRecognizers>
                        <controls:TileView Shape="{Binding GetShape}" Color="{Binding GetColor}"></controls:TileView>
                    </Border>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

        <ScrollView Grid.Row="1" Grid.Column="1" VerticalOptions="FillAndExpand">
            <CollectionView ItemsSource="{Binding Board.ReadCells}"
                            HorizontalOptions="Center"
                            VerticalOptions="Center">
                <CollectionView.ItemsLayout>
                    <GridItemsLayout Orientation="Vertical"
                                    Span="{Binding Board.Columns}"/>
                </CollectionView.ItemsLayout>
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Border WidthRequest="80" HeightRequest="80"
                                BackgroundColor="WhiteSmoke"
                                Margin="0" >
                            <Border.GestureRecognizers >
                                <DropGestureRecognizer DragOver="OnDragOver"
                                                       DropCommand="{Binding OnDrop, Source={x:Reference root}}"
                                                       DropCommandParameter="{Binding .}"/>
                            </Border.GestureRecognizers>
                            <controls:TileView HorizontalOptions="Start" Shape="{Binding Tile.GetShape}" Color="{Binding Tile.GetColor}"></controls:TileView>
                        </Border>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </ScrollView>



        </Grid>
</ContentPage>