<UserControl x:Class="TSManagementApp.Views.AboutView"
             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:local="clr-namespace:TSManagementApp.Views"
             xmlns:props="clr-namespace:TSManagementApp.Properties"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" Background="White">
    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition Height="40"/>
            </Grid.RowDefinitions>
            <Grid.Resources>
                <Style TargetType="TextBlock" x:Key="Title">
                    <Setter Property="HorizontalAlignment" Value="Center"/>
                    <Setter Property="FontSize" Value="30"/>
                    <Setter Property="FontWeight" Value="DemiBold"/>
                    <Setter Property="TextWrapping" Value="WrapWithOverflow"/>
                </Style>
                <Style TargetType="Separator">
                    <Setter Property="Background" Value="Transparent"/>
                    <Setter Property="Margin" Value="0,10"/>
                </Style>
                <Style TargetType="TextBlock">
                    <Setter Property="FontSize" Value="14"/>
                    <Setter Property="TextWrapping" Value="WrapWithOverflow"/>
                </Style>
                <Style TargetType="Hyperlink">
                    <Setter Property="Foreground" Value="White"/>
                    <Setter Property="FontWeight" Value="DemiBold"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Foreground" Value="Gray"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
                <Style TargetType="TextBlock" x:Key="Hyperlink">
                    <Setter Property="Margin" Value="5,0"/>
                    <Setter Property="TextWrapping" Value="WrapWithOverflow"/>
                </Style>
                <Style TargetType="TextBlock" x:Key="AppInfoType">
                    <Setter Property="FontSize" Value="14"/>
                    <Setter Property="TextAlignment" Value="Right"/>
                    <Setter Property="Width" Value="150"/>
                    <Setter Property="Margin" Value="2"/>
                    <Setter Property="Background" Value="{StaticResource LightBlue}"/>
                    <Setter Property="Padding" Value="0,0,10,0"/>
                </Style>
                <Style TargetType="TextBlock" x:Key="AppInfoValue">
                    <Setter Property="Background" Value="{StaticResource DarkBlue}"/>
                    <Setter Property="Foreground" Value="{StaticResource MyWhite}"/>
                    <Setter Property="FontSize" Value="14"/>
                    <Setter Property="TextAlignment" Value="Left"/>
                    <Setter Property="Margin" Value="2"/>
                    <Setter Property="Padding" Value="10,0,0,0"/>
                </Style>
            </Grid.Resources>
            <StackPanel Grid.Row="0">
                <TextBlock Text="{x:Static props:Resources.AboutV_AppInfo}"/>
                <Separator/>
                <Border BorderBrush="Gray" BorderThickness="2">
                    <StackPanel>
                        <DockPanel>
                            <TextBlock Text="{x:Static props:Resources.AboutV_AppName}" Style="{StaticResource AppInfoType}"/>
                            <TextBlock Text="{Binding AppName, Mode=OneWay}" Style="{StaticResource AppInfoValue}"/>
                        </DockPanel>
                        <DockPanel>
                            <TextBlock Text="{x:Static props:Resources.AboutV_AppVersion}" Style="{StaticResource AppInfoType}"/>
                            <TextBlock Text="{Binding AppVersion, Mode=OneWay}" Style="{StaticResource AppInfoValue}"/>
                        </DockPanel>
                    </StackPanel>
                </Border>
            </StackPanel>
            <StackPanel Grid.Row="1" Background="{StaticResource MediumDarkBlue}" Margin="5,0">
                <TextBlock Text="{x:Static props:Resources.AboutV_Copyright}" 
                TextAlignment="Center" Foreground="White" Margin="0,8"/>
            </StackPanel>
        </Grid>
    </ScrollViewer>
</UserControl>
