<UserControl x:Class="SPC.Kiosk.PB.DetailBasketItem"
             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:uc ="clr-namespace:SPC.Kiosk.Common;assembly=SPC.Kiosk.Common"
             xmlns:local="clr-namespace:SPC.Kiosk.PB"
             mc:Ignorable="d" 
             d:DesignHeight="350" d:DesignWidth="280" >
    <UserControl.Resources>
        <uc:NumericToString x:Key="ToString" />
    </UserControl.Resources>
    <Grid x:Name="MainGrid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="260"/>
            <ColumnDefinition Width="20"/>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="0" Width="260" Height="350">
            <Grid.Background>
                <ImageBrush ImageSource="{Binding BackImage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}" />
            </Grid.Background>
            <Grid.RowDefinitions>
                <RowDefinition Height="150"/>
                <RowDefinition Height="45"/>
                <RowDefinition Height="10"/>
                <RowDefinition Height="31"/>
                <RowDefinition Height="68"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <uc:AnimationButton x:Name="ItemImage"
                                Grid.Row="0"
                                VerticalAlignment="Top"
                                Width="78"
                                Height="78"
                                NormalBrush="{Binding ItemData.ItemImage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                BrushStretch="Fill"
                                Margin="0,45,0,0"/>
            <uc:MutiLanguageTextBlock x:Name="ItemName"
                                      Grid.Row="1"
                                      VerticalAlignment="Center"
                                      TextAlignment="Center"
                                      Text="Item Name"
                                      FontFamily="NanumSquare"
                                      Foreground="Black"
                                      FontSize="21"
                                      FontWeight="Bold"
                                      TextWrapping="Wrap"
                                      Margin="5,0,5,0"
                                      MultiLanguage="{Binding ItemData.ItemName, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                      DisplayLanguage="{Binding DisplayLanguage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"/>
            <uc:MutiLanguageTextBlock x:Name="ItemOption"
                                      Grid.Row="3"
                                      VerticalAlignment="Center"
                                      TextAlignment="Center"
                                      Text=""
                                      FontFamily="NanumSquare"
                                      Foreground="#888888"
                                      FontSize="14"
                                      FontWeight="Normal"
                                      TextWrapping="Wrap"
                                      Margin="5,0,5,0"
                                      MultiLanguage="{Binding ItemData.AllOptionLabel, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                      DisplayLanguage="{Binding DisplayLanguage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"/>
            <uc:NumericCombo x:Name="ItemCountCombo"
                             Grid.Row="4"
                             Height="36"
                             TextWidth="57"
                             TextFontSize="20"
                             HorizontalAlignment="Center"
                             VerticalAlignment="Bottom"
                             BackgroungBrush="Transparent"
                             ForegroungBrush ="Black"
                             MinValue="1"
                             MaxValue="99"
                             ValueStep="1"
                             SelectedValue="{Binding ItemData.Count, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}},Mode=TwoWay}"
                             IsDropDown="False"
                             DropDownCount="5"
                             Margin="0,0,0,18"/>
            <StackPanel Orientation="Horizontal"
                    Grid.Row="5"
                    VerticalAlignment="Top"
                    HorizontalAlignment="Center">
                <uc:MutiLanguageTextBlock x:Name="ItemPriceLabel"
                                      VerticalAlignment="Center"
                                      TextAlignment="Right"
                                      Text="\"
                                      FontFamily="NanumSquare"
                                      Foreground="#1469cc"
                                      FontSize="25"
                                      FontWeight="Bold"
                                      TextWrapping="NoWrap"
                                      AutoTextTrim="True"
                                      Margin="0,0,10,0"
                                      MultiLanguage="{Binding ItemData.ItemPriceLabel, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                      DisplayLanguage="{Binding DisplayLanguage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"/>
                <uc:MutiLanguageTextBlock x:Name="ItemPrice"
                                      TextAlignment="Right"
                                      Text=""
                                      FontFamily="NanumSquare"
                                      Foreground="#1c69cc"
                                      FontSize="25"
                                      FontWeight="Bold"
                                      TextWrapping="NoWrap"
                                      />
            </StackPanel>
            <uc:AnimationButton x:Name="DeleteItem"
                                Grid.Row="0"
                                VerticalAlignment="Top"
                                HorizontalAlignment="Right"
                                Width="54"
                                Height="54"
                                NormalBrush="{Binding DeleteImageData, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                DownBrush="{Binding DeleteDownImageData, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                MouseClicked="DeleteItem_MouseClicked"
                                Margin="0,10,10,0"/>
            <uc:AnimationButton x:Name="OptionChange"
                                Grid.Row="0"
                                VerticalAlignment="Top"
                                HorizontalAlignment="Left"
                                Width="78"
                                Height="27"
                                NormalBrush="{Binding OptionImageData, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                ClickAnimationType="SizeDown"
                                TextVisible="Visible"
                                Text="옵션변경"
                                TextFontSize="15"
                                TextForeground="White"
                                TextFontFamily="NanumSquare"
                                TextFontWeight="Bold"
                                Margin="18,18,0,0"
                                LanguageText="{Binding OptionButtonLabel, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                DisplayLanguage="{Binding DisplayLanguage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:DetailBasketItem}}}"
                                MouseClicked ="OptionChange_MouseClicked"/>
        </Grid>
    </Grid>
</UserControl>
