<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

    <t t-name="discuss.QuickVoiceSettings">
        <div class="o-discuss-QuickVoiceSettings d-flex flex-column gap-1">
            <label class="btn border-transparent d-flex flex-column align-items-baseline">
                <span class="flex-shrink-0 pe-2">
                    Microphone
                </span>
                <div class="flex-grow-1"/>
                <DeviceSelect kind="'audioinput'"/>
            </label>
            <label class="btn border-transparent d-flex flex-column align-items-baseline">
                <span class="flex-shrink-0 pe-2">
                    Audio Output
                </span>
                <div class="flex-grow-1"/>
                <DeviceSelect kind="'audiooutput'"/>
            </label>
            <button t-if="store.rtc.selfSession" class="btn border-transparent d-flex" t-on-click="() => this.store.rtc.toggleDeafen()">
                <label class="d-flex align-items-center flex-wrap mw-100 cursor-pointer">
                    <span class="text-truncate text-wrap">Deafen</span>
                </label>
                <div class="flex-grow-1"/>
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" t-att-checked="store.rtc.selfSession?.is_deaf ? 'checked' : ''"/>
                </div>
            </button>
            <button class="btn border-transparent d-flex" t-on-click="() => this.store.settings.use_push_to_talk = !this.store.settings.use_push_to_talk">
                <label class="d-flex align-items-center flex-wrap mw-100 cursor-pointer">
                    <span class="text-truncate text-wrap">Push-to-Talk</span>
                </label>
                <div class="flex-grow-1"/>
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" t-att-checked="store.settings.use_push_to_talk ? 'checked' : ''"/>
                </div>
            </button>
            <button class="btn border-transparent d-flex align-items-center gap-2" t-on-click="onClickVoiceSettings">
                <i class="fa fa-fw fa-gear"/><span>Voice Settings</span>
            </button>
        </div>
    </t>

</templates>
