import QtQuick 2.14
import QtQuick.Layouts 1.14

import StatusQ.Core 0.1
import StatusQ.Controls 0.1

import SortFilterProxyModel 0.2
import shared.status 1.0
import shared.popups 1.0
import utils 1.0

import AppLayouts.Communities.controls 1.0
import AppLayouts.Communities.panels 1.0

ColumnLayout {
    id: root
    width: root.viewWidth
    property int topPadding: count ? 16 : 0
    spacing: 24

    QtObject {
        id: d

        property int permissionIndexToRemove
    }

    required property var permissionsModel
    required property var assetsModel
    required property var collectiblesModel
    required property var channelsModel

    // id, name, image, color, owner, admin properties expected
    required property var communityDetails

    property int viewWidth: 560 // by design
    property bool viewOnlyCanAddReaction
    property bool showChannelOptions: false
    property bool allowIntroPanel: true

    signal editPermissionRequested(int index)
    signal duplicatePermissionRequested(int index)
    signal removePermissionRequested(int index)
    signal userRestrictionsToggled(bool checked)

    readonly property alias count: repeater.count
    ListModel {
        id: communityItemModel

        Component.onCompleted: {
            append({
                       text: root.communityDetails.name,
                       imageSource: root.communityDetails.image,
                       color: root.communityDetails.color
                   })
        }
    }

    IntroPanel {
        Layout.fillWidth: true

        visible: (root.count === 0 && root.allowIntroPanel)

        image: Style.png("community/permissions2_3")
        title: qsTr("Permissions")
        subtitle: qsTr("You can manage your community by creating and issuing membership and access permissions")
        checkersModel: [
            qsTr("Give individual members access to private channels"),
            qsTr("Monetise your community with subscriptions and fees"),
            qsTr("Require holding a token or NFT to obtain exclusive membership rights")
        ]
    }

    Repeater {
        id: repeater

        model: root.permissionsModel

        delegate: PermissionItem {
            Layout.fillWidth: true

            holdingsListModel: HoldingsSelectionModel {
                sourceModel: model.holdingsListModel
                assetsModel: root.assetsModel
                collectiblesModel: root.collectiblesModel
            }

            permissionType: model.permissionType
            permissionState: model.permissionState // TODO: Backend!

            ChannelsSelectionModel {
                id: channelsSelectionModel

                selectedChannels: model.channelsListModel ?? null
                allChannels: root.channelsModel
            }

            channelsListModel: channelsSelectionModel.count
                                    ? channelsSelectionModel : communityItemModel
            isPrivate: model.isPrivate

            showButtons: (model.permissionType !== PermissionTypes.Type.TokenMaster &&
                          model.permissionType !== PermissionTypes.Type.Owner) &&
                         (!!root.communityDetails && (root.communityDetails.owner ||
                                                      ((root.communityDetails.admin || root.communityDetails.tokenMaster) && model.permissionType !== PermissionTypes.Type.Admin)))

            onEditClicked: root.editPermissionRequested(model.index)
            onDuplicateClicked: root.duplicatePermissionRequested(model.index)

            onRemoveClicked: {
                d.permissionIndexToRemove = index
                declineAllDialog.open()
            }
        }
    }

    StatusBaseText {
        id: noPermissionsLabel
        Layout.fillWidth: true
        Layout.fillHeight: true
        visible: (root.count === 0 && root.showChannelOptions)
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        text: qsTr("No channel permissions")
        color: Style.current.secondaryText
    }

    StatusIconSwitch {
        Layout.fillWidth: true
        padding: 0
       
        visible: false //TODO: enable this when we have the backend support https://github.com/status-im/status-desktop/issues/13292
        //visible: root.showChannelOptions
        title: qsTr("Users with view only permissions can add reactions")
        icon: "emojis"
        checked: root.viewOnlyCanAddReaction
        onToggled: {
            root.userRestrictionsToggled(checked);
        }
    }
    ConfirmationDialog {
        id: declineAllDialog

        headerSettings.title: qsTr("Sure you want to delete permission")
        confirmationText: qsTr("If you delete this permission, any of your community members who rely on this permission will lose the access this permission gives them.")

        onConfirmButtonClicked: {
            root.removePermissionRequested(d.permissionIndexToRemove)
            close()
        }
    }
}