<UserControl x:Class="Artemis.UI.Screens.Settings.SettingsTabsView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Artemis.UI.Screens.Settings"
             xmlns:s="https://github.com/canton7/Stylet"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800"
             d:DataContext="{d:DesignInstance local:SettingsTabsViewModel}">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary
                    Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <TabControl Style="{StaticResource MaterialDesignAppBarTabControl}"
                    ItemsSource="{Binding Items}"
                    SelectedItem="{Binding ActiveItem}"
                    DisplayMemberPath="DisplayName">
            <TabControl.ContentTemplate>
                <DataTemplate>
                    <ContentControl s:View.Model="{Binding IsAsync=True}"
                                    VerticalContentAlignment="Stretch"
                                    HorizontalContentAlignment="Stretch"
                                    IsTabStop="False"
                                    TextElement.Foreground="{DynamicResource MaterialDesignBody}" />
                </DataTemplate>
            </TabControl.ContentTemplate>
        </TabControl>

        <!-- Bug: materialDesign:RippleAssist.RippleOnTop doesn't look as nice but otherwise it doesn't work at all, not sure why -->
        <Button Style="{StaticResource MaterialDesignIconForegroundButton}"
                VerticalAlignment="Top"
                HorizontalAlignment="Right"
                ToolTip="Open debugger"
                Command="{s:Action ShowDebugger}"
                materialDesign:RippleAssist.RippleOnTop="True">
            <materialDesign:PackIcon Kind="Matrix" />
        </Button>
    </Grid>
    
</UserControl>
