<UserControl x:Class="FasdDesktopUi.Pages.SlimPage.UserControls.SlimPageWidgetCollection"
             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"
             xmlns:converter="clr-namespace:FasdDesktopUi.Basics.Converter"
             mc:Ignorable="d"
             x:Name="WidgetCollection"
             d:DesignHeight="450"
             d:DesignWidth="800"
             Initialized="WidgetCollection_Initialized"
             Loaded="WidgetCollection_Loaded"
             MouseUp="WidgetCollection_MouseUp"
             TouchDown="WidgetCollection_TouchDown">

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

    <Grid>

        <Border x:Name="ValueBorder"
                CornerRadius="7.5 7.5 0 0"
                Background="{DynamicResource BackgroundColor.SlimPage.WidgetCollection}"
                Padding="10"
                Cursor="Hand">

            <StackPanel>
                <Grid x:Name="HeaderGrid">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <StackPanel x:Name="UserStack"
                                Orientation="Horizontal">
                        <ico:AdaptableIcon x:Name="UserIcon"
                                           Style="{DynamicResource SlimPage.Widget.Header.Icon}"
                                           SelectedInternIcon="misc_user" />
                    </StackPanel>

                    <StackPanel x:Name="ComputerStack"
                                Orientation="Horizontal"
                                Grid.Column="1">
                        <ico:AdaptableIcon x:Name="ComputerIcon"
                                           Style="{DynamicResource SlimPage.Widget.Header.Icon}"
                                           SecondaryIconColor="{DynamicResource Color.FunctionMarker}"
                                           SelectedInternIcon="misc_computer" />
                    </StackPanel>

                </Grid>

                <Grid x:Name="WidgetGrid">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <StackPanel Grid.Column="0" />
                    <StackPanel Grid.Column="1" />
                </Grid>
            </StackPanel>
        </Border>

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

    </Grid>

</UserControl>
