<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
    <div x="0" y="1%" width="100%" height="99%" layout="vertical-row" >
        <header id="title" text_align="center" height="8%" width="80%" align="center" I18N="In the server creation screen" text="Server Creation"/>
        <spacer width="100%" height="1%"/>

        <box proportion="1" width="89%" layout="vertical-row" align="center">

            <div width="100%" height="fit" layout="horizontal-row" >
                <label proportion="1" text_align="left" I18N="In the server creation screen" text="Name of the server"/>
                <textbox proportion="1" id="name" I18N="In the server creation screen"/>
            </div>

            <spacer height="1%" width="20"/>

            <div width="100%" height="fit" layout="horizontal-row" >
                <label proportion="1" text_align="left" I18N="In the server creation screen" text="Max. number of players"/>
                <gauge id="max_players" proportion="1" min_value="2"/>
            </div>

            <spacer height="1%" width="20"/>

            <div width="100%" height="fit" layout="horizontal-row" >
                <label proportion="1" text_align="left" I18N="In the server creation screen" text="Password for private server (optional)"/>
                <textbox proportion="1" id="password" I18N="In the server creation screen"/>
            </div>

            <spacer height="2%" width="20"/>

            <div width="100%" height="19%" layout="horizontal-row" >
                <label align="center" text_align="left" I18N="In the server creation screen" text="Difficulty"/>
                <spacer width="5%" height="5"/>
                <ribbon id="difficulty" height="100%" proportion="1" align="center">
                    <icon-button id="novice" width="128" height="128" icon="gui/icons/difficulty_easy.png"
                            I18N="Difficulty" text="Novice"/>
                    <icon-button id="intermediate" width="128" height="128" icon="gui/icons/difficulty_medium.png"
                            I18N="Difficulty" text="Intermediate"/>
                    <icon-button id="expert" width="128" height="128" icon="gui/icons/difficulty_hard.png"
                            I18N="Difficulty"  text="Expert"/>
                    <icon-button id="best" width="128" height="128" icon="gui/icons/difficulty_best.png"
                            I18N="Difficulty"  text="SuperTux"/>
            </ribbon>
            </div>

            <spacer height="2%" width="20"/>

            <div width="100%" height="19%" layout="horizontal-row" >
                <label align="center" text_align="left" I18N="In the server creation screen" text="Game mode"/>
                <spacer width="5%" height="5"/>
                <ribbon id="gamemode" height="100%" proportion="1" align="center">
                    <icon-button id="normal" width="128" height="128" icon="gui/icons/mode_normal.png"
                            I18N="Multiplayer game mode" text="Normal Race"/>
                    <icon-button id="timetrial" width="128" height="128" icon="gui/icons/mode_tt.png"
                            I18N="Multiplayer game mode" text="Time Trial"/>
                    <icon-button id="3strikes" width="128" height="128" icon="gui/icons/mode_weapons.png"
                            I18N="Multiplayer game mode" text="Battle"/>
                    <icon-button id="soccer" width="128" height="128" icon="gui/icons/mode_soccer.png"
                            I18N="Multiplayer game mode" text="Soccer"/>
                </ribbon>
            </div>

            <spacer height="2%" width="20"/>

            <div width="100%" height="fit" layout="horizontal-row" >
                <label id="more-options"  proportion="1" text_align="left"/>
                <spinner id="more-options-spinner" proportion="1" wrap_around="true"/>
            </div>

            <label id="info" proportion="1" width="100%" align="center" text_align="center" word_wrap="true" text=""/>

            <buttonbar id="options" x="0" y="0" width="40%" height="15%" align="center">
                <icon-button id="create" width="64" height="64" icon="gui/icons/green_check.png"
                             I18N="In the server creation screen" text="Create" label_location="bottom"/>
                <icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
                             I18N="In the server creation screen" text="Cancel" label_location="bottom"/>
            </buttonbar>
            
            <spacer width="10" height="1f"/>

        </box>
        <spacer width="10" height="2%"/>
    </div>
</stkgui>
