// SPDX-FileCopyrightText: 2019-2020 Jonah Brüchert <jbb@kaidan.im>
// SPDX-FileCopyrightText: 2022 Devin Lin <devin@kde.org>
//
// SPDX-License-Identifier: GPL-2.0-or-later

import QtQuick
import QtQuick.Controls as Controls
import QtQuick.Layouts

import org.kde.kirigami as Kirigami
import org.kde.konsoleqml

import org.kde.qmlkonsole
import org.kde.kirigamiaddons.formcard as MobileForm

ColumnLayout {
    id: root
    property TerminalEmulator terminal
    property var dialog: null // dialog component if this is within a dialog

    spacing: 0

    // HACK: dialog switching requires some time between closing and opening
    Timer {
        id: dialogTimer
        interval: 1
        property var dialog
        onTriggered: {
            root.dialog.close();
            dialog.open();
        }
    }

    MobileForm.FormHeader {
        title: i18n("General")
    }

    MobileForm.FormCard {
        Layout.alignment: Qt.AlignTop
        Layout.fillWidth: true

        MobileForm.FormButtonDelegate {
            id: aboutDelegate
            text: i18n("About")
            onClicked: {
                if (root.dialog) {
                    root.dialog.close();
                }
                applicationWindow().pageStack.push("qrc:/AboutPage.qml")
            }
        }
    }

    MobileForm.FormHeader {
        title: i18n("Appearance")
    }

    MobileForm.FormCard {
        Layout.alignment: Qt.AlignTop
        Layout.fillWidth: true

        MobileForm.FormComboBoxDelegate {
            id: colorSchemeDropdown
            text: i18n("Color scheme")
            displayMode: MobileForm.FormComboBoxDelegate.Dialog
            Component.onCompleted: currentIndex = indexOfValue(TerminalSettings.colorScheme)
            model: terminal.availableColorSchemes

            onClicked: {
                if (root.dialog && displayMode === MobileForm.FormComboBoxDelegate.Dialog) {
                    dialogTimer.dialog = colorSchemeDropdown.dialog;
                    dialogTimer.restart();
                }
            }

            Connections {
                target: colorSchemeDropdown.dialog
                function onClosed() {
                    if (root.dialog) {
                        root.dialog.open();
                    }
                }
            }

            onCurrentValueChanged: {
                TerminalSettings.colorScheme = currentValue;
                TerminalSettings.save();
            }
        }

        MobileForm.FormDelegateSeparator { above: colorSchemeDropdown; below: fontFamilyDelegate }

        MobileForm.AbstractFormDelegate {
            id: fontFamilyDelegate
            Layout.fillWidth: true
            text: i18n("Font Family")

            onClicked: {
                if (fontFamilyPickerLoader.active) {
                    fontFamilyPickerLoader.item.open();
                } else {
                    fontFamilyPickerLoader.active = true;
                    fontFamilyPickerLoader.requestOpen = true;
                }
            }

            contentItem: RowLayout {
                Controls.Label {
                    Layout.fillWidth: true
                    text: i18n("Font Family")
                    elide: Text.ElideRight
                }

                Controls.Label {
                    Layout.alignment: Qt.AlignRight
                    Layout.rightMargin: Kirigami.Units.smallSpacing
                    color: Kirigami.Theme.disabledTextColor
                    text: TerminalSettings.fontFamily
                    font.family: TerminalSettings.fontFamily
                }

                MobileForm.FormArrow {
                    Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
                    direction: Qt.DownArrow
                }
            }

            Loader {
                id: fontFamilyPickerLoader
                active: false
                asynchronous: true

                property bool requestOpen: false
                onLoaded: {
                    if (requestOpen) {
                        item.open();
                        requestOpen = false;
                    }
                }

                sourceComponent: Kirigami.Dialog {
                    id: fontFamilyPicker
                    title: i18nc("@title:window", "Pick font")

                    onClosed: {
                        if (root.dialog) {
                            root.dialog.open();
                        }
                    }

                    onOpened: {
                        if (root.dialog) {
                            root.dialog.close();
                        }
                    }

                    ListView {
                        implicitWidth: Kirigami.Units.gridUnit * 18
                        implicitHeight: Kirigami.Units.gridUnit * 24

                        reuseItems: true
                        model: FontListSearchModel
                        currentIndex: -1
                        clip: true

                        header: Controls.Control {
                            topPadding: Kirigami.Units.smallSpacing
                            bottomPadding: Kirigami.Units.smallSpacing
                            rightPadding: Kirigami.Units.smallSpacing
                            leftPadding: Kirigami.Units.smallSpacing
                            width: fontFamilyPicker.width

                            contentItem: Kirigami.SearchField {
                                id: searchField
                                onTextChanged: {
                                    FontListSearchModel.setFilterFixedString(text)
                                    searchField.forceActiveFocus()
                                }
                            }
                        }

                        delegate: Controls.ItemDelegate {
                            text: model.name
                            width: ListView.view.width
                            onClicked: {
                                TerminalSettings.fontFamily = model.name;
                                TerminalSettings.save();
                                fontFamilyPicker.close();
                            }
                        }
                    }
                }
            }
        }

        MobileForm.FormDelegateSeparator { above: fontFamilyDelegate }

        MobileForm.AbstractFormDelegate {
            id: fontSizeDelegate
            Layout.fillWidth: true
            background: Item {}

            contentItem: RowLayout {
                width: fontSizeDelegate.width
                Controls.Label {
                    Layout.fillWidth: true
                    text: i18n("Font Size")
                }

                Controls.SpinBox {
                    value: TerminalSettings.fontSize
                    onValueChanged: {
                        TerminalSettings.fontSize = value;
                        TerminalSettings.save();
                    }
                    from: 5
                    to: 100
                }
            }
        }

        MobileForm.FormDelegateSeparator {}

        MobileForm.AbstractFormDelegate {
            id: opacityDelegate
            Layout.fillWidth: true

            background: Item {}

            contentItem: ColumnLayout {
                Controls.Label {
                    text: i18n("Window Transparency")
                }

                RowLayout {
                    spacing: Kirigami.Units.gridUnit
                    Kirigami.Icon {
                        implicitWidth: Kirigami.Units.iconSizes.smallMedium
                        implicitHeight: Kirigami.Units.iconSizes.smallMedium
                        source: "brightness-low"
                    }

                    Controls.Slider {
                        Layout.fillWidth: true
                        from: 0
                        to: 100
                        value: (1 - TerminalSettings.windowOpacity) * 100
                        stepSize: 5
                        snapMode: Controls.Slider.SnapAlways

                        onMoved: {
                            TerminalSettings.windowOpacity = 1 - (value / 100);
                            TerminalSettings.save();
                        }
                    }

                    Kirigami.Icon {
                        implicitWidth: Kirigami.Units.iconSizes.smallMedium
                        implicitHeight: Kirigami.Units.iconSizes.smallMedium
                        source: "brightness-high"
                    }
                }
            }
        }

        MobileForm.FormDelegateSeparator { below: blurDelegate }

        MobileForm.FormSwitchDelegate {
            id: blurDelegate
            text: i18n("Blur Background")
            checked: TerminalSettings.blurWindow

            onCheckedChanged: {
                TerminalSettings.blurWindow = checked;
                TerminalSettings.save();
                Util.setBlur(applicationWindow().pageStack, TerminalSettings.blurWindow);
            }
        }
    }

    Item { Layout.fillHeight: true }
}