﻿<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:um="using:Uno.Material"
    xmlns:utu="using:Uno.Toolkit.UI"
    Background="{ThemeResource BackgroundBrush}">
    <ScrollViewer IsTabStop="True">
        <Grid utu:SafeArea.Insets="VisibleBounds">
            <Grid>
                <SplitView
                    x:Name="RootSplitView"
                    OpenPaneLength="280"
                    PaneBackground="{ThemeResource SurfaceBrush}">
                    <SplitView.Pane>
                        <Grid Padding="16">
                            <StackPanel Spacing="12">
                                <TextBlock
                                    Margin="0,0,0,16"
                                    Style="{StaticResource TitleTextBlockStyle}"
                                    Text="Navigation" />

                                <Button
                                    HorizontalAlignment="Stretch"
                                    Content="Home"
                                    Style="{StaticResource TextBlockButtonStyle}" />

                                <Button
                                    HorizontalAlignment="Stretch"
                                    Content="Profile"
                                    Style="{StaticResource TextBlockButtonStyle}" />

                                <Button
                                    HorizontalAlignment="Stretch"
                                    Content="Settings"
                                    Style="{StaticResource TextBlockButtonStyle}" />

                                <Button
                                    HorizontalAlignment="Stretch"
                                    Content="About"
                                    Style="{StaticResource TextBlockButtonStyle}" />
                            </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"
                                        HorizontalAlignment="Left"
                                        Click="MenuButton_Click"
                                        Content="☰"
                                        FontSize="24"
                                        Visibility="Collapsed" />

                                    <TextBlock
                                        Grid.Row="1"
                                        Margin="0,16,0,0"
                                        Style="{StaticResource HeaderTextBlockStyle}"
                                        Text="Adaptive UI Demo" />
                                </Grid>

                                <!--  Placeholder für den Content-Bereich  -->
                                <Border
                                    Padding="20"
                                    Background="{ThemeResource SurfaceBrush}"
                                    CornerRadius="8">
                                    <StackPanel Spacing="12">
                                        <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" Text="Willkommen..." />
                                    </StackPanel>
                                </Border>

                            </StackPanel>
                        </Grid>
                    </SplitView.Content>
                </SplitView>
                <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" />
                                <Setter Target="MenuButton.Visibility" Value="Visible" />
                            </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" />
                                <Setter Target="MenuButton.Visibility" Value="Collapsed" />
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
            </Grid>
        </Grid>
    </ScrollViewer>
</Page>
