<abstract:WelcomeHostPageAbstract
    x:Class="Wino.Views.WelcomeHostPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:abstract="using:Wino.Mail.WinUI.Views.Abstract"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:helpers="using:Wino.Helpers"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:viewModelData="using:Wino.Mail.ViewModels.Data"
    xmlns:winuiControls="using:Microsoft.UI.Xaml.Controls"
    mc:Ignorable="d">

    <Grid RowSpacing="0">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!--  Wizard step indicator bar  -->
        <Border
            Padding="24,20"
            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
            BorderThickness="0,0,0,1">
            <winuiControls:BreadcrumbBar
                x:Name="Breadcrumb"
                HorizontalAlignment="Center"
                ItemClicked="BreadItemClicked"
                ItemsSource="{x:Bind PageHistory, Mode=OneWay}">
                <winuiControls:BreadcrumbBar.ItemTemplate>
                    <DataTemplate x:DataType="viewModelData:BreadcrumbNavigationItemViewModel">
                        <winuiControls:BreadcrumbBarItem>
                            <winuiControls:BreadcrumbBarItem.ContentTemplate>
                                <DataTemplate x:DataType="viewModelData:BreadcrumbNavigationItemViewModel">
                                    <StackPanel
                                        Margin="8,0"
                                        Orientation="Horizontal"
                                        Spacing="8">
                                        <Border
                                            Width="24"
                                            Height="24"
                                            Background="{x:Bind helpers:XamlHelpers.GetWizardStepBadgeBrush(IsActive), Mode=OneWay}"
                                            CornerRadius="12">
                                            <TextBlock
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                FontSize="11"
                                                FontWeight="SemiBold"
                                                Foreground="{x:Bind helpers:XamlHelpers.GetWizardStepNumberForeground(IsActive), Mode=OneWay}"
                                                Text="{x:Bind StepNumber, Mode=OneWay}" />
                                        </Border>
                                        <TextBlock
                                            VerticalAlignment="Center"
                                            FontWeight="{x:Bind helpers:XamlHelpers.GetFontWeightBySyncState(IsActive), Mode=OneWay}"
                                            Style="{StaticResource BodyTextBlockStyle}"
                                            Text="{x:Bind Title, Mode=OneWay}" />
                                    </StackPanel>
                                </DataTemplate>
                            </winuiControls:BreadcrumbBarItem.ContentTemplate>
                        </winuiControls:BreadcrumbBarItem>
                    </DataTemplate>
                </winuiControls:BreadcrumbBar.ItemTemplate>
            </winuiControls:BreadcrumbBar>
        </Border>

        <Frame x:Name="WizardFrame" Grid.Row="1" />
    </Grid>
</abstract:WelcomeHostPageAbstract>
