<?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" >
                <Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/>
                <Frame CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" >
                    <Label Text="Scoreboard" Style="{StaticResource TexteTitre}"/>
                </Frame>
                <Grid RowDefinitions="auto,auto">
                    <ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
                    <Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
                </Grid>
            </FlexLayout>
            <Frame Margin="20" >
                <Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10">
                    <Button Margin="0,5,5,5" Grid.Column="0" Text="RANK" Style="{StaticResource ButtonTableau}"></Button>
                    <Button Margin="5"  Grid.Column="1" Text="PSEUDO" Style="{StaticResource ButtonTableau}" HorizontalOptions="Start" ></Button>
                    <Button Margin="5"   Grid.Column="2" Text="Nombre de coût Moyen" Style="{StaticResource ButtonTableau}"></Button>
                    <Button Margin="5"  Grid.Column="3" Text="POINT" Style="{StaticResource ButtonTableau}"></Button>
                </Grid>
            </Frame>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
            <views:CTableauScore/>
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>