﻿<Page x:Class="AdaptiveUI.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:AdaptiveUI"
      xmlns:utu="using:Uno.Toolkit.UI"
      xmlns:um="using:Uno.Material"
      Background="{ThemeResource BackgroundBrush}">
  <ScrollViewer IsTabStop="True">
        <Grid utu:SafeArea.Insets="VisibleBounds">
            <Grid>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="AdaptiveStates">
                        <VisualState x:Name="NarrowState">
                            <VisualState.StateTriggers>
                                <AdaptiveTrigger MinWindowWidth="0" />
                            </VisualState.StateTriggers>
                            <VisualState.Setters>
                                <Setter Target="RootSplitView.DisplayMode" Value="Overlay" />
                                <Setter Target="RootSplitView.IsPaneOpen" Value="False" />
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="WideState">
                            <VisualState.StateTriggers>
                                <AdaptiveTrigger MinWindowWidth="800" />
                            </VisualState.StateTriggers>
                            <VisualState.Setters>
                                <Setter Target="RootSplitView.DisplayMode" Value="Inline" />
                                <Setter Target="RootSplitView.IsPaneOpen" Value="True" />
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <SplitView x:Name="RootSplitView"
                           PaneBackground="{ThemeResource SurfaceBrush}"
                           OpenPaneLength="280">
                    <SplitView.Pane>
                        <Grid Padding="16">
                            <StackPanel Spacing="12">
                                <TextBlock Text="Navigation"
                                          Style="{StaticResource TitleTextBlockStyle}"
                                          Margin="0,0,0,16"/>
                                
                                <Button Content="Home"
                                       HorizontalAlignment="Stretch"
                                       Style="{StaticResource TextBlockButtonStyle}">
                                    <Button.Content>
                                        <StackPanel Orientation="Horizontal" Spacing="12">
                                            <SymbolIcon Symbol="Home"/>
                                            <TextBlock Text="Home" VerticalAlignment="Center"/>
                                        </StackPanel>
                                    </Button.Content>
                                </Button>
                                
                                <Button Content="Profile"
                                       HorizontalAlignment="Stretch"
                                       Style="{StaticResource TextBlockButtonStyle}">
                                    <Button.Content>
                                        <StackPanel Orientation="Horizontal" Spacing="12">
                                            <SymbolIcon Symbol="Contact"/>
                                            <TextBlock Text="Profile" VerticalAlignment="Center"/>
                                        </StackPanel>
                                    </Button.Content>
                                </Button>
                                
                                <Button Content="Settings"
                                       HorizontalAlignment="Stretch"
                                       Style="{StaticResource TextBlockButtonStyle}">
                                    <Button.Content>
                                        <StackPanel Orientation="Horizontal" Spacing="12">
                                            <SymbolIcon Symbol="Setting"/>
                                            <TextBlock Text="Settings" VerticalAlignment="Center"/>
                                        </StackPanel>
                                    </Button.Content>
                                </Button>
                                
                                <Button Content="About"
                                       HorizontalAlignment="Stretch"
                                       Style="{StaticResource TextBlockButtonStyle}">
                                    <Button.Content>
                                        <StackPanel Orientation="Horizontal" Spacing="12">
                                            <SymbolIcon Symbol="Help"/>
                                            <TextBlock Text="About" VerticalAlignment="Center"/>
                                        </StackPanel>
                                    </Button.Content>
                                </Button>
                            </StackPanel>
                        </Grid>
                    </SplitView.Pane>
                    
                    <SplitView.Content>
                        <Grid Padding="24">
                            <StackPanel Spacing="20">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    
                                    <Button x:Name="MenuButton"
                                           Content="☰"
                                           FontSize="24"
                                           Width="48"
                                           Height="48"
                                           HorizontalAlignment="Left"
                                           Click="MenuButton_Click"/>
                                    
                                    <TextBlock Text="Adaptive UI Demo"
                                              Grid.Row="1"
                                              Style="{StaticResource HeaderTextBlockStyle}"
                                              Margin="0,16,0,0"/>
                                </Grid>
                                
                                <!-- Placeholder für den Content-Bereich -->
                                <Border Background="{ThemeResource SurfaceBrush}"
                                       CornerRadius="8"
                                       Padding="20">
                                    <StackPanel Spacing="12">
                                        <TextBlock Text="Willkommen..."
                                                  Style="{StaticResource SubtitleTextBlockStyle}"/>
                                    </StackPanel>
                                </Border>
                                
                            </StackPanel>
                        </Grid>
                    </SplitView.Content>
                </SplitView>
            </Grid>
        </Grid>
  </ScrollViewer>
</Page>
