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="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

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

        <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="WhiteSmoke"
                        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="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="WhiteSmoke"
                        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="StartAndExpand">
            <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="70" HeightRequest="70"
                                BackgroundColor="WhiteSmoke"
                                Margin="0">
                            <Border.GestureRecognizers>
                                <DropGestureRecognizer DragOver="OnDragOver"
                                                       DropCommand="{Binding OnDrop, Source={x:Reference root}}"
                                                       DropCommandParameter="{Binding .}" />
                            </Border.GestureRecognizers>
                            <controls:TileView Shape="{Binding Tile.GetShape}" Color="{Binding Tile.GetColor}"></controls:TileView>
                        </Border>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </ScrollView>

        <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="WhiteSmoke"
                        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="Center" >
            <CollectionView.ItemsLayout>
                <GridItemsLayout Orientation="Horizontal"/>
            </CollectionView.ItemsLayout>
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <Border WidthRequest="70" HeightRequest="70"
                            BackgroundColor="WhiteSmoke"
                            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>
        </Grid>
</ContentPage>