<UserControl x:Class="FasdDesktopUi.Pages.SlimPage.UserControls.SlimPageDataHistory"
             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:FasdDesktopUi.Pages.SlimPage.UserControls"
             xmlns:ico="clr-namespace:FasdDesktopUi.Basics.UserControls.AdaptableIcon;assembly=F4SD-AdaptableIcon"
             mc:Ignorable="d"
             Name="DataHistoryUc"
             d:DesignHeight="450"
             d:DesignWidth="800"
             Cursor="Hand">

    <UserControl.Resources>
        <BooleanToVisibilityConverter x:Key="BoolToVisibility" />
    </UserControl.Resources>

    <Grid>
        <Border x:Name="ValueBorder"
                CornerRadius="7.5"
                Padding="10">
            <Border.Resources>
                <Style TargetType="Border">
                    <Setter Property="Background"
                            Value="{DynamicResource BackgroundColor.SlimPage.DataHistory}" />

                    <Style.Triggers>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=IsMouseOver}"
                                     Value="True">
                            <Setter Property="Background"
                                    Value="{DynamicResource BackgroundColor.SlimPage.DataHistory.Hover}" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Border.Resources>

            <StackPanel>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding ElementName=DataHistoryUc, Path=HistoryData.Content}"
                               Style="{DynamicResource SlimPage.DataHistory.OverviewTitle}" />

                    <ico:AdaptableIcon x:Name="LoadingIcon"
                                       IconHeight="15"
                                       IconWidth="15"
                                       BorderPadding="2.5"
                                       Margin="10 0"
                                       SelectedInternGif="loadingSpinner" />
                </StackPanel>

                <StackPanel  x:Name="MainStack"
                             Orientation="Horizontal"
                             Margin="-7.5 0"
                             Height="Auto"
                             Width="Auto">
                    <StackPanel.Resources>
                        <Style TargetType="TextBlock"
                               BasedOn="{StaticResource SlimPage.DataHistory.ColumnHeader}">
                            <Setter Property="Height"
                                    Value="15" />
                        </Style>

                        <Style TargetType="StackPanel">

                            <Setter Property="Height"
                                    Value="45" />
                            <Setter Property="Width"
                                    Value="35" />
                            <Setter Property="Margin"
                                    Value="2.5" />
                        </Style>

                        <Style TargetType="ico:AdaptableIcon">
                            <Setter Property="BorderPadding"
                                    Value="2.5" />
                            <Setter Property="IconHeight"
                                    Value="30" />
                            <Setter Property="IconWidth"
                                    Value="30" />

                            <Style.Triggers>
                                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=IconName}"
                                             Value="status_empty">
                                    <Setter Property="BorderPadding"
                                            Value="8" />
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </StackPanel.Resources>

                </StackPanel>
            </StackPanel>

        </Border>

        <Border x:Name="BlurBorder"
                Opacity="0.7"
                Visibility="{Binding IsBlurred, ElementName=DataHistoryUc, Converter={StaticResource BoolToVisibility}}"
                CornerRadius="7.5"
                Background="{DynamicResource Color.BlurBorder}"
                Height="{Binding ActualHeight, ElementName=ValueBorder}"
                Width="{Binding ActualWidth, ElementName=ValueBorder}" />
    </Grid>

</UserControl>
