<UserControl x:Class="FasdDesktopUi.Basics.UserControls.PauseCaseOverlay"
             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" 
             xmlns:vc="clr-namespace:FasdDesktopUi.Basics.Converter"
             xmlns:wpfanimated="http://wpfanimatedgif.codeplex.com"
             xmlns:ico="clr-namespace:FasdDesktopUi.Basics.UserControls.AdaptableIcon;assembly=F4SD-AdaptableIcon"       
             xmlns:local="clr-namespace:FasdDesktopUi.Basics.UserControls"
             mc:Ignorable="d" IsVisibleChanged="UserControl_IsVisibleChanged" 
             >
    <UserControl.Resources>
        <vc:LanguageDefinitionsConverter x:Key="LanguageConverter" />
    </UserControl.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <StackPanel Grid.Row="0"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center" >

            <Grid>
                <Image Name="HeroGif"                        
                   Width="350"
                   Height="250"
                   Source="/Resources/F4SD_logo_reverse.gif"
                   wpfanimated:ImageBehavior.RepeatBehavior="0:0:1"
                   wpfanimated:ImageBehavior.AnimateInDesignMode="false"
                   wpfanimated:ImageBehavior.AutoStart="true"
                   wpfanimated:ImageBehavior.AnimationSpeedRatio="2"/>
            </Grid>

            <TextBlock Margin="40 -35 0 0"                                  
                       FontSize="25"  
                       FontWeight="Bold"                       
                       Foreground="{DynamicResource Color.Menu.Icon}"
                       HorizontalAlignment="Center"
                       Text="{Binding Converter={StaticResource LanguageConverter}, ConverterParameter=PausePage.Paused}"/>
        </StackPanel>

        <StackPanel Grid.Row="1"
                    Orientation="Horizontal"
                    HorizontalAlignment="Center"
                    Margin="35 0 0 0"
                    Cursor="Hand"
                    MouseLeftButtonUp="PlayButton_MouseLeftButtonUp" TouchDown="StackPanel_TouchDown"
                    >

            <ico:AdaptableIcon     IconHeight="50"
                                   IconWidth="50"
                                   SelectedMaterialIcon="ic_play_circle_filled"
                                   IconBackgroundColor="Transparent">

                <ico:AdaptableIcon.Resources>
                    <Style TargetType="ico:AdaptableIcon"
                                   BasedOn="{StaticResource Menu.MenuBar.PinnedIcon.Pinned}">
                        <Setter Property="PrimaryIconColor"
                                        Value="{DynamicResource FontColor.Menu.Categories}"/>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorLevel=1, AncestorType=StackPanel}, Path=IsMouseOver}" 
                                                 Value="True">
                                <Setter Property="PrimaryIconColor" 
                                                Value="{DynamicResource FontColor.Menu.Categories.Hover}"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </ico:AdaptableIcon.Resources>
            </ico:AdaptableIcon>

            <TextBlock Text="{Binding Converter={StaticResource LanguageConverter}, ConverterParameter=PausePage.Continue}"          
                           HorizontalAlignment="Center"
                           VerticalAlignment="Center">

                <TextBlock.Resources>
                    <Style TargetType="TextBlock">
                        <Setter Property="FontSize"  
                                    Value="16"/>
                        <Setter Property="Foreground" 
                                    Value="{DynamicResource FontColor.Menu.Categories}"/>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorLevel=1, AncestorType=StackPanel}, Path=IsMouseOver}" 
                                             Value="True">
                                <Setter Property="Foreground" 
                                            Value="{DynamicResource FontColor.Menu.Categories.Hover}"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Resources>
            </TextBlock>
        </StackPanel>
    </Grid>
</UserControl>
