import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"

ScrollView {
    height: parent.height
    width: parent.width
    contentHeight: notificationsContainer.height
    clip: true

    Item {
        id: notificationsContainer
        anchors.right: parent.right
        anchors.rightMargin: contentMargin
        anchors.left: parent.left
        anchors.leftMargin: contentMargin
        height: this.childrenRect.height + 100

        ButtonGroup {
            id: notificationSetting
        }

        ButtonGroup {
            id: soundSetting
        }

        ButtonGroup {
            id: messageSetting
        }

        StatusSectionHeadline {
            id: sectionHeadlineNotifications
            //% "Notification preferences"
            text: qsTrId("notifications-preferences")
            anchors.top: parent.top
        }

        Column {
            id: column
            spacing: Style.current.padding
            anchors.top: sectionHeadlineNotifications.bottom
            anchors.topMargin: Style.current.smallPadding
            width: parent.width

            RowLayout {
                width: parent.width
                StyledText {
                    //% "All messages"
                    text: qsTrId("all-messages")
                    font.pixelSize: 15
                }

                StatusRadioButton {
                    checked: true
                    Layout.alignment: Qt.AlignRight
                    ButtonGroup.group: notificationSetting
                    rightPadding: 0
                }
            }

            RowLayout {
                width: parent.width
                StyledText {
                    //% "Just @mentions"
                    text: qsTrId("just--mentions")
                    font.pixelSize: 15
                }
                StatusRadioButton {
                    Layout.alignment: Qt.AlignRight
                    ButtonGroup.group: notificationSetting
                    rightPadding: 0
                }
            }

            RowLayout {
                width: parent.width
                StyledText {
                    //% "Nothing"
                    text: qsTrId("nothing")
                    font.pixelSize: 15
                }
                StatusRadioButton {
                    Layout.alignment: Qt.AlignRight
                    ButtonGroup.group: notificationSetting
                    rightPadding: 0
                }
            }
        }

        Separator {
            id: separator
            anchors.top: column.bottom
            anchors.topMargin: Style.current.bigPadding
        }

        StatusSectionHeadline {
            id: sectionHeadlineSound
            //% "Sound & Appearance"
            text: qsTrId("sound---appearance")
            anchors.top: separator.bottom
        }

        Column {
            id: column2
            spacing: Style.current.padding
            anchors.top: sectionHeadlineSound.bottom
            anchors.topMargin: Style.current.smallPadding
            width: parent.width

            RowLayout {
                width: parent.width
                StyledText {
                    //% "Play a sound when receiving a notification"
                    text: qsTrId("play-a-sound-when-receiving-a-notification")
                    font.pixelSize: 15
                }

                StatusSwitch {
                    Layout.alignment: Qt.AlignRight
                    checked: true
                }
            }

            GridLayout {
                columns: 4
                width: parent.width

                StatusRadioButton {
                    checked: true
                    //% "Sound 1"
                    text: qsTrId("sound-1")
                    ButtonGroup.group: soundSetting
                }

                StatusRadioButton {
                    //% "Sound 2"
                    text: qsTrId("sound-2")
                    ButtonGroup.group: soundSetting
                }

                StatusRadioButton {
                    //% "Sound 3"
                    text: qsTrId("sound-3")
                    ButtonGroup.group: soundSetting
                }

                StatusRadioButton {
                    //% "Sound 4"
                    text: qsTrId("sound-4")
                    ButtonGroup.group: soundSetting
                }
            }
        }

        Column {
            id: column3
            spacing: Style.current.bigPadding
            anchors.top: column2.bottom
            anchors.topMargin: Style.current.padding*2
            width: parent.width

            StyledText {
                //% "Message preview"
                text: qsTrId("message-preview")
                font.pixelSize: 15
            }

            StatusRadioButton {
                //% "Anonymous"
                text: qsTrId("anonymous")
                ButtonGroup.group: messageSetting
            }

            StatusRadioButton {
                //% "Name only"
                text: qsTrId("name-only")
                ButtonGroup.group: messageSetting
            }

            StatusRadioButton {
                checked: true
                //% "Name & Message"
                text: qsTrId("name---message")
                ButtonGroup.group: messageSetting
            }

            StyledText {
                //% "No preview or Advanced? Go to Notification Center"
                text: qsTrId("no-preview-or-advanced--go-to-notification-center")
                font.pixelSize: 15
            }
        }

        Separator {
            id: separator2
            anchors.top: column3.bottom
            anchors.topMargin: Style.current.bigPadding
        }

        StatusSectionHeadline {
            id: sectionHeadlineContacts
            //% "Contacts & Users"
            text: qsTrId("contacts---users")
            anchors.top: separator2.bottom
        }

        Column {
            id: column4
            spacing: Style.current.padding
            anchors.top: sectionHeadlineContacts.bottom
            anchors.topMargin: Style.current.smallPadding
            width: parent.width
            RowLayout {
                width: parent.width
                StyledText {
                    //% "Receive notifications from non-contacts"
                    text: qsTrId("receive-notifications-from-non-contacts")
                    font.pixelSize: 15
                }

                StatusSwitch {
                    Layout.alignment: Qt.AlignRight
                }
            }

            StatusSectionMenuItem {
                //% "Muted users"
                label: qsTrId("muted-users")
                info: "2"
            }

            StatusSectionMenuItem {
                //% "Muted chats"
                label: qsTrId("muted-chats")
                //% "You can limit what gets shown in notifications"
                description: qsTrId("you-can-limit-what-gets-shown-in-notifications")
                //% "None"
                info: qsTrId("none")
            }
        }

        Separator {
            id: separator3
            anchors.top: column4.bottom
            anchors.topMargin: Style.current.bigPadding
        }

        Column {
            id: column5
            spacing: Style.current.smallPadding
            anchors.top: separator3.bottom
            anchors.topMargin: Style.current.bigPadding
            width: parent.width

            Button {
                flat: true
                horizontalPadding: 0
                contentItem: Text {
                    //% "Reset notification settings"
                    text: qsTrId("reset-notification-settings")
                    font.pixelSize: 15
                    color: Style.current.red
                }
                MouseArea {
                    cursorShape: Qt.PointingHandCursor
                    anchors.fill: parent
                    onPressed: mouse.accepted = false
                }
            }

            StyledText {
                //% "Restore default notification settings and unmute all chats and users"
                text: qsTrId("restore-default-notification-settings-and-unmute-all-chats-and-users")
                font.pixelSize: 15
                color: Style.current.secondaryText
            }
        }
    }
}