import QtQuick 2.0
import Sailfish.Silica 1.0
import "../lib/API.js" as Logic
import "./components/"


Page {
    id: mainPage
    property bool debug: false
    property bool isFirstPage: true
    property bool isTablet: true //Screen.sizeCategory >= Screen.Large

    allowedOrientations: Orientation.All

    // Docked Navigation panel
    DockedPanel {
        id: infoPanel
        open: true
        width: isPortrait ? parent.width : Theme.itemSizeLarge
        height: isPortrait ? Theme.itemSizeLarge : parent.height
        dock: isPortrait ? Dock.Bottom : Dock.Right

        NavigationPanel {
            id: navigation
            isPortrait: !mainPage.isPortrait
            onSlideshowShow: {
                if (debug) console.log(vIndex)

                slideshow.positionViewAtIndex(vIndex, ListView.SnapToItem)
            }
        }
    }

    VisualItemModel {
        id: visualModel

        MyList {
            id: tlHome
            title: qsTr("Home")
            type: "timelines/home"
            mdl: Logic.modelTLhome
            width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
            height: parent.itemHeight
            onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
        }

        MyList {
            id: tlNotifications
            title: qsTr("Notifications")
            type: "notifications"
            notifier: true
            mdl: Logic.modelTLnotifications
            width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
            height: parent.itemHeight
            onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
        }

        MyList {
            id: tlLocal
            title: qsTr("Local")
            type: "timelines/public?local=true"
            //params: ["local", true]
            mdl: Logic.modelTLlocal
            width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
            height: parent.itemHeight
            onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
        }

        MyList {
            id: tlPublic
            title: qsTr("Federated")
            type: "timelines/public"
            mdl: Logic.modelTLpublic
            width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
            height: parent.itemHeight
            onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
        }
        MyList {
            id: tlBookmarks
            title: qsTr("Bookmarks")
            type: "bookmarks"
            mdl: Logic.modelTLbookmarks
            width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
            height: parent.itemHeight
            onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
        }

        Item {
            id: tlSearch

            property ListModel mdl: ListModel {}
            property string search

            width: isPortrait ? parent.itemWidth : parent.itemWidth - Theme.itemSizeLarge
            height: parent.itemHeight
            onSearchChanged: {
                if (debug) console.log(search)
                loader.sourceComponent = loading
                if (search.charAt(0) === "@") {
                    loader.sourceComponent = userListComponent
                } else if (search.charAt(0) === "#") {
                    loader.sourceComponent = tagListComponent
                } else loader.sourceComponent = wordListComponent
            }

            Loader {
                id: loader
                anchors.fill: parent
            }

            Column {
                id: headerContainer
                width: tlSearch.width
                PageHeader {
                    title: qsTr("Search")
                }

                SearchField {
                    id: searchField
                    width: parent.width
                    placeholderText: qsTr("@user or #term")
                    text: tlSearch.search
                    EnterKey.iconSource: "image://theme/icon-m-enter-close"
                    EnterKey.onClicked: {
                        tlSearch.search = text.toLowerCase().trim()
                        focus = false
                        if (debug) console.log(text)
                    }
                }
            }

            Component {
                id: loading
                BusyIndicator {
                    size: BusyIndicatorSize.Large
                    anchors.centerIn: parent
                    running: true
                }
            }

            Component {
                id: tagListComponent
                MyList {
                    id: view
                    mdl: ListModel {}
                    width: parent.width
                    height: parent.height
                    onOpenDrawer: isPortrait ? infoPanel.open = setDrawer : infoPanel.open = true
                    anchors.fill: parent
                    currentIndex: -1 // otherwise currentItem will steal focus
                    header:  Item {
                        id: header
                        width: headerContainer.width
                        height: headerContainer.height
                        Component.onCompleted: headerContainer.parent = header
                    }

                    delegate: VisualContainer
                    Component.onCompleted: {
                        view.type = "timelines/tag/"+tlSearch.search.substring(1)
                        var ids = []
                        view.params = []
                        view.params.push({name: 'limit', data: "20" });
                        /* we push the ids via params which we remove in the WorkerScript
                        * see: MyList:loadData() and should move */
                        if (mdl.count) {
                            for(var i = 0 ; i < mdl.count ; i++) {
                                ids.push(mdl.get(i).id)
                                //if (debug) console.log(model.get(i).id)
                            }
                            view.params.push({name: 'ids', data: ids });
                        }
                        view.loadData("append")
                    }
                }
            }

            Component {
                id: userListComponent
                MyList {
                    id: view2
                    mdl: ListModel {}
                    autoLoadMore: false
                    width: parent.width
                    height: parent.height
                    onOpenDrawer:  infoPanel.open = setDrawer
                    anchors.fill: parent
                    currentIndex: -1 // otherwise currentItem will steal focus
                    header:  Item {
                        id: header
                        width: headerContainer.width
                        height: headerContainer.height
                        Component.onCompleted: headerContainer.parent = header
                    }

                    delegate: ItemUser {
                        onClicked: {
                            pageStack.push(Qt.resolvedUrl("ProfilePage.qml"), {
                                               "display_name": model.account_display_name,
                                               "username": model.account_acct,
                                               "user_id": model.account_id,
                                               "profileImage": model.account_avatar,
                                               "profileBackground": model.account_header,
                                               "note": model.account_note,
                                               "url": model.account_url,
                                               "followers_count": model.account_followers_count,
                                               "following_count": model.account_following_count,
                                               "statuses_count": model.account_statuses_count,
                                               "locked": model.account_locked,
                                               "bot": model.account_bot,
                                               "group": model.account_group
                                           })
                        }
                    }

                    Component.onCompleted: {
                        view2.type = "accounts/search"
                        view2.params = []
                        view2.params.push({name: 'q', data: tlSearch.search.substring(1)});
                        view2.loadData("append")
                    }
                }
            }

            Component {
                id: wordListComponent
                MyList {
                    id: view3
                    mdl: ListModel {}
                    width: parent.width
                    height: parent.height
                    onOpenDrawer:  infoPanel.open = setDrawer
                    anchors.fill: parent
                    currentIndex: -1 // otherwise currentItem will steal focus
                    header:  Item {
                        id: header
                        width: headerContainer.width
                        height: headerContainer.height
                        Component.onCompleted: headerContainer.parent = header
                    }

                    delegate: VisualContainer
                    Component.onCompleted: {
                        var ids = []
                        view3.params = []
                        view3.params.push({name: 'limit', data: "20" });
                        /* we push the ids via params which we remove in the WorkerScript
                        * see: MyList:loadData() and should move */
                        if (mdl.count) {
                            for(var i = 0 ; i < mdl.count ; i++) {
                                ids.push(mdl.get(i).id)
                                //if (debug) console.log(model.get(i).id)
                            }
                            view3.params.push({name: 'ids', data: ids });
                        }
                        view3.type = "timelines/tag/"+tlSearch.search
                        view3.loadData("prepend")
                    }
                }
            }
        }
    }

    SlideshowView {
        id: slideshow
        width: parent.width
        height: parent.height
        itemWidth: isTablet ? Math.round(parent.width) : parent.width
        itemHeight: height
        clip: true
        model: visualModel
        onCurrentIndexChanged: {
            navigation.slideshowIndexChanged(currentIndex)
        }
        anchors {
            fill: parent
            top: parent.top
            rightMargin: isPortrait ? 0 : infoPanel.visibleSize
            bottomMargin: isPortrait ? infoPanel.visibleSize : 0
        }
        Component.onCompleted: {
        }
    }

    IconButton {
        id: newToot
        width: Theme.iconSizeLarge
        height: width
        visible: !isPortrait ? true : !infoPanel.open
        icon.source: "image://theme/icon-l-add"
        anchors {
            right: (mainPage.isPortrait ? parent.right : infoPanel.left)
            rightMargin: isPortrait ? Theme.paddingLarge : Theme.paddingLarge * 0.8
            bottom: (mainPage.isPortrait ? infoPanel.top : parent.bottom)
            bottomMargin: Theme.paddingLarge
        }
        onClicked: {
            pageStack.push(Qt.resolvedUrl("ConversationPage.qml"), {
                               headerTitle: qsTr("New Toot"),
                               type: "new"
                           })
        }
    }

    function onLinkActivated(href) {
        var test = href.split("/")
        debug = true
        if (debug) {
                console.log(href)
                console.log(JSON.stringify(test))
                console.log(JSON.stringify(test.length))
        }
        if (test.length === 5 && (test[3] === "tags" || test[3] === "tag") ) {
            tlSearch.search = "#"+decodeURIComponent(test[4])
            slideshow.positionViewAtIndex(5, ListView.SnapToItem)
            navigation.navigateTo('search')
            if (debug) console.log("search tag")

        } else if (test.length === 4 && test[3][0] === "@" ) {
            tlSearch.search = decodeURIComponent("@"+test[3].substring(1)+"@"+test[2])
            slideshow.positionViewAtIndex(5, ListView.SnapToItem)
            navigation.navigateTo('search')

        } else {
            Qt.openUrlExternally(href)
        }
    }

    Component.onCompleted: {
        //console.log("aaa")
    }
}