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

<MyGUI type="Layout">
    <Widget type="Window" skin="MW_Dialog" layer="Windows" position="0 0 560 410" name="_Main">

        <Widget type="TextBox" skin="SandText" position="8 8 60 24">
            <Property key="Caption" value="#{sName}"/>
            <Property key="TextAlign" value="Center"/>
        </Widget>

        <Widget type="EditBox" skin="MW_TextEdit" position="76 8 250 24" name="NameEdit"/>

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

        <!-- Apparatus bar -->
        <Widget type="Widget" skin="" position="270 66 230 50">
            <Widget type="Widget" skin="MW_Box" position="0 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Apparatus1"/>
            </Widget>

            <Widget type="Widget" skin="MW_Box" position="60 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Apparatus2"/>
            </Widget>

            <Widget type="Widget" skin="MW_Box" position="120 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Apparatus3"/>
            </Widget>

            <Widget type="Widget" skin="MW_Box" position="180 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Apparatus4"/>
            </Widget>
        </Widget>

        <Widget type="TextBox" skin="SandText" position="8 40 140 24">
            <Property key="Caption" value="#{sIngredients}"/>
            <Property key="TextAlign" value="Left"/>
        </Widget>

        <!-- Used ingredients bar -->
        <Widget type="Widget" skin="" position="8 66 230 50">
            <Widget type="Widget" skin="MW_Box" position="0 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Ingredient1"/>
            </Widget>

            <Widget type="Widget" skin="MW_Box" position="60 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Ingredient2"/>
            </Widget>

            <Widget type="Widget" skin="MW_Box" position="120 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Ingredient3"/>
            </Widget>

            <Widget type="Widget" skin="MW_Box" position="180 0 50 50">
                <Widget type="ImageBox" skin="ImageBox" position="9 9 32 32" name="Ingredient4"/>
            </Widget>
        </Widget>

        <!-- Available ingredients -->
        <Widget type="ItemView" skin="MW_ItemView" position="8 126 247 238" name="ItemView" align="Left Top Stretch">
        </Widget>

        <!-- Created effects -->
        <Widget type="TextBox" skin="SandText" position="270 123 200 24">
            <Property key="Caption" value="#{sCreatedEffects}"/>
            <Property key="TextAlign" value="Left"/>
        </Widget>
        <Widget type="Widget" skin="MW_Box" position="270 149 270 214">
            <Widget type="Widget" skin="" position="4 4 262 204" name="CreatedEffects"/>
        </Widget>

        <!-- Buttons -->
        <Widget type="HBox" skin="" position="160 370 380 24">
            <Widget type="Widget">
                <UserString key="HStretch" value="true"/>
            </Widget>
            <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>