<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:XXX.Controls"
    xmlns:models="using:XXX.Models"
    xmlns:converters="using:appfactory.core.converters"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
    xmlns:interactions="using:Microsoft.Xaml.Interactions.Core"
    xmlns:Media="using:Microsoft.Xaml.Interactions.Media"
    mc:Ignorable="d">

    <Style TargetType="local:PageLayout">
        <Setter Property="Background" Value="White" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="local:PageLayout">
                    <Grid Background="White">
                        <Grid.Resources>
                            <Storyboard x:Key="ShowPopup">
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="popup">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                                    <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1" />
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>

                            <Storyboard  x:Key="HidePopup">
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="popup">
                                    <SplineDoubleKeyFrame KeyTime="0" Value="1" />
                                    <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="0" />
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </Grid.Resources>

                        <Grid Margin="30" x:Name="snappedMode" Visibility="Collapsed">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="100" />
                                <RowDefinition Height="100" />
                                <RowDefinition Height="30" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="1" Text="We need a little more room" Foreground="{StaticResource PrimaryRedColourBrush}" FontSize="{StaticResource LargeFontSize}" />
                            <TextBlock Grid.Row="3" Style="{StaticResource Base}" TextWrapping="WrapWholeWords" Text="XXXX" />
                        </Grid>
                        <Viewbox x:Name="fullMode">
                            <Grid Width="1920" Height="1080" Background="{TemplateBinding Background}">
                                <Grid.Resources>
                                    <converters:BoolToVisibility x:Key="BoolToVisibility" />
                                </Grid.Resources>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="120" />
                                    <ColumnDefinition Width="215" />
                                    <ColumnDefinition Width="1260" />
                                    <ColumnDefinition Width="325" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="60" />
                                    <RowDefinition Height="135" />
                                    <RowDefinition Height="690" />
                                    <RowDefinition Height="60" />
                                    <RowDefinition Height="135" />
                                </Grid.RowDefinitions>

                                <Button Grid.Row="1" Grid.Column="0" Style="{StaticResource BackButton}" Command="{TemplateBinding GoBack}" DataContext="{TemplateBinding ShowBackButton}" Visibility="{Binding Converter={StaticResource BoolToVisibility}}" />
                                <Grid Grid.Row="1" Grid.ColumnSpan="3" Grid.Column="1" Margin="20,0,0,0" HorizontalAlignment="Left">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="70" />
                                        <RowDefinition Height="70" />
                                    </Grid.RowDefinitions>
                                    <TextBlock Grid.Row="0" Style="{StaticResource TitleHeader}" Text="{TemplateBinding Title}" />
                                    <TextBlock Width="1100" HorizontalAlignment="Left" Grid.Row="1" Style="{StaticResource SubTitleTextBlock}" Text="{TemplateBinding SubTitle}" TextWrapping="Wrap" />
                                </Grid>
                                <Grid Grid.Row="1" Grid.Column="3" VerticalAlignment="Top" Margin="0,20,0,0">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="1*" />
                                        <ColumnDefinition Width="4*" />
                                        <ColumnDefinition Width="1*" />
                                        <ColumnDefinition Width="4*" />
                                        <ColumnDefinition Width="3*" />
                                    </Grid.ColumnDefinitions>
                                    <local:TextButton Grid.Column="1" DataContext="{TemplateBinding ShowHelp}" Visibility="{Binding Converter={StaticResource BoolToVisibility}}" Content="Help" FontSize="{StaticResource SlightlyBiggerFontSize}" Command="{TemplateBinding PageHelp}" />
                                    <local:TextButton Grid.Column="3" DataContext="{TemplateBinding ShowExit}" Visibility="{Binding Converter={StaticResource BoolToVisibility}}" Content="Exit" FontSize="{StaticResource SlightlyBiggerFontSize}" Command="{TemplateBinding PageExit}" />
                                </Grid>

                                <ContentPresenter Grid.Column="2" Grid.Row="0" Grid.RowSpan="2" VerticalAlignment="Bottom" Content="{TemplateBinding Header}" />
                                <ContentPresenter Grid.Row="2" Grid.Column="2" Width="1260" Height="690"  Content="{TemplateBinding Content}">
                                    <ContentPresenter.Transitions>
                                        <TransitionCollection>
                                            <EntranceThemeTransition />
                                        </TransitionCollection>
                                    </ContentPresenter.Transitions>
                                </ContentPresenter>
                                <ContentPresenter Grid.Column="2" Grid.Row="3" Grid.RowSpan="2" VerticalAlignment="Top" Content="{TemplateBinding Footer}" />

                                <Popup x:Name="popup" Width="1920" Height="1080" IsOpen="{TemplateBinding PopupOpen}" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="4" Grid.RowSpan="5">
                                    <interactivity:Interaction.Behaviors>
                                        <interactions:DataTriggerBehavior Binding="{Binding IsOpen, ElementName=popup}" Value="True">
                                            <Media:ControlStoryboardAction Storyboard="{StaticResource ShowPopup}" />
                                        </interactions:DataTriggerBehavior>
                                        <interactions:DataTriggerBehavior Binding="{Binding IsOpen, ElementName=popup}" Value="False">
                                            <Media:ControlStoryboardAction Storyboard="{StaticResource HidePopup}" />
                                        </interactions:DataTriggerBehavior>
                                    </interactivity:Interaction.Behaviors>

                                    <Border Width="1920" Height="1080" Background="#A5000000">
                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Content="{TemplateBinding PopupContent}" />
                                    </Border>
                                </Popup>

                                <Popup x:Name="loadingPopup" Width="1920" Height="1080" IsOpen="{TemplateBinding LoadingPopupOpen}" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="4" Grid.RowSpan="5">
                                    <interactivity:Interaction.Behaviors>
                                        <interactions:DataTriggerBehavior Binding="{Binding IsOpen, ElementName=popup}" Value="True">
                                            <Media:ControlStoryboardAction Storyboard="{StaticResource ShowPopup}" />
                                        </interactions:DataTriggerBehavior>
                                        <interactions:DataTriggerBehavior Binding="{Binding IsOpen, ElementName=popup}" Value="False">
                                            <Media:ControlStoryboardAction Storyboard="{StaticResource HidePopup}" />
                                        </interactions:DataTriggerBehavior>
                                    </interactivity:Interaction.Behaviors>

                                    <Border Width="1920" Height="1080" Background="#A5000000">
                                        <ProgressRing IsActive="True" Foreground="{StaticResource SecondaryRedColourBrush}" Width="300" Height="300" />
                                    </Border>
                                </Popup>
                            </Grid>
                        </Viewbox>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>