<?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"
             x:Class="MauiSpark.Pages.Regle"
             xmlns:pages="clr-namespace:MauiSpark.Pages"
             Title="Regle">
    <ScrollView>
        <VerticalStackLayout>
            <FlexLayout Direction="Row" JustifyContent="SpaceAround">
                <Image Source="livre.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="Règle" Style="{StaticResource TexteTitre}" />
                </Frame>
                <Grid RowDefinitions="auto,auto">
                    <ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
                    <Image Grid.Row="1" Source="livre.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
                </Grid>
            </FlexLayout>
            <Frame  Margin="20">
                <Grid ColumnDefinitions="*,auto">
                    <Label Text="
                    Le but du jeu est de découvrir la combinaison. On génère aléatoirement deux combinaisons de 4 couleurs (six couleurs au total : jaune, bleu, rouge, vert, blanc et noir), une combinaison pour chaque joueur.
    Deux joueurs se battent pour trouver la combinaison en premier, il y a douze tours.
    Le premier joueur à trouver la combinaison à gagner, chaque joueur a le même nombre de coups à réaliser. Donc si le joueur un à trouvé la solution au bout de huit coups, le joueur deux doit finir son huitième coup. Si le joueur deux trouve la combinaison, les deux joueurs sont à égalité. Sinon, le joueur un gagne.
    Pour trouver la combinaison, les joueurs disposent de quatre indicateurs. Ces indicateurs sont quatre ronds qui représentent les quatre couleurs sélectionnées par le joueur. Un rond noir signifie qu’une couleur est à la bonne place, un rond blanc correspond à une mauvaise place et s'il n’y a pas d’indicateur aucune des couleurs n’est présentent dans la combinaison.
                        " Style="{StaticResource TexteFrame}" />
                    <Image Source="mastermind.png" Grid.Column="1" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
                </Grid>
            </Frame>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>