//
//  Audio.qml
//  qml/hifi/audio
//
//  Audio setup
//
//  Created by Vlad Stelmahovsky on 03/22/2017
//  Copyright 2017 High Fidelity, Inc.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3

import "../../styles-uit"
import "../../controls-uit" as HifiControls
import "../../windows"
import "./" as Audio

Rectangle {
    id: audio;

    HifiConstants { id: hifi; }

    property var eventBridge;
    property string title: "Audio Settings - " + Audio.context
    signal sendToScript(var message);

    color: hifi.colors.baseGray;

    Column {
        y: 16 // padding does not work
        spacing: 16
        width: parent.width

        Grid {
            columns: 2
            x: 16 // padding does not work
            spacing: 16

            Audio.CheckBox {
                text: qsTr("Mute microphone");
                checked: Audio.muted
                onClicked: {
                    Audio.muted = checked;
                    checked = Qt.binding(function() { return Audio.muted; }); // restore binding
                }
            }
            Audio.CheckBox {
                text: qsTr("Enable noise reduction");
                checked: Audio.noiseReduction
                onClicked: {
                    Audio.noiseReduction = checked;
                    checked = Qt.binding(function() { return Audio.noiseReduction; }); // restore binding
                }
            }
            Audio.CheckBox {
                text: qsTr("Show audio level meter");
                checked: Audio.showMicMeter
                onClicked: {
                    Audio.showMicMeter = checked;
                    checked = Qt.binding(function() { return Audio.showMicMeter; }); // restore binding
                }
            }
        }

        Separator {}

        RowLayout {
            HiFiGlyphs {
                text: hifi.glyphs.mic
                color: hifi.colors.primaryHighlight
                anchors.verticalCenter: parent.verticalCenter
                size: 28
            }
            RalewayRegular {
                anchors.verticalCenter: parent.verticalCenter
                size: 16
                color: "#AFAFAF"
                text: qsTr("CHOOSE INPUT DEVICE")
            }
        }

        ListView {
            anchors { left: parent.left; right: parent.right; leftMargin: 70 }
            height: 125
            spacing: 0
            snapMode: ListView.SnapToItem
            clip: true
            model: Audio.devices.input
            delegate: Item {
                width: parent.width
                height: 36
                Audio.CheckBox {
                    text: display;
                    checked: selected
                    onClicked: {
                        selected = checked;
                        checked = Qt.binding(function() { return selected; }); // restore binding
                    }
                }
            }
        }

        Separator {}

        RowLayout {
            HiFiGlyphs {
                text: hifi.glyphs.unmuted
                color: hifi.colors.primaryHighlight
                anchors.verticalCenter: parent.verticalCenter
                size: 36
            }
            RalewayRegular {
                anchors.verticalCenter: parent.verticalCenter
                size: 16
                color: "#AFAFAF"
                text: qsTr("CHOOSE OUTPUT DEVICE")
            }
        }

        ListView {
            anchors { left: parent.left; right: parent.right; leftMargin: 70 }
            height: 125
            spacing: 0
            snapMode: ListView.SnapToItem
            clip: true
            model: Audio.devices.output
            delegate: Item {
                width: parent.width
                height: 36
                Audio.CheckBox {
                    text: display;
                    checked: selected
                    onClicked: {
                        selected = checked;
                        checked = Qt.binding(function() { return selected; }); // restore binding
                    }
                }
            }
        }
    }
}