import QtQuick 2.13

import utils 1.0

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1

import shared.panels 1.0

Item {
    width: parent.width
    height: childrenRect.height

    property bool isUserAdded
    signal addContactClicked()

    Image {
        id: waveImg
        source: Style.png("chat/wave")
        width: 80
        height: 80
        anchors.horizontalCenter: parent.horizontalCenter
    }

    StatusBaseText {
        id: contactText1
        text: qsTr("You need to be mutual contacts with this person for them to receive your messages")
        anchors.top: waveImg.bottom
        horizontalAlignment: Text.AlignHCenter
        wrapMode: Text.WordWrap
        anchors.topMargin: Style.current.padding
        anchors.horizontalCenter: parent.horizontalCenter
        width: parent.width / 1.3
        color: Theme.palette.directColor1
    }

    StatusBaseText {
        id: contactText2
        visible: !isUserAdded
        text: qsTr("Just click this button to add them as contact. They will receive a notification. Once they accept the request, you'll be able to chat")
        horizontalAlignment: Text.AlignHCenter
        wrapMode: Text.WordWrap
        anchors.top: contactText1.bottom
        anchors.topMargin: 2
        anchors.horizontalCenter: parent.horizontalCenter
        width: parent.width / 1.3
        color: Theme.palette.directColor1
    }

    StatusButton {
        visible: !isUserAdded
        text: qsTr("Add to contacts")
        anchors.top: contactText2.bottom
        anchors.topMargin: Style.current.smallPadding
        anchors.horizontalCenter: parent.horizontalCenter
        onClicked: addContactClicked()
    }
}