<?xml version="1.0" encoding="UTF-8"?>

<MyGUI type="Layout">
    <Widget type="Window" skin="MW_Window_NoCaption" layer="Windows" align="Center" position="0 0 588 444" name="_Main">
       <Property key="MinSize" value="425 360"/>

        <!-- Name -->

        <Widget type="TextBox" skin="SandText" position="10 8 65 30">
            <Property key="Caption" value="#{sName}"/>
            <Property key="TextAlign" value="Left"/>
        </Widget>

        <Widget type="EditBox" skin="MW_TextEdit" position="70 8 492 30" align="Top Left HStretch" name="NameEdit">
        </Widget>


        <!-- Apparatus -->

        <Widget type="TextBox" skin="SandText" position="10 40 260 24">
            <Property key="Caption" value="#{sApparatus}"/>
            <Property key="TextAlign" value="Left"/>
        </Widget>

        <Widget type="Widget" skin="" position="10 66 260 50">

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="0 0 50 50" name="Apparatus1"/>

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="60 0 50 50" name="Apparatus2"/>

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="120 0 50 50" name="Apparatus3"/>

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="180 0 50 50" name="Apparatus4"/>

        </Widget>


        <!-- Used Ingredients -->

        <Widget type="TextBox" skin="SandText" position="10 120 260 24">
            <Property key="Caption" value="#{sIngredients}"/>
            <Property key="TextAlign" value="Left"/>
        </Widget>

        <Widget type="Widget" skin="" position="10 146 260 50">

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="0 0 50 50" name="Ingredient1"/>

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="60 0 50 50" name="Ingredient2"/>

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="120 0 50 50" name="Ingredient3"/>

            <Widget type="ItemWidget" skin="MW_ItemIconBox" position="180 0 50 50" name="Ingredient4"/>

        </Widget>


        <!-- Available Ingredients -->

        <Widget type="ItemView" skin="MW_ItemView" position="10 206 552 158" name="ItemView" align="Left Top Stretch"/>


        <!-- Created Effects -->

        <Widget type="TextBox" skin="SandText" position="250 40 320 24">
            <Property key="Caption" value="#{sCreatedEffects}"/>
            <Property key="TextAlign" value="Left"/>
        </Widget>

        <Widget type="Widget" skin="MW_Box" position="250 66 312 130" align="Top Left HStretch">
            <Widget type="Widget" skin="" position="4 4 316 122" name="CreatedEffects" align="HStretch"/>
        </Widget>


        <!-- Buttons -->

        <Widget type="HBox" skin="" position="10 374 552 28" align="Bottom HStretch">
            <Widget type="AutoSizedButton" skin="MW_Button" name="DecreaseButton">
                <Property key="Caption" value=" - "/>
                <Property key="NeedKey" value="false"/>
            </Widget>

            <Widget type="NumericEditBox" skin="MW_TextEdit" position="0 0 96 25" name="BrewCount">
                <Property key="TextAlign" value="Center"/>
            </Widget>

            <Widget type="AutoSizedButton" skin="MW_Button" name="IncreaseButton">
                <Property key="Caption" value=" + "/>
                <Property key="NeedKey" value="false"/>
            </Widget>

            <Widget type="Spacer"/>

            <Widget type="AutoSizedButton" skin="MW_Button" name="CreateButton">
                <Property key="Caption" value="#{sCreate}"/>
            </Widget>

            <Widget type="AutoSizedButton" skin="MW_Button" name="CancelButton">
                <Property key="Caption" value="#{sCancel}"/>
            </Widget>

        </Widget>

    </Widget>
</MyGUI>