import QtQuick 2.13

import StatusQ.Components 0.1 as StatusQ
import StatusQ.Core.Theme 0.1

import "../../../../shared"
import "../../../../shared/panels"
import "../../../../shared/status"

import utils 1.0

Item {
    property url webUrl
    property url source
    property string text
    signal clicked(mouse: var)
    signal rightClicked(mouse: var)

    id: root
    width: 74
    height: 48 + Style.current.halfPadding

    SVGImage {
        id: bookmarkImage
        width: 48
        height: 48
        anchors.horizontalCenter: parent.horizontalCenter
        source: !!root.source && !!root.source.toString() ? root.source : Style.svg("compassActive")
        visible: root.source && root.source.toString()
    }

    StatusQ.StatusRoundIcon {
        id: addButton
        anchors.horizontalCenter: parent.horizontalCenter
        icon.name: "add"
        icon.color: Theme.palette.baseColor1
        color: Theme.palette.baseColor2
        visible: !webUrl.toString()
    }

    StatusQ.StatusLetterIdenticon {
        id: identicon
        anchors.horizontalCenter: parent.horizontalCenter
        color: Theme.palette.baseColor2
        identiconText.text: text.charAt(0)
        identiconText.color: Theme.palette.baseColor1
        visible: !bookmarkImage.visible && !addButton.visible
    }

    StyledText {
        id: bookmarkName
        text: root.text
        width: 67
        anchors.top: bookmarkImage.bottom
        horizontalAlignment: Text.AlignHCenter
        font.pixelSize: Style.current.additionalTextSize
        wrapMode: Text.WordWrap
        anchors.topMargin: Style.current.halfPadding
        maximumLineCount: 2
        elide: Text.ElideRight
    }

    MouseArea {
        anchors.fill: parent
        cursorShape: Qt.PointingHandCursor
        acceptedButtons: Qt.LeftButton | Qt.RightButton
        onClicked: {
            if (mouse.button === Qt.RightButton) {
                root.rightClicked(mouse)
            } else {
                root.clicked(mouse)
            }
        }
    }
}