<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:pages="clr-namespace:MauiSpark.Pages"
             xmlns:views="clr-namespace:MauiSpark.Views"
             x:Class="MauiSpark.Pages.TableauScore"
             Title="TableauScore">
    <ScrollView>
        <VerticalStackLayout>
            <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10, 50" >
                <Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0"/>
                <Label Text="Scoreboard" Style="{StaticResource TexteTitre}" Margin="0" />
                <Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0"/>
            </FlexLayout>
            <Frame Margin="20" >
                <Grid ColumnDefinitions="auto,*,auto,auto,auto,auto" ColumnSpacing="10" >
                    <Button Margin="5" Grid.Column="0" Text="RANK" Style="{StaticResource ButtonTableau}" VerticalOptions="Center"></Button>
                    <Button Margin="5"  Grid.Column="1" Text="PSEUDO" Style="{StaticResource ButtonTableau}" VerticalOptions="Center" HorizontalOptions="Start" Clicked="QuandAlphabetButtonClicked" ></Button>
                    <Button Margin="5"  Grid.Column="2" Text="Coût Moyen" Style="{StaticResource ButtonTableau}" VerticalOptions="Center"  Clicked="QuandNbCoutMoyenButtonClicked"></Button>
                    <Button Margin="5"  Grid.Column="3" Text="Partie Gagnée" Style="{StaticResource ButtonTableau}"  VerticalOptions="Center" Clicked="QuandGagneeButtonClicked"></Button>
                    <Button Margin="5"  Grid.Column="4" Text="Partie Perdue" Style="{StaticResource ButtonTableau}" VerticalOptions="Center" Clicked="QuandPerduButtonClicked"></Button>
                    <Button Margin="5"  Grid.Column="5" Text="Partie Egalité" Style="{StaticResource ButtonTableau}" VerticalOptions="Center" Clicked="QuandEgaliteButtonClicked"></Button>
                </Grid>
            </Frame>
            <views:CTableauScore x:Name="CTableauScore"/>
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>