import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import "../components"

Item {
    id: page

    ColumnLayout {
        anchors.fill: parent
        anchors.margins: 8
        spacing: 12

        BackHeader { title: "Расположение"; onBack: page.StackView.view.pop() }

        RowLayout {
            Layout.fillWidth: true
            Text {
                text: "Режим:"
                color: settingsContainer.darkMode ? "white" : "black"
            }
            Item { Layout.fillWidth: true }
            Button {
                text: "Сетка"
                highlighted: settingsContainer.layoutMode === "grid"
                onClicked: btnController.setLayoutMode("grid")
            }
            Button {
                text: "Список"
                highlighted: settingsContainer.layoutMode === "list"
                onClicked: btnController.setLayoutMode("list")
            }
        }

        LabeledSlider {
            visible: settingsContainer.layoutMode === "grid"
            label: "Колонок"
            from: 1; to: 8; stepSize: 1
            value: settingsContainer.layoutColumns
            onMoved: btnController.setLayoutColumns(value)
        }

        LabeledSlider {
            label: "Отступ"
            from: 0; to: 40; stepSize: 1
            value: settingsContainer.layoutSpacing
            onMoved: btnController.setLayoutSpacing(value)
        }

        CheckBox {
            text: "Показывать подписи"
            checked: settingsContainer.showLabels
            onToggled: btnController.setLayoutShowLabels(checked)
        }

        Item { Layout.fillHeight: true }
    }
}