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

import Storybook 1.0
import Models 1.0

import AppLayouts.Communities.popups 1.0
import AppLayouts.Communities.helpers 1.0

SplitView {
    Logs { id: logs }

    SplitView {
        orientation: Qt.Vertical
        SplitView.fillWidth: true

        Item {
            SplitView.fillWidth: true
            SplitView.fillHeight: true

            PopupBackground {
                anchors.fill: parent
            }

            Button {
                anchors.centerIn: parent
                text: "Reopen"

                onClicked: dialog.open()
            }

            FinaliseOwnershipPopup {
                id: dialog

                anchors.centerIn: parent
                closePolicy: Popup.NoAutoClose
                visible: true
                modal: false

                communityName: communityNameText.text
                communityLogo: ModelsData.collectibles.doodles
                communityColor: color1.checked ?  "#FFC4E9" : "#f44336"

                tokenSymbol: communitySymbolText.text
                tokenChainName: tokenChainText.text

                accounts: ListModel {
                    ListElement {
                        name: "Test account"
                        emoji: "😋"
                        address: "0x7F47C2e18a4BBf5487E6fb082eC2D9Ab0E6d7240"
                        color: "red"
                    }
                    ListElement {
                        name: "Another account - generated"
                        emoji: "🚗"
                        address: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8888"
                        color: "blue"
                    }
                }

                feeText: !feesErrorChecker.checked ? "13.34 USD (0.0072 ETH)" : ""
                isFeeLoading: feesLoadingChecker.checked
                feeErrorText: feesErrorChecker.checked ? "Error getting fees" : ""

                onRejectClicked: logs.logEvent("FinaliseOwnershipPopup::onRejectClicked")
                onFinaliseOwnershipClicked: logs.logEvent("FinaliseOwnershipPopup::onFinaliseOwnershipClicked")
                onVisitCommunityClicked: logs.logEvent("FinaliseOwnershipPopup::onVisitCommunityClicked")
                onOpenControlNodeDocClicked: logs.logEvent("FinaliseOwnershipPopup::onOpenControlNodeDocClicked --> " + link)
            }
        }

        LogsAndControlsPanel {
            id: logsAndControlsPanel

            SplitView.minimumHeight: 100
            SplitView.preferredHeight: 150

            logsView.logText: logs.logText
        }
    }

    Pane {
        SplitView.minimumWidth: 300
        SplitView.preferredWidth: 300

        Column {
            spacing: 12

            Label {
                text: "Community Name"
                font.bold: true
            }

            TextField {
                id: communityNameText
                text: "Doodles"
            }

            Label {
                text: "Community Symbol"
                font.bold: true
            }

            TextField {
                id: communitySymbolText

                text: "OWNDOO"
            }

            Label {
                text: "Token chain name"
                font.bold: true
            }

            TextField {
                id: tokenChainText

                text: "Optimism"
            }

            Label {
                text: "Community Logo"
                font.bold: true
            }

            Column {

                RadioButton {
                    id: doodleLogo

                    text: "Doodle"
                    checked: true

                    onCheckedChanged: dialog.communityLogo =  ModelsData.collectibles.doodles
                }

                RadioButton {
                    id: manaLogo

                    text: "Mana"

                    onCheckedChanged: dialog.communityLogo =  ModelsData.collectibles.mana
                }

                RadioButton {
                    id: superRareLogo

                    text: "Status"

                    onCheckedChanged: dialog.communityLogo =  ModelsData.collectibles.custom
                }
            }

            Label {
                text: "Community Color"
                font.bold: true
            }

            RowLayout {
                RadioButton {
                    id: color1

                    text: "Light pink"
                    checked: true
                }

                RadioButton {
                    text: "Orange"
                }
            }

            Label {
                text: "Fees"
                font.bold: true
            }

            Switch {
                id: feesErrorChecker

                text: "Is there fees error?"
                checked: false
            }

            Switch {
                id: feesLoadingChecker

                text: "Is fees loading?"
                checked: false
            }
        }
    }
}

// category: Popups

// https://www.figma.com/file/qHfFm7C9LwtXpfdbxssCK3/Kuba%E2%8E%9CDesktop---Communities?type=design&node-id=37206%3A87869&mode=design&t=olSRjSKm7CM2vv5O-1
// https://www.figma.com/file/qHfFm7C9LwtXpfdbxssCK3/Kuba%E2%8E%9CDesktop---Communities?type=design&node-id=37206%3A93588&mode=design&t=olSRjSKm7CM2vv5O-1