<?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:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
             x:Class="GameAtlas.Views.PageAcceuil"
             Title="ACCUEIL" WidthRequest="390" HeightRequest="844">

    <Grid BackgroundColor="Beige"
          RowDefinitions="auto, auto, auto, auto, auto, auto, *">


        <HorizontalStackLayout>
            <Frame Margin="10"
               BorderColor="DarkViolet"
               CornerRadius="50"
               HeightRequest="50"
               WidthRequest="50"
               IsClippedToBounds="True"
               HorizontalOptions="Start"
               VerticalOptions="Center"
               Grid.Row="1"
            />

            <Label
                Text="Pseudo"
                FontFamily="Aladin"
                FontSize="18"
                Grid.Row="1"
                HorizontalOptions="Start"
                VerticalOptions="Center"
            />
        </HorizontalStackLayout>




        <SearchBar Placeholder="Rechercher"
                   BackgroundColor="White"
                   TextColor="Black"
                   HorizontalTextAlignment="Center"
                   VerticalOptions="Center"
                   HorizontalOptions="Fill"
                   Grid.Row="2"
                   Grid.Column="0"
                   Margin="10"
        />

        <Label
            Text="Parcourir les jeux"
            FontFamily="PTSansCaption-Bold"
            FontSize="24"
            Grid.Row="3"
            Padding="20"
        />

        <ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <HorizontalStackLayout Padding="18" Spacing="18">
                <Rectangle BackgroundColor="Grey" HeightRequest="160" WidthRequest="290"/>
                <Rectangle BackgroundColor="Red" HeightRequest="160" WidthRequest="290"/>
                <Rectangle BackgroundColor="Green" HeightRequest="160" WidthRequest="290"/>
            </HorizontalStackLayout>

        </ScrollView>

        <Label
            Text="Jeux les mieux notés"
            FontFamily="PTSansCaption-Bold"
            FontSize="24"
            Grid.Row="5"
            Padding="20"
        />

        <Grid Grid.Row="6"
              ColumnDefinitions="auto, auto,auto"
              RowDefinitions="auto,auto,auto,auto">

            <VerticalStackLayout Spacing="40">
                
                <HorizontalStackLayout Grid.Row="0" Spacing="60">
                    <Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
                    <VerticalStackLayout Spacing="15">
                        <Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
                        <HorizontalStackLayout Spacing="20">
                            <Label Text="Etoiles"/>
                            <Label Text="85k"/>
                        </HorizontalStackLayout>
                    </VerticalStackLayout>
                    
                    <Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
                </HorizontalStackLayout>
                
                
                
                <HorizontalStackLayout Grid.Row="0" Spacing="60">
                    <Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
                    <VerticalStackLayout Spacing="15">
                        <Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
                        <HorizontalStackLayout Spacing="20">
                            <Label Text="Etoiles"/>
                            <Label Text="85k"/>
                        </HorizontalStackLayout>
                    </VerticalStackLayout>
                    <Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
                </HorizontalStackLayout>
                
                
                
                <HorizontalStackLayout Grid.Row="0" Spacing="60">
                    <Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
                    <VerticalStackLayout Spacing="15">
                        <Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
                        <HorizontalStackLayout Spacing="20">
                            <Label Text="Etoiles"/>
                            <Label Text="85k"/>
                        </HorizontalStackLayout>
                    </VerticalStackLayout>
                    <Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
                </HorizontalStackLayout>
                
                
                
                <HorizontalStackLayout Grid.Row="0" Spacing="60">
                    <Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
                    <VerticalStackLayout Spacing="15">
                        <Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
                        <HorizontalStackLayout Spacing="20">
                            <Label Text="Etoiles"/>
                            <Label Text="85k"/>
                        </HorizontalStackLayout>
                    </VerticalStackLayout>
                    <Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
                </HorizontalStackLayout>
                
            </VerticalStackLayout>

        </Grid>

    </Grid>


</ContentPage>