<?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="GameAtlas.Views.PageConnexion"
             Title="ECRAN DE CONNEXION" WidthRequest="390" HeightRequest="844"
             BackgroundColor="#FAD05D">

    <ContentPage.MenuBarItems>
        <MenuBarItem Text="Onglet 1">
        </MenuBarItem>
        <MenuBarItem Text="Onglet 2">
        </MenuBarItem>
        <MenuBarItem Text="Onglet 3">
        </MenuBarItem>
    </ContentPage.MenuBarItems>

    <VerticalStackLayout>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Frame Margin="40"
               BorderColor="DarkViolet"
               CornerRadius="50"
               HeightRequest="60"
               WidthRequest="60"
               IsClippedToBounds="True"
               HorizontalOptions="Center"
               VerticalOptions="Center"
               Grid.Column="1"
               Grid.Row="0">
               <Image Source="unknown.png"
                    Aspect="AspectFit"
                    Margin="-20"
                    HeightRequest="60"
                    WidthRequest="60"/>
            </Frame>

            <Label Text="Hello !"
                TextColor="Black"
                VerticalOptions="Center"
                HorizontalOptions="Center"
                FontSize="20"
                FontAttributes="Bold,Italic"
                FontFamily="Roboto"
                Grid.Column="1"
                Grid.Row="0"/>

            <Border Stroke="Black"
                StrokeThickness="2"
                Background="#74B9FF"
                Opacity="0.6"
                Padding="16,8"
                WidthRequest="300"
                HeightRequest="300"
                Grid.Column="1"
                Grid.Row="2"
                HorizontalOptions="Center"
                VerticalOptions="Start">
                <Border.StrokeShape>
                    <RoundRectangle CornerRadius="14"/>
                </Border.StrokeShape>
            </Border>

            <Label Text="Connexion"
                TextColor="Black"
                FontSize="20"
                HorizontalTextAlignment="Start"
                Margin="30,10, 0, 0"
                Grid.Column="1"
                Grid.Row="2"
                FontAttributes="Bold"
                FontFamily="Roboto"/>

            <Label Text="Inscription"
                TextColor="Black"
                FontSize="20"
                HorizontalTextAlignment="End"
                Margin="0,10,30,0"
                Grid.Column="1"
                Grid.Row="2"
                FontFamily="Roboto"/>

            <Rectangle Fill="Black"
                WidthRequest="2"
                HeightRequest="45"
                HorizontalOptions="Center"
                VerticalOptions="Start"
                Grid.Column="1"
                Grid.Row="2"/>

            <Rectangle Fill="Black"
                WidthRequest="296"
                HeightRequest="2"
                HorizontalOptions="Center"
                VerticalOptions="Center"
                Grid.Column="1"
                Grid.Row="2"/>
        </Grid>
        
    </VerticalStackLayout>
</ContentPage>