/***************************************************************************
 *   This file is part of awesome-widgets                                  *
 *                                                                         *
 *   awesome-widgets is free software: you can redistribute it and/or      *
 *   modify it under the terms of the GNU General Public License as        *
 *   published by the Free Software Foundation, either version 3 of the    *
 *   License, or (at your option) any later version.                       *
 *                                                                         *
 *   awesome-widgets is distributed in the hope that it will be useful,    *
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of        *
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the         *
 *   GNU General Public License for more details.                          *
 *                                                                         *
 *   You should have received a copy of the GNU General Public License     *
 *   along with awesome-widgets. If not, see http://www.gnu.org/licenses/  *
 ***************************************************************************/

import QtQuick 2.15
import QtQuick.Controls
import org.kde.kcmutils as KCM

import org.kde.plasma.private.desktoppanel 1.0


KCM.SimpleKCM {
    id: advancedPage

    property alias cfg_background: background.checked
    property alias cfg_verticalLayout: verticalLayout.checked
    property alias cfg_height: widgetHeight.value
    property alias cfg_width: widgetWidth.value
    property string cfg_mark: mark.value
    property string cfg_tooltipType: tooltipType.value
    property alias cfg_tooltipWidth: tooltipWidth.value
    property alias cfg_tooltipColor: tooltipColor.value

    Column {
        id: pageColumn
        anchors.fill: parent

        CheckBoxSelector {
            id: background
            text: i18n("Enable background")
        }

        CheckBoxSelector {
            id: verticalLayout
            text: i18n("Vertical layout")
        }

        IntegerSelector {
            id: widgetHeight
            maximumValue: 4096
            minimumValue: 0
            stepSize: 50
            text: i18n("Widget height, px")
            value: plasmoid.configuration.height
        }

        IntegerSelector {
            id: widgetWidth
            maximumValue: 4096
            minimumValue: 0
            stepSize: 50
            text: i18n("Widget width, px")
            value: plasmoid.configuration.width
        }

        ComboBoxSelector {
            id: mark
            editable: true
            model: [
                {
                    "label": "#",
                    "name": "#"
                },
                {
                    "label": "$",
                    "name": "$"
                },
                {
                    "label": "%",
                    "name": "%"
                },
                {
                    "label": "&",
                    "name": "&"
                },
                {
                    "label": "*",
                    "name": "*"
                },
                {
                    "label": "@",
                    "name": "@"
                },
                {
                    "label": "¤",
                    "name": "¤"
                },
                {
                    "label": "¶",
                    "name": "¶"
                },
                {
                    "label": "·",
                    "name": "·"
                },
                {
                    "label": "º",
                    "name": "º"
                },
                {
                    "label": plasmoid.configuration.mark,
                    "name": plasmoid.configuration.mark
                }
            ]
            text: i18n("Mark")
            currentIndex: model.length - 1
            onValueEdited: cfg_mark = newValue
        }

        GroupBox {
            height: implicitHeight
            width: parent.width
            title: i18n("Tooltip")

            Column {
                height: implicitHeight
                width: parent.width

                ComboBoxSelector {
                    id: tooltipType
                    model: [
                        {
                            "label": i18n("contours"),
                            "name": "contours"
                        },
                        {
                            "label": i18n("names"),
                            "name": "names"
                        },
                        {
                            "label": i18n("none"),
                            "name": "none"
                        }
                    ]
                    text: i18n("Tooltip type")
                    value: plasmoid.configuration.tooltipType
                    onValueEdited: cfg_tooltipType = newValue
                }

                IntegerSelector {
                    id: tooltipWidth
                    maximumValue: 1000
                    minimumValue: 100
                    stepSize: 50
                    text: i18n("Tooltip width")
                    value: plasmoid.configuration.tooltipWidth
                }

                ColorSelector {
                    id: tooltipColor
                    text: i18n("Font color")
                    value: plasmoid.configuration.tooltipColor
                }
            }
        }
    }
}