import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13

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

import utils 1.0
import "../../../../shared"
import "../../../../shared/popups"
import "../../../../shared/status"

import "./"
import "../panels"

// TODO: replace with StatusModal
ModalPopup {
    property string dapp: ""

    id: root
    title: dapp

    width: 400
    height: 400

    property var store

    Component.onCompleted: store.initPermissionList(dapp)
    Component.onDestruction: store.clearPermissionList()

    signal accessRevoked(string dapp)

    Item {
        anchors.fill: parent

        ScrollView {
            anchors.fill: parent
            Layout.fillWidth: true
            Layout.fillHeight: true

            ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
            ScrollBar.vertical.policy: permissionListView.contentHeight > permissionListView.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff

            ListView {
                anchors.fill: parent
                spacing: 0
                clip: true
                id: permissionListView
                model: root.store.permissionList
                delegate: Permission {
                  name: model.name
                  onRemoveBtnClicked: {
                      root.store.revokePermission(model.name);
                      if(permissionListView.count === 1){
                            accessRevoked(dapp);
                            close();
                      }
                      root.store.initPermissionList(dapp)
                  }
                }
            }
        }
    }
    
    // TODO: replace with StatusQ component
    footer: StatusButton {
        anchors.horizontalCenter: parent.horizontalCenter
        type: "warn"
        //% "Revoke all access"
        text: qsTrId("revoke-all-access")
        onClicked: {
            root.store.revokeAllPermissionAccess()
            accessRevoked(dapp);
            close();
        }
    }
}

/*##^##
Designer {
    D{i:0;height:300;width:300}
}
##^##*/