<Page x:Class="ForzaUI.TabBarTestMenu"
      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"
      mc:Ignorable="d"
      xmlns:System="clr-namespace:System;assembly=mscorlib"
      xmlns:local="clr-namespace:ForzaUI;assembly="
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <Page.Resources>
        <ResourceDictionary>
            <Style x:Key="H_Style_AccoladesTabItem"
                TargetType="FZButton"
                BasedOn="{StaticResource H_Style_TabButton_Scrolling}">
                <Setter Property="Content"
                        Value="{Binding Title, Converter={StringToUpper}}" />
                <Setter Property="Tag"
                        Value="{Binding NotificationBadgeString}" />
            </Style>
        </ResourceDictionary>
    </Page.Resources>

    <Grid Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}">
        <StackPanel VerticalAlignment="Center">
            <FZTabButtonsSelector x:Name="PART_Categories"
                                  Style="{StaticResource H_Style_TabBar}"
                                  ItemsSource="{Binding TabItems}"
                                  SelectedIndex="0"
                                  HorizontalAlignment="Stretch"
                                  HorizontalContentAlignment="Left"/>
            
            <Decorator Height="200"/>

                <FZTabButtonsSelector Style="{StaticResource H_Style_TabBar}"
                                   SelectedIndex="0"
                                   HorizontalAlignment="Stretch"
                                   HorizontalContentAlignment="Center">
                    <FZButton Content="Curated Groups"
                              Style="{StaticResource H_Style_TabButton}"
                              Tag="2"/>
                    <FZButton Content="My Favorites"
                              Style="{StaticResource H_Style_TabButton}"/>
                    <FZButton Content="Community Vinyls"
                              Style="{StaticResource H_Style_TabButton}"/>
                    <FZButton Content="Gradient Shapes"
                              Style="{StaticResource H_Style_TabButton}"
                              Tag="99+"/>
                    <FZButton Content="Stripes"
                              Style="{StaticResource H_Style_TabButton}"/>
                    <FZButton Content="Tears"
                              Style="{StaticResource H_Style_TabButton}"/>
                </FZTabButtonsSelector>

            <Decorator Height="200"/>

            <FZButtonsSelector ItemContainerStyle="{StaticResource H_Style_AccoladesTabItem}"
                               Style="{StaticResource H_Style_TabBar_Scrolling}"
                               HorizontalAlignment="Center"
                               ItemsSource="{Binding TabItems}"
                               Tag="{Binding SelectedSubCategory, Mode=TwoWay}"
                               SelectedItem="0"/>
        </StackPanel>
    </Grid>
</Page>
