<Page
    x:Class="UnconventionalAppBar.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UnconventionalAppBar"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="LightGray">
        <TextBlock Name="textBlock"
                   Text="Niekonwencjonalny pasek aplikacji"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   FontSize="{Binding ElementName=slider, Path=Value}" />
    </Grid>

    <Page.TopAppBar>
        <AppBar Name="topAppBar">
            <Slider Name="slider"
                    Minimum="8"
                    Maximum="196"
                    Value="24" />
        </AppBar>
    </Page.TopAppBar>

    <Page.BottomAppBar>
        <AppBar Name="bottomAppBar">
            <StackPanel Orientation="Horizontal"
                        HorizontalAlignment="Right">
                
                <Button x:ConnectionId='1' Content="Czerwony"
                        Foreground="Red"
                        Margin="24 12"
                                                    />
                
                <Button x:ConnectionId='2' Content="Zielony"
                        Foreground="Green"
                        Margin="24 12"
                                                    />

                <Button x:ConnectionId='3' Content="Niebieski"
                        Foreground="Blue"
                        Margin="24 12"
                                                    />
                <StackPanel Orientation="Horizontal">
                    <Button Style="{StaticResource AppBarButtonStyle}"
                    Content="&#xE10F;"
                    AutomationProperties.Name="Strona główna"
                    />
                </StackPanel>
            </StackPanel>
            
        </AppBar>

    </Page.BottomAppBar>
</Page>

