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

import QtQuick 2.3
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.3
import UM 1.1 as UM
import Cura 1.1 as Cura

Item
{
    id: toolboxDownloadsGridTile
    property int packageCount: (toolbox.viewCategory == "material" && model.type === undefined) ? toolbox.getTotalNumberOfMaterialPackagesByAuthor(model.id) : 1
    property int installedPackages: (toolbox.viewCategory == "material" && model.type === undefined) ? toolbox.getNumberOfInstalledPackagesByAuthor(model.id) : (toolbox.isInstalled(model.id) ? 1 : 0)
    height: childrenRect.height
    Layout.alignment: Qt.AlignTop | Qt.AlignLeft
    Rectangle
    {
        id: highlight
        anchors.fill: parent
        opacity: 0.0
        color: UM.Theme.getColor("primary")
    }
    Row
    {
        width: parent.width
        height: childrenRect.height
        spacing: Math.floor(UM.Theme.getSize("narrow_margin").width)
        Rectangle
        {
            id: thumbnail
            width: UM.Theme.getSize("toolbox_thumbnail_small").width
            height: UM.Theme.getSize("toolbox_thumbnail_small").height
            color: "white"
            border.width: UM.Theme.getSize("default_lining").width
            border.color: UM.Theme.getColor("lining")
            Image
            {
                anchors.centerIn: parent
                width: UM.Theme.getSize("toolbox_thumbnail_small").width - UM.Theme.getSize("wide_margin").width
                height: UM.Theme.getSize("toolbox_thumbnail_small").height - UM.Theme.getSize("wide_margin").width
                fillMode: Image.PreserveAspectFit
                source: model.icon_url || "../images/logobot.svg"
                mipmap: true
            }
            UM.RecolorImage
            {
                width: (parent.width * 0.4) | 0
                height: (parent.height * 0.4) | 0
                anchors
                {
                    bottom: parent.bottom
                    right: parent.right
                }
                sourceSize.height: height
                visible: installedPackages != 0
                color: (installedPackages == packageCount) ? UM.Theme.getColor("primary") : UM.Theme.getColor("border")
                source: "../images/installed_check.svg"
            }

            MouseArea
            {
                anchors.fill: thumbnail
                hoverEnabled: true
                onEntered: thumbnail.border.color = UM.Theme.getColor("primary")
                onExited: thumbnail.border.color = UM.Theme.getColor("lining")
                onClicked:
                {
                    base.selection = model
                    switch(toolbox.viewCategory)
                    {
                        case "material":

                            // If model has a type, it must be a package
                            if (model.type !== undefined)
                            {
                                toolbox.viewPage = "detail"
                                toolbox.filterModelByProp("packages", "id", model.id)
                            }
                            else
                            {
                                toolbox.viewPage = "author"
                                toolbox.setFilters("packages", {
                                    "author_id": model.id,
                                    "type": "material"
                                })
                            }
                            break
                        default:
                            toolbox.viewPage = "detail"
                            toolbox.filterModelByProp("packages", "id", model.id)
                            break
                    }
                }
            }
        }
        Column
        {
            width: parent.width - thumbnail.width - parent.spacing
            spacing: Math.floor(UM.Theme.getSize("narrow_margin").width)
            anchors.top: parent.top
            //anchors.topMargin: UM.Theme.getSize("default_margin").height
            Label
            {
                id: name
                text: model.name
                width: parent.width
                wrapMode: Text.WordWrap
                color: UM.Theme.getColor("text")
                font: UM.Theme.getFont("default_bold")
            }
            Label
            {
                id: info
                text: model.description
                maximumLineCount: 2
                elide: Text.ElideRight
                width: parent.width
                wrapMode: Text.WordWrap
                color: UM.Theme.getColor("text_medium")
                font: UM.Theme.getFont("default")
            }

            RatingWidget
            {
                visible: model.type == "plugin"
                packageId: model.id
                rating: model.average_rating != undefined ? model.average_rating : 0
                numRatings: model.num_ratings != undefined ? model.num_ratings : 0
                userRating: model.user_rating
                enabled: installedPackages != 0 && Cura.API.account.isLoggedIn
            }
        }
    }
}