<div class="user-settings-page" layout="column">
    <div class="sticky-scroll-wrapper-without-footer">
        <md-toolbar>
            <div class="md-toolbar-tools">{{ "user_settings.CONFIGURATION_OPTIONS_TOOLBAR_TITLE" | translate }}</div>
        </md-toolbar>
        <div layout="row" layout-padding flex>
            <div class="row" flex>
                <md-switch ng-model="userSettings.device_not_found_video_loop_enabled" aria-label="Disable device not found video loop" ng-change="saveSettings();">
                    <!--HACK: Hide translation because i18nextract not catch it in IF block-->
                    <span ng-show="false">{{ "user_settings.DISABLE_DEVICE_NOT_FOUND_VIDEO_LOOP" | translate }}</span>
                    <span ng-show="false">{{"user_settings.ENABLE_DEVICE_NOT_FOUND_VIDEO_LOOP" | translate }}</span>
                    {{ userSettings.device_not_found_video_loop_enabled ? ("user_settings.DISABLE_DEVICE_NOT_FOUND_VIDEO_LOOP"|translate) : ("user_settings.ENABLE_DEVICE_NOT_FOUND_VIDEO_LOOP"|translate) }}
                </md-switch>
            </div>
            <div class="row" layout-align="start" flex>
                <md-switch ng-model="disableGraphicsAcceleration" aria-label="Disable graphics acceleration" ng-change="changeGraphicsAcceleration();">
                    <!--HACK: Hide translation because i18nextract not catch it in IF block-->
                    <span ng-show="false">{{ "user_settings.DISABLE_GRAPHICS_ACCELERATION" | translate }}</span>
                    <span ng-show="false">{{"user_settings.ENABLE_GRAPHICS_ACCELERATION" | translate }}</span>
                    {{ disableGraphicsAccelration ? ("user_settings.ENABLE_GRAPHICS_ACCELERATION"|translate) : ("user_settings.DISABLE_GRAPHICS_ACCELERATION"|translate) }}
                </md-switch>
            </div>
        </div>
        <md-toolbar>
            <div class="md-toolbar-tools">{{ "user_settings.ABOUT_TOOLBAR_TITLE" | translate }}</div>
        </md-toolbar>
        <div layout="row" layout-padding flex>
            <div class="row" flex>
                <md-button class="md-raised" ui-sref="rffwhid.license">{{ "user_settings.EULA_BUTTON" | translate }}</md-button>
            </div>
            <div class="row" flex>
                <md-button class="md-raised" ng-click="openExternalLink('http://raceflight.net/rf1beta/');">{{ "user_settings.REVISION_HISTORY_LINK" | translate }}</md-button>
            </div>
            <div class="row" layout-align="start" flex>
                <!--<md-button class="md-raised" ng-click="checkForUpdates()">{{ "user_settings.CHECK_FOR_UPDATES" | translate }}</md-button>-->
            </div>

        </div>
    </div>
</div>