// Copyright © SixtyFPS GmbH <info@slint-ui.com>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-commercial

import { DemoPalette, Page, SpinBox, ComboBox, CheckBox, Label } from "common.slint";

export SettingsPage := Page {
    header: "Settings";

    GridLayout {
        padding-top: 46px /* header line height in design */
                     + /* extra top-padding in design */ 27px;
        spacing: 24px;
        Row {
            Text {
                text: "General";
                color: DemoPalette.secondary-foreground-color;
                font-size: DemoPalette.base-font-size * 1.125;
                font-weight: 800;
            }
        }
        Row {
            Label { text: "TURBO mode"; }
            CheckBox { checked: true; }

            Rectangle {}

            Label { text: "Power Management"; }
            CheckBox {
                checked: false;
                text: "Eco Mode";
            }
        }

        Row {
            Text {
                text: "Defaults";
                color: DemoPalette.secondary-foreground-color;
                font-size: DemoPalette.base-font-size * 1.125;
                font-weight: 800;
            }
        }
        Row {
            Label { text: "Layout"; }
            ComboBox {
                value: "Portrait";
                choices: ["Portrait", "Landscape"];
            }

            Rectangle {}

            Label { text: "Paper Tray"; }
            ComboBox {
                value: "Special Tray";
                choices: ["Special Tray", "Normal Tray"];
            }
        }
        Row {
            Label { text: "Quality"; }
            ComboBox {
                value: "Best";
                choices: ["Best", "Medium", "Draft"];
            }

            Rectangle {}

            Label { text: "Paper Type"; }
            ComboBox {
                value: "Standard";
                choices: ["Standard", "Non-standard"];
            }
        }
        Row {
            Label { text: "Color Mode"; }
            ComboBox {
                value: "Grayscale";
                choices: ["Grayscale", "RGB", "YCMB"];
            }

            Rectangle {}

            Label { text: "Paper Handling"; }
            CheckBox {
                checked: true;
                text: "sort page";
            }
        }
        Row { Rectangle {} }
    }

}