<Window x:Class="LatihanWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://s...content-available-to-author-only...s.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LatihanWPF"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Label Content="THE CASHIER" HorizontalAlignment="Left" Margin="55,30,0,0" VerticalAlignment="Top" Width="237" FontWeight="Bold" FontSize="36" RenderTransformOrigin="0.5,0.5">
            <Label.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform AngleY="-0.243"/>
                    <RotateTransform/>
                    <TranslateTransform Y="-0.496"/>
                </TransformGroup>
            </Label.RenderTransform>
        </Label>
        <Label Content="Item" HorizontalAlignment="Left" Margin="56,96,0,0" VerticalAlignment="Top" FontSize="18"/>
        <Label Content="Tipe" HorizontalAlignment="Left" Margin="56,135,0,0" VerticalAlignment="Top" FontSize="18"/>
        <Label Content="Jumlah" HorizontalAlignment="Left" Margin="56,174,0,0" VerticalAlignment="Top" FontSize="18"/>
        <Label Content="Harga (RP)" HorizontalAlignment="Left" Margin="56,213,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.526,-0.345" FontSize="18"/>
        <ComboBox x:Name="typeBox" HorizontalAlignment="Left" Margin="175,141,0,0" VerticalAlignment="Top" Width="120">
            <ComboBoxItem>Barang</ComboBoxItem>
            <ComboBoxItem IsSelected="True">Jasa</ComboBoxItem>
        </ComboBox>
        <TextBox x:Name="itemNameBox" HorizontalAlignment="Left" Margin="175,104,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" TextChanged="itemNameBox_TextChanged"/>
        <TextBox x:Name="quantityBox" HorizontalAlignment="Left" Margin="175,182,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120"/>
        <TextBox x:Name="priceBox" HorizontalAlignment="Left" Margin="175,221,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120"/>
        <Button x:Name="addButton" Content="Tambahkan" HorizontalAlignment="Left" Margin="220,255,0,0" VerticalAlignment="Top" Height="30" Width="75" Click="AddButton_Click"/>
        <ListBox x:Name="listBox" HorizontalAlignment="Left" Height="217" Margin="342,135,0,0" VerticalAlignment="Top" Width="344">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid Margin="0,2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="75" />
                            <ColumnDefinition Width="75" />
                            <ColumnDefinition Width="75" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Column="0" Text="{Binding title}" TextAlignment="Left" />
                        <TextBlock Grid.Column="1" Text="{Binding quantity}"  TextAlignment="Right"  />
                        <TextBlock Grid.Column="2" Text="{Binding price}"  TextAlignment="Right" />
                        <TextBlock Grid.Column="3" Text="{Binding subtotal}" TextAlignment="Right" />
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <ListBox HorizontalAlignment="Left" Height="27" Margin="342,103,0,0" VerticalAlignment="Top" Width="344">
            <Grid Margin="0,2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"  />
                    <ColumnDefinition Width="75" />
                    <ColumnDefinition Width="75" />
                    <ColumnDefinition Width="75" />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="Item"  TextAlignment="Center"/>
                <TextBlock Grid.Column="1" Text="quantity"  TextAlignment="Center"/>
                <TextBlock Grid.Column="2" Text="price" TextAlignment="Center"/>
                <TextBlock Grid.Column="3" Text="subtotal" TextAlignment="Center"/>
            </Grid>
        </ListBox>
        <Label Content="Total" HorizontalAlignment="Left" Margin="56,348,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.526,-0.345" FontSize="18"/>
        <Label x:Name="totalLabel" Content="Rp 0" HorizontalAlignment="Left" Margin="175,348,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.526,-0.345" FontSize="18"/>

    </Grid>
</Window>
