<UserControl x:Class="SPC.Kiosk.Common.AnimationButton"
             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:SPC.Kiosk.Common"
             mc:Ignorable="d" >
    <Grid x:Name="ButtonGrid"  
        Width="240"
        Height="60">
        <Grid.Background>
            <!--Button Image-->
            <ImageBrush ImageSource="C:\SPC\POS\IMAGE\menu_btn_bule_basic.png" >
                <ImageBrush.Transform>
                        <TranslateTransform Y="0"/>
                </ImageBrush.Transform>
            </ImageBrush>
        </Grid.Background>
        <!--Button Text-->
        <local:MutiLanguageTextBlock x:Name="ButtonText" 
                Background="Transparent" 
                Foreground="Black" 
                VerticalAlignment="Center" 
                HorizontalAlignment="Center"  
                FontSize="20" 
                FontWeight="Normal"  
                TextWrapping="NoWrap" 
                TextAlignment="Center" 
                Visibility="Visible"
                Text="{Binding Path=Text,RelativeSource={RelativeSource AncestorType=local:AnimationButton}}"
                MultiLanguage="{Binding Path=LanguageText,RelativeSource={RelativeSource AncestorType=local:AnimationButton}}"
                DisplayLanguage="{Binding Path=DisplayLanguage,RelativeSource={RelativeSource AncestorType=local:AnimationButton}}"/>
        <!--Circle-->
        <Ellipse x:Name="CountCircle" 
                Fill="DarkRed" 
                Width="12" 
                Height="12" 
                HorizontalAlignment="Right"
                VerticalAlignment="Top"/>
        <!--Circle Text-->
        <TextBlock x:Name="CountText" 
                Width="{Binding Width, ElementName=CountCircle}" 
                Height="{Binding Height, ElementName=CountCircle}" 
                HorizontalAlignment="{Binding HorizontalAlignment, ElementName=CountCircle}" 
                VerticalAlignment="{Binding VerticalAlignment, ElementName=CountCircle}" 
                Background="Transparent" 
                TextAlignment="Center" 
                Foreground="White" 
                FontSize="8" 
                Text="X"
                FontWeight="SemiBold"/>
        <!--Badge Image Stack-->
        <StackPanel x:Name="BadgeStack" 
                VerticalAlignment="Top"
                HorizontalAlignment="Center"
                Background="Transparent"
                Orientation="Horizontal">
            <StackPanel.RenderTransform>
                <TranslateTransform Y="0"/>
            </StackPanel.RenderTransform>
        </StackPanel>
    </Grid>
</UserControl>
