<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="MobailApp.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    HeightRequest="812"
    MaximumHeightRequest="812"
    MaximumWidthRequest="375"
    WidthRequest="375">

    <ScrollView>
        <!--<VerticalStackLayout
            Padding="30,0"
            Spacing="25">
            <Image
                Source="dotnet_bot.png"
                HeightRequest="185"
                Aspect="AspectFit"
                SemanticProperties.Description="dot net bot in a race car number eight" />

            <Label
                Text="Hello, World!"
                Style="{StaticResource Headline}"
                SemanticProperties.HeadingLevel="Level1" />

            <Label
                Text="Welcome to &#10;.NET Multi-platform App UI"
                Style="{StaticResource SubHeadline}"
                SemanticProperties.HeadingLevel="Level2"
                SemanticProperties.Description="Welcome to dot net Multi platform App U I" />

            <Button
                x:Name="CounterBtn"
                Text="Click me"
                SemanticProperties.Hint="Counts the number of times you click"
                Clicked="OnCounterClicked"
                HorizontalOptions="Fill" />
            <Button
                x:Name="NewPageOpenbtn"
                Text="New page"
                SemanticProperties.Hint="Counts the number of times you click"
                Clicked="NewPageOpenbtn_Clicked"
                HorizontalOptions="Fill" />
        </VerticalStackLayout>-->
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="746" />
                <RowDefinition Height="19" />
            </Grid.RowDefinitions>
            <StackLayout Grid.Row="0">
                <StackLayout Margin="20,75,20,0" HorizontalOptions="Center">
                    <Label
                        FontSize="32"
                        HorizontalOptions="Center"
                        Text="Привет!"
                        TextColor="#707B81" />
                    <Label
                        Margin="0,8,0,0"
                        FontSize="16"
                        HorizontalOptions="Center"
                        Text="Заполните Свои Данные Или"
                        TextColor="#707B81" />
                    <Label
                        FontSize="16"
                        HorizontalOptions="Center"
                        Text="Продолжите Через Социальные Медиа"
                        TextColor="#707B81" />
                </StackLayout>
                <StackLayout Margin="20,30,20,0">
                    <Grid HeightRequest="244" MinimumWidthRequest="335">
                        <Grid HeightRequest="196" WidthRequest="335">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="80" />
                                <RowDefinition Height="80" />
                            </Grid.RowDefinitions>
                            <StackLayout Grid.Row="0" MinimumWidthRequest="335">
                                <Label
                                    HorizontalOptions="Start"
                                    Text="Email"
                                    TextColor="#707B81"
                                    VerticalOptions="Start" />
                                <HorizontalStackLayout>
                                    <Frame
                                        Margin="0,12,0,0"
                                        BackgroundColor="#f7f7f9"
                                        BorderColor="#f7f7f9"
                                        CornerRadius="15"
                                        HeightRequest="48"
                                        WidthRequest="335">
                                        <Entry
                                            x:Name="etyEmail"
                                            HeightRequest="48"
                                            IsReadOnly="False"
                                            Text="xyz@gmail.com"
                                            TextColor="#6A6A6A" />
                                    </Frame>
                                </HorizontalStackLayout>
                            </StackLayout>
                            <StackLayout
                                Grid.Row="1"
                                Margin="0,26,0,0"
                                WidthRequest="335">
                                <Label
                                    HorizontalOptions="Start"
                                    Text="Пароль"
                                    TextColor="#707B81"
                                    VerticalOptions="Start" />
                                <HorizontalStackLayout>
                                    <Frame
                                        Margin="0,12,0,0"
                                        BackgroundColor="#f7f7f9"
                                        BorderColor="#f7f7f9"
                                        CornerRadius="15"
                                        HeightRequest="48"
                                        WidthRequest="335">
                                        <Grid HeightRequest="40">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition />
                                                <ColumnDefinition Width="40" />
                                            </Grid.ColumnDefinitions>
                                            <Entry
                                                x:Name="etyPass"
                                                HeightRequest="48"
                                                IsPassword="True"
                                                IsReadOnly="False"
                                                TextColor="#6A6A6A" />
                                            <Button
                                                x:Name="btnPassOpen"
                                                Grid.Column="1"
                                                BackgroundColor="#f7f7f9"
                                                Clicked="btnPassOpen_Clicked"
                                                FontSize="16"
                                                HeightRequest="40"
                                                Text="◉"
                                                TextColor="Black"
                                                WidthRequest="48" />
                                        </Grid>
                                    </Frame>
                                </HorizontalStackLayout>
                            </StackLayout>
                        </Grid>
                        <Button
                            BackgroundColor="White"
                            Margin="0,16,0,0"
                            FontSize="12"
                            HeightRequest="36"
                            HorizontalOptions="End"
                            Text="Восстановить"
                            TextColor="#707B81"
                            VerticalOptions="End"
                            WidthRequest="108" />
                    </Grid>
                    <Button
                        Margin="0,24,0,0"
                        BackgroundColor="#48B2E7"
                        Clicked="Button_Clicked"
                        CornerRadius="14"
                        Text="Войти"
                        TextColor="#F7F7F9" />
                </StackLayout>
            </StackLayout>
            <StackLayout
                Grid.Row="1"
                HorizontalOptions="Center"
                Orientation="Horizontal"
                WidthRequest="335">
                <Label
                    Margin="35,0,0,0"
                    FontSize="16"
                    HeightRequest="19"
                    Text="Вы впервые?"
                    TextColor="#6A6A6A" />
                <Button
                    BackgroundColor="White"
                    FontSize="16"
                    HeightRequest="40"
                    Text="Создать Пользователя"
                    TextColor="#2B2B2B" />
            </StackLayout>
        </Grid>
    </ScrollView>

</ContentPage>