import QtQuick 2.13
import QtQuick.Controls 2.3

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

import utils 1.0

StatusListView {
    id: contactListPanel

    property string searchString
    property bool selectMode: true
    property var onItemChecked

    property var selectedPubKeys: []

    spacing: 0

    ScrollBar.horizontal.policy: ScrollBar.AlwaysOff

    delegate: StatusListItem {
        id: contactDelegate

        property bool isChecked: selectedPubKeys.indexOf(model.pubKey) !== -1

        visible: {
            if (selectMode) {
                return !searchString || model.displayName.toLowerCase().includes(searchString)
            }
            return checkbox.checked
        }

        title: !model.displayName.endsWith(".eth") && !!model.localNickname ?
                    model.localNickname : Utils.removeStatusEns(model.displayName)
        asset.height: asset.isImage ? 40 : 20
        asset.width: asset.isImage ? 40 : 20
        asset.name: model.icon
        asset.isImage: model.icon !== ""
        asset.color: Utils.colorForColorId(model.colorId)
        asset.charactersLen: 2
        ringSettings.ringSpecModel: Utils.getColorHashAsJson(model.pubKey)

        height: visible ? implicitHeight : 0

        function contactToggled(pubKey) {
            if (contactListPanel.selectMode) {
                let pubkeys = contactListPanel.selectedPubKeys
                let idx = pubkeys.indexOf(pubKey)
                if (idx === -1) {
                    pubkeys.push(pubKey)
                } else if (idx > -1) {
                    pubkeys.splice(idx, 1);
                }
                contactListPanel.selectedPubKeys = pubkeys
            }
        }

        components: [
            StatusCheckBox {
                id: checkbox
                visible: contactListPanel.selectMode
                checked: selectedPubKeys.indexOf(model.pubKey) !== -1
                onClicked: {
                    contactDelegate.contactToggled(model.pubKey)
                }
            }
        ]
        onClicked: {
            contactDelegate.contactToggled(model.pubKey)
        }
    }
}