<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
    <icon-button id="back" x="1%" y="0" height="9%" icon="gui/icons/back.png"/>
    <div x="1%" y="1%" width="98%" height="98%" layout="vertical-row" >
        <header width="80%" height="8%" align="center" text="SuperTuxKart Options" text_align="center"/>
        <spacer width="100%" height="1%"/>

        <div width="100%" height="91%" layout="horizontal-row" >

            <vertical-tabs id="options_choice" height="100%" width="20%">
                <icon-button id="tab_general" width="128" height="128" icon="gui/icons/options_general.png"
                        I18N="Section in the settings menu" text="General"/>
                <icon-button id="tab_video" width="128" height="128" icon="gui/icons/options_video.png"
                        I18N="Section in the settings menu" text="Graphics"/>
                <icon-button id="tab_audio" width="128" height="128" icon="gui/icons/options_audio.png"
                        I18N="Section in the settings menu" text="Audio"/>
                <icon-button id="tab_ui" width="128" height="128" icon="gui/icons/options_ui.png"
                        I18N="Section in the settings menu" text="Interface"/>
                <icon-button id="tab_players" width="128" height="128" icon="gui/icons/options_players.png"
                        I18N="Section in the settings menu" text="Players"/>
                <icon-button id="tab_controls" width="128" height="128" icon="gui/icons/options_input.png"
                        I18N="Section in the settings menu" text="Controls"/>
                <icon-button id="tab_language" width="128" height="128" icon="gui/icons/options_language.png"
                        I18N="Section in the settings menu" text="Language"/>
            </vertical-tabs>

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

            <div width="100%" height="100%" layout="vertical-row" >
                <box width="78%" height="62%" layout="vertical-row">

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

                    <label width="80%" height="fit" align="center" I18N="In the general settings" text="Internet options" text_align="center"/>

                    <spacer width="5" height="3%"/>

                    <div layout="horizontal-row" width="100%" height="fit">
                        <checkbox id="show-login"/>
                        <spacer width="1%" height="100%" />
                        <label height="100%" I18N="In the general settings" text="Always show login screen" word_wrap="true"/>
                    </div>

                    <spacer width="5" height="3%"/>

                    <div layout="horizontal-row" width="100%" height="fit">
                        <checkbox id="enable-internet"/>
                        <spacer width="1%" height="100%" />
                        <label height="100%" I18N="In the general settings" text="Connect to the Internet" word_wrap="true"/>
                    </div>

                    <spacer width="5" height="3%"/>
                    
                    <!--
                    <div layout="horizontal-row" width="100%" height="fit">
                        <checkbox id="enable-hw-report"/>
                        <spacer width="1%" height="100%" />
                        <label height="100%" id="label-hw-report" I18N="In the general settings"
                               text="Send anonymous hardware statistics" word_wrap="true"/>
                    </div>

                    <spacer width="5" height="3%"/>
                    -->

                    <div layout="horizontal-row" width="100%" height="fit">
                        <checkbox id="enable-lobby-chat"/>
                        <spacer width="1%" height="100%" />
                        <label height="100%" id="label-lobby-chat" I18N="In the general settings" text="Enable chatting online" word_wrap="true"/>
                    </div>

                    <spacer width="5" height="3%"/>

                    <div layout="horizontal-row" width="100%" height="fit">
                        <checkbox id="enable-race-chat"/>
                        <spacer width="1%" height="100%" />
                        <label height="100%" id="label-race-chat" I18N="In the general settings" text="Enable chatting in online games" word_wrap="true"/>
                    </div>

                    <spacer width="5" height="4%"/>
                </box>

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

                <box width="78%" height="36%" layout="vertical-row">

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

                   <label width="80%" height="fit" align="center" I18N="In the general settings" text="Miscellaneous options" text_align="center"/>

                   <spacer width="5" height="3%"/>

                   <div layout="horizontal-row" width="100%" height="fit">
                       <checkbox id="enable-handicap"/>
                       <spacer width="1%" height="100%" />
                       <label height="100%" I18N="In the general settings" text="Enable per-player handicaps" word_wrap="true"/>
                   </div>

                   <spacer width="5" height="3%"/>
                   <div width="100%" height="fit" layout="horizontal-row" >
                       <spacer width="1%" height="100%"/>
                       <button id="assets_settings" text="Uninstall full game assets"/>
                   </div>
                   <spacer width="5" height="3%"/>
               </box>
            </div>
        </div>
    </div>
</stkgui>
