<UserControl
    x:Class="Grapecity.C1_EMenus.Controls.ItemOrderCtrl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Grapecity.C1_EMenus.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">
    <Grid Margin="20">
    <Grid BorderBrush="{StaticResource ControlBorderThemeBrush}" BorderThickness="1" CornerRadius="4">
        <Grid.RowDefinitions>
            <RowDefinition Height="55"></RowDefinition>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="55"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="180"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="165"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="0" Grid.RowSpan="4" Margin="10">
            <Image x:Name="imgItem" HorizontalAlignment="Center" VerticalAlignment="Center"></Image>
        </Grid>
        <StackPanel Grid.Column="1" Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Bottom" >
                <TextBlock x:Name="txtName" Style="{StaticResource SubtitleTextBlockStyle}" Margin="0,0,10,0"></TextBlock>
            <Grid x:Name="gridIconVeg" BorderBrush="{StaticResource GreenColorThemeBrush}" BorderThickness="1" Width="16" Height="16" Margin="2">
                    <Ellipse Fill="{StaticResource GreenColorThemeBrush}" Height="7" Width="7" HorizontalAlignment="Center"/>
            </Grid>
                <Grid x:Name="gridIconNonVeg" BorderBrush="{ThemeResource RedColorThemeBrush}" BorderThickness="1" Width="16" Height="16" Margin="2">
                    <Ellipse Fill="{ThemeResource RedColorThemeBrush}" Height="7" Width="7" HorizontalAlignment="Center"/>
            </Grid>
            <Grid x:Name="gridIconSpecial" BorderBrush="{ThemeResource ControlBorderThemeBrush}" BorderThickness="1" Width="16" Height="16" Margin="2">
                    <Path Data="M29.8,47.7c8.3,0,16.7,0,25,0c0.4,0,0.5-0.2,0.5-0.5c0-0.6,0-1.2,0-1.7c0-0.9-0.4-1.7-1.2-2.1c-1.7-0.9-3.5-1.8-5.4-2.3   c-0.3-0.1-0.7-0.2-1.1-0.3c0.4-0.3,0.3-0.7,0.2-1c-0.1-0.3-0.2-0.7-0.3-1c0-0.1,0-0.2,0.1-0.4c1.2-1.8,1.7-3.8,1.6-5.9   c0-0.8,0-1.5,0-2.3c0-0.1,0-0.2,0.2-0.3c0.7-0.6,1.1-1.4,1.1-2.3c0.2-2.4-2.2-4.5-4.7-3.6c-0.2,0.1-0.2,0.1-0.3-0.1   c-0.5-1.4-1.9-2.3-3.3-2.3c-1.3,0-2.7,1-3.2,2.3c-0.1,0.2-0.1,0.2-0.3,0.1c-0.5-0.2-1.1-0.3-1.7-0.2c-1.4,0.2-2.4,1.1-2.9,2.5   c-0.4,1.4,0,2.6,1,3.6c0.1,0.1,0.1,0.2,0.1,0.3c0,0.5,0,1,0,1.6c0,0.8,0,1.6,0,2.4c0.2,1.5,0.7,3,1.6,4.2c0.1,0.1,0.1,0.2,0.1,0.4   c-0.1,0.5-0.2,0.9-0.3,1.4c0,0.1,0,0.2,0,0.3c0,0.1,0.2,0.2,0.1,0.3c-0.1,0.1-0.3,0.1-0.4,0.1c-0.1,0-0.1,0-0.2,0   c-2.1,0.5-4,1.4-5.8,2.4c-0.8,0.4-1.2,1.2-1.2,2.1c0,0.6,0,1.2,0,1.8C29.2,47.6,29.4,47.7,29.8,47.7z M35.8,29.3   c-1.5-1.2-1.2-3.6,0.6-4.4c0.9-0.4,1.7-0.3,2.5,0.2c0.4,0.3,0.7,0.1,0.8-0.4c0.3-2.2,2.7-2.7,4.1-1.8c0.6,0.4,1,1.1,1.1,1.8   c0.1,0.5,0.4,0.6,0.8,0.3c1.5-1,3.5-0.2,4,1.5c0.3,1.1,0,2-0.9,2.7c-0.2,0.2-0.3,0.4-0.3,0.6c0,0.6,0,1.2,0,1.8   c0,0.2-0.1,0.3-0.3,0.3c-1.9,0-3.9,0-5.8,0c-1.9,0-3.8,0-5.8,0c-0.2,0-0.3-0.1-0.3-0.3c0-0.6,0-1.1,0-1.7   C36.2,29.7,36.1,29.5,35.8,29.3z M36.2,34.1c0-0.3,0-0.6,0-0.9c0-0.2,0.1-0.3,0.3-0.3c1.7,0,3.5,0,5.2,0c0.2,0,0.4,0,0.6,0   c1.9,0,3.9,0,5.8,0c0.2,0,0.3,0.1,0.3,0.3c0,1.8-0.5,3.4-1.5,4.9c-0.8,1.2-1.9,2.1-3.3,2.5c-1.7,0.5-3.2,0-4.5-1.1   C37.3,38.1,36.5,36.3,36.2,34.1z M46.9,40.3c-0.9,1.3-1.9,2.6-2.8,3.9c-0.4-0.9-0.8-1.7-1.1-2.5c-0.1-0.2,0.1-0.1,0.1-0.2   c0.9-0.1,1.7-0.5,2.5-1c0.4-0.3,0.8-0.6,1.1-1c0,0,0.1,0,0.1-0.1c0.1,0.2,0.1,0.4,0.2,0.6C47,40.2,47,40.3,46.9,40.3z M41.5,41.7   c-0.4,0.8-0.7,1.6-1.1,2.4c0,0,0,0-0.1,0.1c-0.6-0.8-1.1-1.5-1.7-2.3c-0.3-0.5-0.7-1-1-1.4c-0.2-0.2-0.2-0.4-0.1-0.6   c0.1-0.1,0.1-0.3,0.1-0.4c0.5,0.5,1.1,1,1.7,1.3c0.6,0.4,1.3,0.6,2,0.7C41.5,41.6,41.6,41.6,41.5,41.7z M30.1,45.1   c0.1-0.5,0.3-0.8,0.7-1c1.8-1,3.7-1.9,5.8-2.3c0.1,0,0.3,0,0.4-0.1c0.3-0.1,0.5,0,0.7,0.3c0.8,1.1,1.6,2.2,2.4,3.3   c0.3,0.4,0.7,0.4,0.9-0.1c0.4-0.9,0.8-1.8,1.2-2.7c0,0,0-0.1,0.1-0.1c0.4,0.8,0.7,1.6,1.1,2.4c0.1,0.2,0.2,0.4,0.2,0.5   c0.2,0.4,0.6,0.4,0.8,0.1c0.8-1.2,1.7-2.3,2.5-3.5c0.1-0.2,0.3-0.2,0.5-0.2c1.7,0.3,3.2,0.9,4.8,1.6c0.5,0.2,1,0.5,1.5,0.7   c0.6,0.3,0.9,0.8,0.9,1.4c0,0.4,0,0.8,0,1.1c0,0.2-0.1,0.2-0.3,0.2c-3.8,0-7.5,0-11.3,0c-4.2,0-8.4,0-12.5,0   c-0.3,0-0.3-0.1-0.3-0.3C30.1,46,30,45.6,30.1,45.1z" Fill="{StaticResource BlackColorThemeBrush}" Height="7" Width="7" HorizontalAlignment="Center" Stretch="UniformToFill"/>
            </Grid>
        </StackPanel>
        <StackPanel x:Name="stackPanelStar" Grid.Row="1" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Left" Margin="0,0,0,10">
            <Path Data="M0.75,7.75685 L7.75,7.625 L10,0.875 L12.125,7.6113 L19.5,7.75 L13.75,11.875 L16.0998,18.9517 L10,14.25 L4.27532,18.9382 L6.375,12.125 z" Fill="{ThemeResource ControlBorderThemeBrush}" Width="12" Height="12" Stretch="Uniform" UseLayoutRounding="False"/>
                <Path Data="M0.75,7.75685 L7.75,7.625 L10,0.875 L12.125,7.6113 L19.5,7.75 L13.75,11.875 L16.0998,18.9517 L10,14.25 L4.27532,18.9382 L6.375,12.125 z" Fill="{ThemeResource ControlBorderThemeBrush}" Width="12" Height="12" Stretch="Uniform" UseLayoutRounding="False"/>
                <Path Data="M0.75,7.75685 L7.75,7.625 L10,0.875 L12.125,7.6113 L19.5,7.75 L13.75,11.875 L16.0998,18.9517 L10,14.25 L4.27532,18.9382 L6.375,12.125 z" Fill="{ThemeResource ControlBorderThemeBrush}" Width="12" Height="12" Stretch="Uniform" UseLayoutRounding="False"/>
                <Path Data="M0.75,7.75685 L7.75,7.625 L10,0.875 L12.125,7.6113 L19.5,7.75 L13.75,11.875 L16.0998,18.9517 L10,14.25 L4.27532,18.9382 L6.375,12.125 z" Fill="{ThemeResource ControlBorderThemeBrush}" Width="12" Height="12" Stretch="Uniform" UseLayoutRounding="False"/>
                <Path Data="M0.75,7.75685 L7.75,7.625 L10,0.875 L12.125,7.6113 L19.5,7.75 L13.75,11.875 L16.0998,18.9517 L10,14.25 L4.27532,18.9382 L6.375,12.125 z" Fill="{ThemeResource ControlBorderThemeBrush}" Width="12" Height="12" Stretch="Uniform" UseLayoutRounding="False"/>
        </StackPanel>
        <TextBlock x:Name="txtDescription" TextWrapping="Wrap" Grid.Column="1" Grid.Row="2" HorizontalAlignment="Left"></TextBlock>
        <StackPanel Grid.Column="1" Grid.Row="3" Orientation="Horizontal" HorizontalAlignment="Left">
                <TextBlock x:Name="txtRPrize" Style="{StaticResource PrizeTextBlockStyle}"   Text="{StaticResource SizeRText}"></TextBlock>
                <TextBlock x:Name="txtMPrize" Style="{StaticResource PrizeTextBlockStyle}"  Text="{StaticResource SizeMText}"></TextBlock>
                <TextBlock x:Name="txtLPrize" Style="{StaticResource PrizeTextBlockStyle}"  Text="{StaticResource SizeLText}"></TextBlock>
        </StackPanel>
        <Grid Grid.Column="2" Grid.RowSpan="4">
            <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                        <ToggleButton x:Name="tglBtnRegular" Style="{StaticResource TglBtnRoundedStyle}" Content="{StaticResource SizeRText}">
                        </ToggleButton>
                        <ToggleButton x:Name="tglBtnMedium" Style="{StaticResource TglBtnRoundedStyle}" IsChecked="True" Content="{StaticResource SizeMText}">
                        </ToggleButton>
                        <ToggleButton x:Name="tglBtnLarge" Style="{StaticResource TglBtnRoundedStyle}" Content="{StaticResource SizeLText}">
                        </ToggleButton>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,0,0">
                            <Button x:Name="btnMinus" Margin="0,0,2,0" Style="{StaticResource BtnNumericStyle}" Width="24">
                                <Path x:Name="ExpandedIcon" Data="M3.875,3.875 9,3.875 9,5.125 5.125,5.125 5.125,5.125 0,5.125 0,3.875 3.875,3.875 3.875,0 z" Fill="{StaticResource WhiteColorThemeBrush}" Stretch="Uniform" Height="16" Width="16" HorizontalAlignment="Left" ></Path>
                            </Button>
                        <TextBox x:Name="txtQty" Width="60" BorderBrush="{StaticResource BlueColorThemeBrush}"></TextBox>
                            <Button x:Name="btnPlus" Margin="2,0,0,0" Style="{StaticResource BtnNumericStyle}" Width="24">
                                <Path x:Name="CollapsedIcon" Data="M3.875,0 L5.125,0 5.125,3.875 9,3.875 9,5.125 5.125,5.125 5.125,9 3.875,9 3.875,5.125 0,5.125 0,3.875 3.875,3.875 3.875,0 z"  Fill="{StaticResource WhiteColorThemeBrush}" Stretch="Uniform" Height="16" Width="16" HorizontalAlignment="Left" VerticalAlignment="Center"></Path>
                            </Button>
                    </StackPanel>
                        <Button x:Name="btnAddToCart" Content="{StaticResource AddToCartBtnText}" HorizontalAlignment="Stretch" Padding="5" Margin="0,5,0,0" VerticalAlignment="Stretch" Style="{StaticResource BtnNumericStyle}"></Button>
            </StackPanel>
        </Grid>
    </Grid>
    </Grid>
</UserControl>
