import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../imports"
import "../../../shared"
import "."

import StatusQ.Layout 0.1

Item {
    id: walletView

    property bool hideSignPhraseModal: false

    function showSigningPhrasePopup(){
        if(!hideSignPhraseModal && !appSettings.hideSignPhraseModal){
            signPhrasePopup.open();
        }
    }

    SignPhraseModal {
        id: signPhrasePopup
    }
        
    SeedPhraseBackupWarning { 
        id: seedPhraseWarning
        width: parent.width
        anchors.top: parent.top
    }

    StatusAppTwoPanelLayout {
        anchors.top: seedPhraseWarning.bottom
        height: walletView.height - seedPhraseWarning.height
        width: walletView.width

        Component.onCompleted: {
            if(onboardingModel.firstTimeLogin){
                onboardingModel.firstTimeLogin = false
                walletModel.setInitialRange()
            }
        }

        Timer {
            id: recentHistoryTimer
            interval: Constants.walletFetchRecentHistoryInterval
            running: true
            repeat: true
            onTriggered: walletModel.transactionsView.checkRecentHistory()
        }
        
        leftPanel: LeftTab {
            id: leftTab
            anchors.fill: parent
        }

        rightPanel: Item {
        
            anchors.fill: parent

            id: walletContainer

            WalletHeader {
                id: walletHeader
                changeSelectedAccount: leftTab.changeSelectedAccount
            }

            RowLayout {
                id: walletInfoContainer
                anchors.bottom: parent.bottom
                anchors.bottomMargin: 0
                anchors.left: parent.left
                anchors.leftMargin: 0
                anchors.right: parent.right
                anchors.rightMargin: 0
                anchors.top: walletHeader.bottom
                anchors.topMargin: 23

                Item {
                    id: walletInfoContent
                    Layout.fillHeight: true
                    Layout.fillWidth: true

                    TabBar {
                        id: walletTabBar
                        anchors.right: parent.right
                        anchors.rightMargin: Style.current.bigPadding
                        anchors.left: parent.left
                        anchors.leftMargin: Style.current.bigPadding
                        anchors.top: parent.top
                        anchors.topMargin: Style.current.padding
                        height: assetBtn.height
                        background: Rectangle {
                            color: Style.current.transparent
                        }
                        StatusTabButton {
                            id: assetBtn
                            //% "Assets"
                            btnText: qsTrId("wallet-assets")
                        }
                        StatusTabButton {
                            id: collectiblesBtn
                            anchors.left: assetBtn.right
                            anchors.leftMargin: 32
                            //% "Collectibles"
                            btnText: qsTrId("wallet-collectibles")
                        }
                        StatusTabButton {
                            id: historyBtn
                            anchors.left: collectiblesBtn.right
                            anchors.leftMargin: 32
                            //% "History"
                            btnText: qsTrId("history")
                        }
                    }

                    StackLayout {
                        id: stackLayout
                        anchors.rightMargin: Style.current.bigPadding
                        anchors.leftMargin: Style.current.bigPadding
                        anchors.top: walletTabBar.bottom
                        anchors.right: parent.right
                        anchors.bottom: parent.bottom
                        anchors.left: parent.left
                        anchors.topMargin: Style.current.bigPadding
                        currentIndex: walletTabBar.currentIndex

                        AssetsTab {
                            id: assetsTab
                        }
                        CollectiblesTab {
                            id: collectiblesTab
                        }
                        HistoryTab {
                            id: historyTab
                        }
                    }
                }
            }
        }
    }
}


/*##^##
Designer {
    D{i:0;autoSize:true;formeditorColor:"#ffffff";height:770;width:1152}
}
##^##*/