<UserControl
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Visibility="Collapsed"
  xmlns:vsm="using:Windows.UI.Xaml" Name="DialogBox" x:Uid="Layout">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.ThemeDictionaries>
                <ResourceDictionary x:Key="Default">
                    <!-- Default theme resources -->
                    <x:Double x:Key="ContentFontSize">14.667</x:Double>
                    <x:Double x:Key="HeaderMediumFontSize">26.667</x:Double>
                    <SolidColorBrush x:Key="ReaderControlBackgroundBrush" Color="#B3B6B6B6"/>
                    <SolidColorBrush x:Key="ReaderControlForegroundBrush" Color="#FF212121"/>
                    <SolidColorBrush x:Key="ReaderControlNormalStrokeBrush" Color="#B3B6B6B6"/>
                    <SolidColorBrush x:Key="ReaderControlPressedFillBrush" Color="#FF212121"/>
                    <SolidColorBrush x:Key="ReaderControlPressedStrokeBrush" Color="#FF212121"/>
                    <SolidColorBrush x:Key="DialogBackgroundBrush" Color="#73000000"/>
                    <SolidColorBrush x:Key="DialogBorderBrush" Color="White"/>
                    <SolidColorBrush x:Key="DialogForegroundBrush" Color="White"/>
                    <SolidColorBrush x:Key="ReaderAccentBrush" Color="#FFD24726"/>
                    <SolidColorBrush x:Key="ReaderAccentHoverBrush" Color="#FFD96246"/>
                    <SolidColorBrush x:Key="ReaderButtonMouseOverFillBrush" Color="#D1CDCDCD"/>
                    <SolidColorBrush x:Key="ReaderButtonMouseOverStrokeBrush" Color="#D1CDCDCD"/>
                    <SolidColorBrush x:Key="ReaderControlPressedTextBrush" Color="#FFFFFFFF"/>
                    <SolidColorBrush x:Key="ReaderLightForegroundBrush" Color="White"/>
                    <SolidColorBrush x:Key="ReaderLightPrimaryTextColor" Color="Black"/>
                </ResourceDictionary>
                <ResourceDictionary x:Key="HighContrast">
                    <!-- High Contrast theme resources -->
                    <x:Double x:Key="ContentFontSize">14.667</x:Double>
                    <x:Double x:Key="HeaderMediumFontSize">26.667</x:Double>
                    <SolidColorBrush x:Key="ReaderControlBackgroundBrush" Color="{StaticResource SystemColorButtonFaceColor}"/>
                    <SolidColorBrush x:Key="ReaderControlForegroundBrush" Color="{StaticResource SystemColorButtonTextColor}"/>
                    <SolidColorBrush x:Key="ReaderControlNormalStrokeBrush" Color="{StaticResource SystemColorButtonTextColor}"/>
                    <SolidColorBrush x:Key="ReaderControlPressedFillBrush" Color="{StaticResource SystemColorButtonFaceColor}"/>
                    <SolidColorBrush x:Key="ReaderControlPressedStrokeBrush" Color="{StaticResource SystemColorButtonFaceColor}"/>
                    <SolidColorBrush x:Key="DialogBackgroundBrush" Color="#73000000"/>
                    <SolidColorBrush x:Key="DialogBorderBrush" Color="{StaticResource SystemColorButtonTextColor}"/>
                    <SolidColorBrush x:Key="DialogForegroundBrush" Color="{StaticResource SystemColorButtonFaceColor}"/>
                    <SolidColorBrush x:Key="ReaderAccentBrush" Color="{StaticResource SystemColorHighlightColor}"/>
                    <SolidColorBrush x:Key="ReaderAccentHoverBrush" Color="{StaticResource SystemColorHighlightColor}"/>
                    <SolidColorBrush x:Key="ReaderButtonMouseOverFillBrush" Color="{StaticResource SystemColorHighlightColor}"/>
                    <SolidColorBrush x:Key="ReaderButtonMouseOverStrokeBrush" Color="{StaticResource SystemColorHighlightColor}"/>
                    <SolidColorBrush x:Key="ReaderControlPressedTextBrush" Color="{StaticResource SystemColorButtonFaceColor}"/>
                    <SolidColorBrush x:Key="ReaderLightForegroundBrush" Color="{StaticResource SystemColorHighlightTextColor}"/>
                    <SolidColorBrush x:Key="ReaderLightPrimaryTextColor" Color="{StaticResource SystemColorButtonTextColor}"/>
                </ResourceDictionary>
            </ResourceDictionary.ThemeDictionaries>
        </ResourceDictionary>

        <Style x:Name="DefaultButtonStyle" TargetType="Button">
            <Setter Property="Background" Value="{StaticResource ReaderAccentBrush}"/>
            <Setter Property="MinWidth" Value="90"/>
            <Setter Property="MinHeight" Value="32"/>
            <Setter Property="Foreground" Value="{StaticResource ReaderLightForegroundBrush}"/>
            <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
            <Setter Property="FontSize" Value="{StaticResource ContentFontSize}"/>
						<Setter Property="FontWeight" Value="SemiBold"/>
            <Setter Property="Padding" Value="12,5,12,4"/>
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="BorderThickness" Value="2"/>
            <Setter Property="BorderBrush" Value="{StaticResource ReaderAccentBrush}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="PointerOver">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverBorder" />
                                            <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PressedBorder" />
                                            <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled"/>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite" />
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused"/>
                                    <VisualState x:Name="PointerFocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid Margin="3" MinHeight="{TemplateBinding MinHeight}" MinWidth="{TemplateBinding MinWidth}">
                                <Border x:Name="Background" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
                                <Border x:Name="MouseOverBorder" BorderThickness="{TemplateBinding BorderThickness}" Background="{StaticResource ReaderAccentHoverBrush}" Opacity="0" BorderBrush="{StaticResource ReaderAccentHoverBrush}"/>
                                <Border x:Name="PressedBorder" BorderThickness="{TemplateBinding BorderThickness}" Background="{StaticResource ReaderControlPressedFillBrush}" Opacity="0" BorderBrush="{StaticResource ReaderControlPressedStrokeBrush}"/>
                                <ContentPresenter x:Name="ContentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Grid>
                            <Rectangle x:Name="FocusVisualWhite" Stroke="White" Margin="0" StrokeEndLineCap="Square" StrokeDashArray="1,1" Opacity="0" StrokeDashOffset="1.5"/>
                            <Rectangle x:Name="FocusVisualBlack" Stroke="Black" Margin="0" StrokeEndLineCap="Square" StrokeDashArray="1,1" Opacity="0" StrokeDashOffset="0.5"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Name="RestButtonStyle" TargetType="Button">
            <Setter Property="Background" Value="{StaticResource ReaderControlBackgroundBrush}"/>
            <Setter Property="MinWidth" Value="90"/>
            <Setter Property="MinHeight" Value="32"/>
            <Setter Property="Foreground" Value="{StaticResource ReaderControlForegroundBrush}"/>
            <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
            <Setter Property="FontSize" Value="{StaticResource ContentFontSize}"/>
            <Setter Property="FontWeight" Value="SemiBold"/>
            <Setter Property="Padding" Value="12,5,12,4"/>
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="BorderThickness" Value="2"/>
            <Setter Property="BorderBrush" Value="{StaticResource ReaderControlNormalStrokeBrush}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="PointerOver">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverBorder" />
                                            <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PressedBorder" />
                                            <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background" />
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                                       Storyboard.TargetProperty="Foreground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ReaderControlPressedTextBrush}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled"/>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite" />
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused"/>
                                    <VisualState x:Name="PointerFocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid Margin="3" MinHeight="{TemplateBinding MinHeight}" MinWidth="{TemplateBinding MinWidth}">
                                <Border x:Name="Background" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
                                <Border x:Name="MouseOverBorder" BorderThickness="{TemplateBinding BorderThickness}" Background="{StaticResource ReaderButtonMouseOverFillBrush}" Opacity="0" BorderBrush="{StaticResource ReaderButtonMouseOverStrokeBrush}"/>
                                <Border x:Name="PressedBorder" BorderThickness="{TemplateBinding BorderThickness}" Background="{StaticResource ReaderControlPressedFillBrush}" Opacity="0" BorderBrush="{StaticResource ReaderControlPressedStrokeBrush}"/>
                                <ContentPresenter x:Name="ContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Grid>
                            <Rectangle x:Name="FocusVisualWhite" Stroke="White" Margin="0" StrokeEndLineCap="Square" StrokeDashArray="1,1" Opacity="0" StrokeDashOffset="1.5"/>
                            <Rectangle x:Name="FocusVisualBlack" Stroke="Black" Margin="0" StrokeEndLineCap="Square" StrokeDashArray="1,1" Opacity="0" StrokeDashOffset="0.5"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Storyboard x:Name="DialogShowAnimation">
            <PopInThemeAnimation Storyboard.TargetName="DialogBoxContainer" FromVerticalOffset="50" FromHorizontalOffset ="0"/>
        </Storyboard>
        <Storyboard x:Name="DialogHideAnimation">
            <PopOutThemeAnimation Storyboard.TargetName="DialogBoxContainer"/>
        </Storyboard>
    </UserControl.Resources>
    <Grid Background="{StaticResource DialogBackgroundBrush}">
        <Border x:Name="DialogBoxContainer" VerticalAlignment="Center" HorizontalAlignment="Stretch" BorderThickness="0,2" BorderBrush="{StaticResource DialogBorderBrush}">
            <Grid Background="{StaticResource DialogForegroundBrush}">
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="29*"/>
								<ColumnDefinition Width="680*"/>
								<ColumnDefinition Width="29*"/>
							</Grid.ColumnDefinitions>
							<StackPanel MaxWidth="680" VerticalAlignment="Center" Grid.Column="1">
								<TextBlock x:Name="DialogHeader" Height="Auto" FontFamily="{StaticResource ContentControlThemeFontFamily}" FontWeight="Semilight" FontSize="{StaticResource HeaderMediumFontSize}" Foreground="{StaticResource ReaderLightPrimaryTextColor}" Margin="0, 19, 0, 17" TextWrapping="Wrap"/>
								<Grid  x:Name="DialogContent">
									<StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" x:Name="DefaultDialogContent">
										<TextBlock x:Name="DialogMessage" Height="Auto" FontFamily="{StaticResource ContentControlThemeFontFamily}" FontWeight="Semilight" FontSize="{StaticResource ContentFontSize}" Foreground="{StaticResource ReaderLightPrimaryTextColor}" Margin="0, 2, 0, 20" TextWrapping="Wrap"/>
										<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Height="Auto" Margin="0, 0, 0, 20">
											<Button x:Name="OKButton" x:Uid="OKButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="SaveButton" x:Uid="SaveButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="SaveACopyButton" x:Uid="SaveACopyButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="DiscardButton" x:Uid="DiscardButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="MultiWindowSaveButton" AutomationProperties.AutomationId="SaveButton" x:Uid="EvictionSaveButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="MultiWindowDiscardButton" AutomationProperties.AutomationId="DiscardButton" x:Uid="EvictionDontSaveButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="ScriptOKButton" x:Uid="ScriptOKButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="ScriptYesButton" x:Uid="ScriptYesButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="ScriptNoButton" x:Uid="ScriptNoButton" Margin="14, 0, 0, 0"/>
											<Button x:Name="CancelButton" x:Uid="CancelButton" Margin="14, 0, -3, 0"/>
										</StackPanel>
									</StackPanel>
								</Grid>
							</StackPanel>
            </Grid>
        </Border>
    </Grid>
</UserControl>