<?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 132" 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>

        <!-- Filters -->

        <Widget type="HBox" skin="MW_Box" position="10 333 552 39" align="Bottom HStretch">
            <Property key="Padding" value="5"/>
            <Property key="Spacing" value="10"/>

            <Widget type="AutoSizedButton" skin="MW_Button" position="10 2 1 1" name="FilterType">
                <Property key="Caption" value="#{sIngredients}"/> <!-- default value, can be either sIngredients of sMagicEffects -->
            </Widget>
            <Widget type="ComboBox" skin="MW_ComboBox" position="0 2 0 24" name="FilterValue">
                <UserString key="HStretch" value="true"/>
                <Property key="ModeDrop" value="false"/>
            </Widget>
        </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>