<Page
    x:Class="UmkSamples.SecondPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UmkSamples"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <SplitView x:ConnectionId='1' x:Name="MySplitView" DisplayMode="CompactOverlay"  IsPaneOpen="False" 
               CompactPaneLength="50" OpenPaneLength="150">
        <SplitView.Pane>
            <StackPanel Background="GreenYellow">
                <Button x:ConnectionId='2' x:Name="HamburgerButton" FontFamily="Segoe MDL2 Assets" Content="&#xE700;"
                    Width="50" Height="50" Background="Transparent"                              />
                <StackPanel Orientation="Horizontal">
                    <Button x:ConnectionId='5' x:Name="LoginButton" FontFamily="Segoe MDL2 Assets" Content="&#xE825;"
                    Width="50" Height="50" Background="Transparent"                            />
                    <TextBlock Text="Login" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:ConnectionId='4' x:Name="AzureButton" FontFamily="Segoe MDL2 Assets" Content="&#xE10F;"
                        Width="50" Height="50" Background="Transparent"                            />
                    <TextBlock Text="Azure" TextWrapping="Wrap" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:ConnectionId='3' x:Name="NotyficationButton" FontFamily="Segoe MDL2 Assets" Content="&#xE1D6;"
                        Width="50" Height="50" Background="Transparent"                                   />
                    <TextBlock Text="Notyfication" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
            </StackPanel>
        </SplitView.Pane>
        <SplitView.Content>
            <Frame x:ConnectionId='6' Name="MainFrame"/>
        </SplitView.Content>
    </SplitView>
    <Page.BottomAppBar>
        <CommandBar>
            <AppBarButton x:ConnectionId='7' Icon="Setting" Label="Settings" Name="SettingsButton"                               />
        </CommandBar>                                                          
    </Page.BottomAppBar>
</Page>

