// Copyright (c) 2015 Ultimaker B.V.
// Cura is released under the terms of the AGPLv3 or higher.

import QtQuick 2.2
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.1
import QtQuick.Layouts 1.1

import UM 1.1 as UM

ColumnLayout
{
    id: base;
    // Machine Setup
    property variant modesModel;
    property alias currentModeIndex: modesList.currentIndex;
    property Action addMachineAction;
    property Action configureMachinesAction;
    UM.I18nCatalog { id: catalog; name:"cura"}
    property int totalHeightHeader: childrenRect.height
    spacing: 0

    Rectangle {
        id: settingsModeRow
        width: base.width
        height: UM.Theme.sizes.sidebar_header.height
        anchors.top: parent.top
        color: UM.Theme.colors.sidebar_header_bar

        Label{
            id: settingsModeLabel
            text: catalog.i18nc("@label","Print setup: ");
            anchors.left: parent.left
            anchors.leftMargin: UM.Theme.sizes.default_margin.width;
            anchors.verticalCenter: parent.verticalCenter
            width: parent.width/100*45
            font: UM.Theme.fonts.default;
            color: UM.Theme.colors.text_white
        }

        Rectangle{
            id: settingsModeSelection
            width: parent.width/100*55
            height: childrenRect.height - UM.Theme.sizes.default_margin.width;
            anchors.right: parent.right
            anchors.rightMargin: UM.Theme.sizes.default_margin.width;
            anchors.verticalCenter: parent.verticalCenter
            color: "red"
            Component{
                id: wizardDelegate
                Button {
                    id: simpleModeButton
                    height: settingsModeSelection.height
                    anchors.left: parent.left
                    anchors.leftMargin: model.index * (settingsModeSelection.width / 2)
                    anchors.top: parent.top
                    width: parent.width / 2
                    text: model.text
                    style: ButtonStyle {
                        background: Rectangle {
                            color: control.hovered ? UM.Theme.colors.load_save_button_hover : UM.Theme.colors.load_save_button
                            Behavior on color { ColorAnimation { duration: 50; } }
                            Label {
                                anchors.centerIn: parent
                                color: UM.Theme.colors.load_save_button_text
                                font: UM.Theme.fonts.default
                                text: control.text;
                            }
                        }
                        label: Item { }
                    }
                }
            }

            ListView{
                id: modesList
                property var index: 0
                model: base.modesModel
                delegate: wizardDelegate
                anchors.top: parent.top
                anchors.left: parent.left
                width: parent.width
                height: UM.Theme.sizes.sidebar_header.height
            }
        }
    }

    Rectangle {
        id: machineSelectionRow
        width: base.width - (UM.Theme.sizes.default_margin.width * 2)
        height: UM.Theme.sizes.sidebar_header.height
        anchors.top: settingsModeRow.bottom
        anchors.horizontalCenter: parent.horizontalCenter

        Label{
            id: machineSelectionLabel
            //: Machine selection label
            text: catalog.i18nc("@label","Machine:");
            anchors.left: parent.left
            anchors.verticalCenter: parent.verticalCenter
            font: UM.Theme.fonts.default;
        }

        ToolButton {
            id: machineSelection
            text: UM.MachineManager.activeMachineInstance;
            width: parent.width/100*55
            height: UM.Theme.sizes.sidebar_header.height
            tooltip: UM.MachineManager.activeMachineInstance;
            //style: UM.Theme.styles.sidebar_header_button;
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter

            menu: Menu
            {
                id: machineSelectionMenu
                Instantiator
                {
                    model: UM.MachineInstancesModel { }
                    MenuItem
                    {
                        text: model.name;
                        checkable: true;
                        checked: model.active;
                        exclusiveGroup: machineMenuGroup;
                        onTriggered: UM.MachineManager.setActiveMachineInstance(model.name);
                    }
                    onObjectAdded: machineMenu.insertItem(index, object)
                    onObjectRemoved: machineMenu.removeItem(object)
                }

                ExclusiveGroup { id: machineSelectionMenuGroup; }

                MenuSeparator { }

                MenuItem { action: base.addMachineAction; }
                MenuItem { action: base.configureMachinesAction; }
            }
        }
    }

    /////////////////tot hier

//     ToolButton
//     {
//         text: base.modesModel ? base.modesModel.get(modeMenu.currentIndex).text : "";
//
//         style: UM.Theme.styles.sidebar_header_button;
//
//         menu: Menu
//         {
//             id: modeMenu;
//
//             property int currentIndex: 0;
//
//             Instantiator
//             {
//                 model: base.modesModel;
//
//                 MenuItem
//                 {
//                     text: model.text;
//                     checkable: true;
//                     checked: modeMenu.currentIndex == index;
//                     exclusiveGroup: modeMenuGroup;
//                     onTriggered: modeMenu.currentIndex = index;
//                 }
//                 onObjectAdded: modeMenu.insertItem(index, object)
//                 onObjectRemoved: modeMenu.removeItem(object)
//             }
//
//             ExclusiveGroup { id: modeMenuGroup; }
//         }
//     }
/*
    UM.SidebarCategoryHeader
    {
        width: parent.width;
        height: UM.Theme.sizes.section.height;

        iconSource: UM.Theme.icons.printsetup;

        //: Sidebar header label
        text: catalog.i18nc("@label","Print Setup");
        enabled: false;

        color: UM.Theme.colors.primary;
    }*/
}