Add initial mail sync range selection

Wino.Mail.WinUI/Views/Account/AccountDetailsPage.xaml

@@ -210,6 +210,13 @@
                         </TransitionCollection>
                     </StackPanel.ChildrenTransitions>
 
+                    <muxc:InfoBar
+                        IsOpen="True"
+                        Margin="0,0,0,8"
+                        Message="{x:Bind ViewModel.InitialSynchronizationSummary, Mode=OneWay}"
+                        Severity="Informational"
+                        Title="{x:Bind domain:Translator.AccountDetailsPage_InitialSynchronization_Title}"
+                        Visibility="{x:Bind ViewModel.IsInitialSynchronizationSummaryVisible, Mode=OneWay}" />
 
                     <controls:SettingsCard
                         Command="{x:Bind ViewModel.EditAliasesCommand}"

Wino.Mail.WinUI/Views/ProviderSelectionPage.xaml

@@ -10,15 +10,12 @@
     xmlns:helpers="using:Wino.Helpers"
     xmlns:interfaces="using:Wino.Core.Domain.Interfaces"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
     mc:Ignorable="d">
 
-    <ScrollViewer
-        HorizontalAlignment="Center"
-        VerticalAlignment="Center"
-        VerticalScrollBarVisibility="Auto">
+    <ScrollViewer HorizontalAlignment="Center" VerticalScrollBarVisibility="Auto">
         <StackPanel
-            MaxWidth="480"
-            Margin="0,24,0,24"
+            Margin="0,12"
             HorizontalAlignment="Stretch"
             Spacing="20">
 
@@ -76,6 +73,50 @@
                 </Button>
             </Grid>
 
+            <Border
+                MaxWidth="600"
+                Padding="12"
+                Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                BorderThickness="1"
+                CornerRadius="8">
+                <StackPanel Spacing="10">
+                    <StackPanel Spacing="2">
+                        <TextBlock FontWeight="SemiBold" Text="{x:Bind domain:Translator.AccountCreation_InitialSynchronization_Title}" />
+                        <TextBlock
+                            Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                            Style="{StaticResource CaptionTextBlockStyle}"
+                            Text="{x:Bind domain:Translator.AccountCreation_InitialSynchronization_Description}"
+                            TextWrapping="WrapWholeWords" />
+                    </StackPanel>
+
+                    <ListView
+                        HorizontalAlignment="Center"
+                        HorizontalContentAlignment="Stretch"
+                        ItemsSource="{x:Bind ViewModel.InitialSynchronizationRanges, Mode=OneWay}"
+                        SelectedItem="{x:Bind ViewModel.SelectedInitialSynchronizationRange, Mode=TwoWay}">
+                        <ListView.ItemsPanel>
+                            <ItemsPanelTemplate>
+                                <ItemsStackPanel Orientation="Horizontal" />
+                            </ItemsPanelTemplate>
+                        </ListView.ItemsPanel>
+                        <ListView.ItemTemplate>
+                            <DataTemplate x:DataType="accounts:InitialSynchronizationRangeOption">
+                                <TextBlock Text="{x:Bind DisplayText}" />
+                            </DataTemplate>
+                        </ListView.ItemTemplate>
+                    </ListView>
+
+                    <muxc:InfoBar
+                        Title="{x:Bind domain:Translator.GeneralTitle_Warning}"
+                        Margin="0,2,0,0"
+                        IsOpen="True"
+                        Message="{x:Bind domain:Translator.AccountCreation_InitialSynchronization_EverythingWarning}"
+                        Severity="Warning"
+                        Visibility="{x:Bind ViewModel.IsInitialSynchronizationWarningVisible, Mode=OneWay}" />
+                </StackPanel>
+            </Border>
+
             <!--  Provider List  -->
             <ItemsView
                 HorizontalContentAlignment="Stretch"