// Copyright (c) 2018 Ultimaker B.V.
// Toolbox is released under the terms of the LGPLv3 or higher.

import QtQuick 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import UM 1.1 as UM

Item
{
    id: sidebar
    height: parent.height
    width: UM.Theme.getSize("toolbox_back_column").width
    anchors
    {
        top: parent.top
        left: parent.left
        topMargin: UM.Theme.getSize("wide_margin").height
        leftMargin: UM.Theme.getSize("default_margin").width
        rightMargin: UM.Theme.getSize("default_margin").width
    }
    Button
    {
        id: button
        text: catalog.i18nc("@action:button", "Back")
        UM.RecolorImage
        {
            id: backArrow
            anchors
            {
                verticalCenter: parent.verticalCenter
                left: parent.left
                rightMargin: UM.Theme.getSize("default_margin").width
            }
            width: UM.Theme.getSize("standard_arrow").width
            height: UM.Theme.getSize("standard_arrow").height
            sourceSize
            {
                width: width
                height: height
            }
            color: button.hovered ? UM.Theme.getColor("primary") : UM.Theme.getColor("text")
            source: UM.Theme.getIcon("arrow_left")
        }
        width: UM.Theme.getSize("toolbox_back_button").width
        height: UM.Theme.getSize("toolbox_back_button").height
        onClicked:
        {
            toolbox.viewPage = "overview"
            toolbox.filterModelByProp("packages", "type", toolbox.viewCategory)
        }
        style: ButtonStyle
        {
            background: Rectangle
            {
                color: "transparent"
            }
            label: Label
            {
                id: labelStyle
                text: control.text
                color: control.hovered ? UM.Theme.getColor("primary") : UM.Theme.getColor("text")
                font: UM.Theme.getFont("default_bold")
                horizontalAlignment: Text.AlignRight
                width: control.width
            }
        }
    }
}