import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

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

import utils 1.0

Control {
    property int qualifyingAddresses: 1
    property int knownAddresses: 1
    property int unknownAddresses: 1

    verticalPadding: 16
    horizontalPadding: 18

    background: Rectangle {
        border.color: Theme.palette.border
        radius: Theme.radius
        color: Theme.palette.transparent
    }

    contentItem: RowLayout {
        spacing: 4

        StatusIcon {
            Layout.preferredWidth: 22
            Layout.preferredHeight: 22

            Layout.alignment: Qt.AlignTop

            color: Theme.palette.baseColor1
            icon: "communities"
        }

        StatusBaseText {
            Layout.fillWidth: true

            wrapMode: Text.Wrap

            font.pixelSize: Theme.primaryTextFontSize
            lineHeight: 22
            lineHeightMode: Text.FixedHeight

            Binding on color {
                when: qualifyingAddresses === 0
                value: Theme.palette.dangerColor1
            }

            readonly property real ratio: 100 * qualifyingAddresses / knownAddresses
            readonly property string ratioAligned: Number(ratio.toFixed(1))

            readonly property string part1: qsTr("%L1% of the %Ln community member(s) with known addresses will qualify for this permission.",
                                                 "", knownAddresses).arg(ratioAligned)
            readonly property string part2: qsTr("The addresses of %Ln community member(s) are unknown.", "", unknownAddresses)

            text: `${part1} ${part2}`
        }
    }
}