<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
    <div x="1%" y="1%" width="98%" height="98%" layout="vertical-row" >

        <header text_align="center" width="80%" align="center" text="SuperTuxKart Options"/>
        <spacer height="15" width="10"/>

        <tabs id="options_choice" height="10%" max_height="110" x="2%" width="98%" align="center">
            <icon-button id="tab_video" width="128" height="128" icon="gui/options_video.png"/>
            <icon-button id="tab_audio" width="128" height="128" icon="gui/options_audio.png"/>
            <icon-button id="tab_ui" width="128" height="128" icon="gui/options_ui.png"/>
            <icon-button id="tab_players" width="128" height="128" icon="gui/options_players.png"
                    I18N="Section in the settings menu" text="Players"/>
            <icon-button id="tab_controls" width="128" height="128" icon="gui/options_input.png"/>
        </tabs>

        <box proportion="1" width="100%" layout="vertical-row">

            <spacer height="15" width="10"/>

            <scrollable_ribbon id="players" height="120" y="10" x="10" width="98%" align="center" label_location="each"
                               square_items="true" child_width="128" child_height="128" />

            <spacer height="15" width="10"/>
            <div width="90%" align="center" layout="vertical-row" height="fit">
                <div width="100%" height="fit" layout="horizontal-row" >
                    <checkbox width="fit" id="steam" I18N="In the user screen" text_align="left"/>
                    <spacer width="10"/>
                    <label proportion="1" id="label-steam" height="100%" text_align="left"
                          I18N="In the user screen" text="Is a Steam account"/>
                </div>
                <div width="100%" height="fit" layout="horizontal-row" >
                    <checkbox width="fit" id="online" I18N="In the user screen" text_align="left"/>
                    <spacer width="10"/>
                    <label proportion="1" height="100%" text_align="left" I18N="In the user screen" text="Online"/>
                </div>
                <div width="100%" height="fit" layout="horizontal-row" >
                    <checkbox width="fit" id="remember-user" I18N="In the user screen" text_align="left"/>
                    <spacer width="10"/>
                    <label id="label_remember" proportion="1" height="100%" text_align="left"
                              I18N="In the user screen" text="Remember password"/>
                </div>
                <!-- Disable guest accounts for now
                <div width="100%" height="fit" layout="horizontal-row" >
                    <label id="label_guest" proportion="1" height="100%" text_align="left"
                           I18N="In the user screen" text="Guest login"/>
                    <checkbox id="guest" I18N="In the user screen" text_align="left"/>
                </div>
                -->
                <div width="100%" height="fit" layout="horizontal-row" >
                    <label id="label_username" width="40%" height="100%" text_align="left"
                           I18N="In the user screen" text="Username"/>
                    <textbox id="username" proportion="2" height="fit" I18N="In the user screen"/>
                </div>
                <spacer height="20" width="20"/>

                <div width="100%" height="fit" layout="horizontal-row" >
                    <label id="label_password" width="40%" height="100%" text_align="left"
                           I18N="In the registration dialog" text="Password"/>
                    <textbox id="password" proportion="2" height="fit" I18N="In the registration dialog"/>
                </div>
            </div>
            <div width="80%" align="center" layout="vertical-row" height="fit">
                <label id="message" width="80%" align="center" text_align="left"/>
            </div>
            <spacer width="20" height="25"/>
            <buttonbar id="options" width="90%" height="13%" align="center">
                <icon-button id="ok" width="64" height="64" icon="gui/green_check.png"
                             I18N="In the user screen" text="OK" label_location="bottom"/>
                <icon-button id="new_user" width="64" height="64" icon="gui/blue_plus.png"
                             I18N="In the user screen" text="Add user" label_location="bottom"/>
                <icon-button id="delete" width="64" height="64" icon="gui/remove.png"
                             I18N="In the user screen" text="Delete" label_location="bottom"/>
                <icon-button id="rename" width="64" height="64" icon="gui/rename.png"
                             I18N="In the user screen" text="Rename" label_location="bottom"/>
                <icon-button id="cancel" width="64" height="64" icon="gui/main_quit.png"
                             I18N="In the user screen" text="Cancel" label_location="bottom"/>
            </buttonbar>
        </box>
    </div>

    <icon-button id="back" x="0" y="0" height="8%" icon="gui/back.png"/>
</stkgui>
