/****************************************************************************
**
** Copyright (c) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Yoann Lopes (yoann.lopes@nokia.com)
**
** This file is part of the MeeSpot project.
**
** Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions
** are met:
**
** Redistributions of source code must retain the above copyright notice,
** this list of conditions and the following disclaimer.
**
** Redistributions in binary form must reproduce the above copyright
** notice, this list of conditions and the following disclaimer in the
** documentation and/or other materials provided with the distribution.
**
** Neither the name of Nokia Corporation and its Subsidiary(-ies) nor the names of its
** contributors may be used to endorse or promote products derived from
** this software without specific prior written permission.
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS
** FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
** TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
** PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
** LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
** NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
**
** If you have questions regarding the use of this file, please contact
** Nokia at qt-info@nokia.com.
**
****************************************************************************/

import QtQuick 1.1
import com.nokia.meego 1.0
import QtSpotify 1.0
import "UIConstants.js" as UI

Page {
    id: folderPage
    orientationLock: PageOrientation.LockPortrait
    anchors.rightMargin: UI.MARGIN_XLARGE
    anchors.leftMargin: UI.MARGIN_XLARGE

    property variant folder
    property bool folderDeleted: false

    function folderNotDeleted(page) {
        if (page.folderDeleted == undefined) {
            return true;
        }
        return !page.folderDeleted;
    }

    Connections {
        target: folder
        onPlaylistDestroyed: {
            folderPage.folderDeleted = true
            var foundPage = playlistsTab.find(folderNotDeleted);
            if (foundPage !== playlistsTab.currentPage)
                playlistsTab.pop(foundPage, true);
        }
    }

    PlaylistMenu {
        id: menu
    }

//    PlaylistNameSheet {
//        id: newPlaylistSheet
//        title: "Playlist name"
//        onAccepted: { spotifySession.user.createPlaylistInFolder(newPlaylistSheet.playlistName, folderPage.folder); }
//    }

    ListView {
        id: playlists
        anchors.fill: parent

        cacheBuffer: 3000
        model: folder.playlists

        Component.onCompleted: positionViewAtBeginning()

        delegate: PlaylistDelegate {
            id: playlistDelegate
            title: (modelData.type === SpotifyPlaylist.Playlist || modelData.type === SpotifyPlaylist.Folder ? modelData.name
                                                                                                           : (modelData.type === SpotifyPlaylist.Starred ? "Starred"
                                                                                                                                                        : "Inbox"))
            subtitle: if (modelData.type == SpotifyPlaylist.Folder) {
                          modelData.playlistCount + " playlist" + (modelData.playlistCount > 1 ? "s" : "")
                      } else {
                          modelData.trackCount + " song" + (modelData.trackCount > 1 ? "s" : "")
                                  + ((spotifySession.user ? spotifySession.user.ownsPlaylist(modelData) : false) ? "" : " | by " + modelData.owner)
                      }
            extraText: modelData.type === SpotifyPlaylist.Folder ? "" : spotifySession.formatDuration(modelData.totalDuration)
            icon: modelData.collaborative ? "images/icon-m-collaborative-playlist.png" : staticIcon
            offlineStatus: modelData.offlineStatus
            availableOffline: modelData.availableOffline
            downloadProgress: modelData.offlineDownloadProgress
            unseens: modelData.unseenCount
            enabled: opacity == 1.0
            opacity: !spotifySession.offlineMode || modelData.availableOffline || modelData.type === SpotifyPlaylist.Folder ? 1.0 : 0.3

            onClicked: {
                if (modelData.trackCount > 0) {
                    var component = Qt.createComponent("TracklistPage.qml");
                    if (component.status === Component.Ready) {
                        var playlistPage = component.createObject(playlistsTab, { playlist: modelData });
                        playlistsTab.push(playlistPage);
                    }
                } else if (modelData.type === SpotifyPlaylist.Folder) {
                    var component2 = Qt.createComponent("FolderPage.qml");
                    if (component2.status === Component.Ready) {
                        var folderPage = component2.createObject(playlistsTab, { folder: modelData });
                        playlistsTab.push(folderPage);
                    }
                }
            }
            onPressAndHold: { menu.playlist = modelData; menu.open(); }

            property string staticIcon

            function updateIcon() {
                if (modelData.type === SpotifyPlaylist.Playlist)
                    staticIcon = theme.inverted ? "image://theme/icon-m-music-video-all-songs" : "images/icon-m-music-video-all-songs-black.png";
                else if (modelData.type === SpotifyPlaylist.Starred)
                    staticIcon = "image://theme/icon-m-common-favorite-mark" + (theme.inverted ? "-inverse" : "");
                else if (modelData.type === SpotifyPlaylist.Inbox)
                    staticIcon = theme.inverted ? "image://theme/icon-m-toolbar-directory-move-to-white-selected" : "images/icon-m-toolbar-directory-move-to-black.png";
                else if (modelData.type === SpotifyPlaylist.Folder)
                    staticIcon = theme.inverted ? "image://theme/icon-m-toolbar-directory-selected" : "images/icon-m-toolbar-directory-black.png"
            }

            Connections {
                target: theme
                onInvertedChanged: playlistDelegate.updateIcon()
            }

            Component.onCompleted: updateIcon()
        }

        header: ViewHeader {
            text: folder.name
        }

//        footer: Item {
//            height: visible ? (UI.LIST_ITEM_HEIGHT + separator.height) : 0
//            width: parent.width
//            visible: !spotifySession.offlineMode

//            Separator {
//                id: separator
//                anchors.left: parent.left
//                anchors.right: parent.right
//                anchors.top: parent.top
//            }

//            Rectangle {
//                id: background
//                anchors.fill: row
//                // Fill page porders
//                anchors.leftMargin: -UI.MARGIN_XLARGE
//                anchors.rightMargin: -UI.MARGIN_XLARGE
//                opacity: mouseArea.pressed ? 1.0 : 0.0
//                color: "#22FFFFFF"
//            }

//            Row {
//                id: row
//                width: parent.width
//                anchors.top: separator.bottom
//                anchors.bottom: parent.bottom
//                spacing: UI.LIST_ITEM_SPACING

//                Item {
//                    id: iconItem
//                    anchors.verticalCenter: parent.verticalCenter
//                    visible: iconImage.source !== "" ? true : false
//                    width: 40
//                    height: 40

//                    Image {
//                        id: iconImage
//                        anchors.centerIn: parent
//                        source: theme.inverted ? "image://theme/icon-m-input-add" : "image://theme/icon-m-common-add"
//                        opacity: 0.4
//                    }
//                }

//                Label {
//                    anchors.verticalCenter: parent.verticalCenter
//                    font.family: UI.FONT_FAMILY_BOLD
//                    font.weight: Font.Bold
//                    font.pixelSize: UI.LIST_TILE_SIZE
//                    color: theme.inverted ? UI.LIST_TITLE_COLOR_INVERTED : UI.LIST_TITLE_COLOR
//                    opacity: 0.4
//                    text: "New playlist"
//                }
//            }

//            MouseArea {
//                id: mouseArea;
//                anchors.fill: parent
//                onClicked: {
//                    newPlaylistSheet.playlistName = "";
//                    newPlaylistSheet.open();
//                }
//            }
//        }
    }

    Scrollbar { listView: playlists }
}