<UserControl
    x:Class="was.touchcopy.features.photos.PhotosThumbnailControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:coreconverters="using:was.touchcopy.features.converters"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" Width="128" Height="128">
    <UserControl.Resources>
        <ResourceDictionary>
            <coreconverters:ValueToVisibilityConverter x:Key="ValueToVisibilityConverter" />
        </ResourceDictionary>
    </UserControl.Resources>
    <Border CornerRadius="4">
        <Grid>
            <Grid x:Name="gridLoading">
                <TextBlock x:Uid="TextBlockThumbnailLoading" Text="XX Loading..." FontStyle="Italic" FontWeight="Medium" VerticalAlignment="Center" HorizontalAlignment="Center" Opacity=".5" />
            </Grid>
            <Grid x:Name="gridHEIC" Visibility="Collapsed">
                <StackPanel VerticalAlignment="Center">
                    <TextBlock x:Uid="TextBlockThumbnailHeicTitle" Text="XX .heic Image" FontStyle="Italic" FontWeight="Medium" VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWholeWords" />
                    <TextBlock x:Uid="TextBlockThumbnailHeicDescription" Text="XX Open in Preview to view" FontSize="10px" HorizontalAlignment="Center" TextWrapping="WrapWholeWords"/>
                </StackPanel>
            </Grid>
            <Grid x:Name="gridError" Visibility="Collapsed">
                <StackPanel VerticalAlignment="Center">
                    <TextBlock x:Uid="TextBlockThumbnailErrorTitle" Text="XX No Thumbnail" FontStyle="Italic" FontWeight="Medium" VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="WrapWholeWords" />
                    <TextBlock x:Uid="TextBlockThumbnailErrorDescription" Text="XX Open in Preview to view" FontSize="10px" HorizontalAlignment="Center" TextWrapping="WrapWholeWords"/>
                </StackPanel>
            </Grid>
            <Image x:Name="image" />
            <Border x:Name="borderIcons" Visibility="Collapsed" HorizontalAlignment="Right" VerticalAlignment="Bottom" CornerRadius="4,0,0,0" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" BorderThickness="0" Padding="2">
                <StackPanel Orientation="Horizontal">
                    <Grid x:Name="gridLoved" Visibility="Collapsed">
                        <FontIcon x:Name="fontIconLoved" Glyph="&#xEB52;" Foreground="IndianRed">
                            <FontIcon.RenderTransform>
                                <ScaleTransform ScaleX="0.75" ScaleY="0.75" CenterX="6" CenterY="6" />
                            </FontIcon.RenderTransform>
                        </FontIcon>
                        <FontIcon Glyph="&#xEB51;">
                            <FontIcon.RenderTransform>
                                <ScaleTransform ScaleX="0.75" ScaleY="0.75" CenterX="6" CenterY="6" />
                            </FontIcon.RenderTransform>
                        </FontIcon>
                    </Grid>
                    <FontIcon x:Name="fontIconVideo" Visibility="Collapsed" Glyph="&#xE714;">
                        <FontIcon.RenderTransform>
                            <ScaleTransform ScaleX="0.75" ScaleY="0.75" CenterX="6" CenterY="6" />
                        </FontIcon.RenderTransform>
                    </FontIcon>
                </StackPanel>
            </Border>
            <Border x:Name="borderICloud" Visibility="Collapsed" HorizontalAlignment="Right" VerticalAlignment="Top" CornerRadius="0,0,0,4" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Padding="2">
                <StackPanel Orientation="Horizontal">
                    <FontIcon x:Name="fontIconiCloud" Glyph="&#xE753;">
                        <FontIcon.RenderTransform>
                            <ScaleTransform ScaleX="0.75" ScaleY="0.75" CenterX="6" CenterY="6" />
                        </FontIcon.RenderTransform>
                    </FontIcon>
                    <FontIcon x:Name="bitmapIconRaw" Glyph="&#xED39;">
                        <FontIcon.RenderTransform>
                            <ScaleTransform ScaleX="0.75" ScaleY="0.75" CenterX="6" CenterY="6" />
                        </FontIcon.RenderTransform>
                    </FontIcon>
                </StackPanel>
            </Border>
            <Border x:Name="borderCheckBox" Visibility="Collapsed" HorizontalAlignment="Left" VerticalAlignment="Top" CornerRadius="0,0,5,0" BorderThickness="0" Margin="0" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Width="24" Height="25" />
            <CheckBox x:Name="checkBoxSelectedForExport" Visibility="{Binding Visibility, ElementName=borderCheckBox}" Height="256" Width="128" HorizontalContentAlignment="Left" VerticalContentAlignment="Top" VerticalAlignment="Top" Checked="CheckBoxSelectedForExport_Checked" Unchecked="CheckBoxSelectedForExport_Unchecked" Margin="0,-118,-8,0" />
        </Grid>
    </Border>
</UserControl>
