<?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="ex_CustomToolbar.MainPage">

    <Shell.TitleView>
        <Grid ColumnDefinitions="Auto, *, Auto, Auto, Auto" HorizontalOptions="Fill">
            <Image Source="vinyl.png" HeightRequest="36"/>
            <Label Grid.Column="1" Margin="10, 0, 0, 0"
                Text="My Music App"
                TextColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" 
                VerticalTextAlignment="Center"
                VerticalOptions="Center"
                HeightRequest="36"
                FontSize="Medium"/>
            <ImageButton Source="hare.png" Grid.Column="2" MaximumHeightRequest="24">
                <ImageButton.Behaviors>
                    <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}"  />
                </ImageButton.Behaviors>
            </ImageButton>
            <ImageButton Source="info_circle.png" Grid.Column="3" MaximumHeightRequest="24">
                <ImageButton.Behaviors>
                    <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}"  />
                </ImageButton.Behaviors>
            </ImageButton>
            <ImageButton Source="ellipsis_vert.png" Grid.Column="4" MaximumHeightRequest="24" Clicked="EllipsisClicked">
                <ImageButton.Behaviors>
                    <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}"  />
                </ImageButton.Behaviors>
            </ImageButton>
        </Grid>
    </Shell.TitleView>

    <AbsoluteLayout>
        <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" />
            </VerticalStackLayout>
        </ScrollView>
        <VerticalStackLayout AbsoluteLayout.LayoutFlags="PositionProportional"
                             AbsoluteLayout.LayoutBounds="1, 0, 300, 200"
                             BackgroundColor="Gray"
                             x:Name="test"
                             IsVisible="false">
            <Label Text="Coucou"/>
            <Label Text="Hello"/>
        </VerticalStackLayout>
    </AbsoluteLayout>
</ContentPage>
