<?xml version="1.0" encoding="utf-8"?>
<template>
    <div t-name='res_config_dev_tool'>
        <div id="developer_tool">
            <SettingsBlock title.translate="Developer Tools">
                <Setting addLabel="false">
                    <ul class="list-unstyled">
                        <li><button t-if="!isDebug" class="btn btn-link btn-link-inline" t-on-click="() => this.activateDebug(1)">Activate the developer mode</button></li>
                        <li><button t-if="!isAssets" class="btn btn-link btn-link-inline" t-on-click="() => this.activateDebug('assets')">Activate the developer mode (with assets)</button></li>
                        <li><button t-if="!isTests" class="btn btn-link btn-link-inline" t-on-click="() => this.activateDebug('assets,tests')">Activate the developer mode (with tests assets)</button></li>
                        <li><button t-if="isDebug" class="btn btn-link btn-link-inline" t-on-click="() => this.activateDebug(0)">Deactivate the developer mode</button></li>
                        <li><button t-if="isDebug and !isDemoDataActive" t-on-click="onClickForceDemo" class="o_web_settings_force_demo btn btn-link btn-link-inline">Load demo data</button></li>
                    </ul>
                </Setting>
            </SettingsBlock>
        </div>
    </div>
</template>
