/*
  Copyright (C) 2014 Michal Kosciesza <michal@mkiol.net>

  This file is part of Kaktus.

  Kaktus is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  Kaktus is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with Kaktus.  If not, see <http://www.gnu.org/licenses/>.
*/

import QtQuick 2.0
import Sailfish.Silica 1.0

SilicaFlickable {
    id: root

    property int index
    property string content
    property string image
    property bool busy: false
    property bool openable: false
    property alias textFormat: contentLabel.textFormat
    readonly property bool active: content.length > 0 || image.length > 0

    signal clicked
    signal openClicked

    contentWidth: width
    contentHeight: column.height

    onIndexChanged: {
        scrollToTop();
    }

    Rectangle {
        anchors.fill: bgitem
        visible: opacity > 0.0
        opacity: root.active ? 0.5 : 0.0
        Behavior on opacity { FadeAnimation {} }
        color: Theme.colorScheme ? "white" : "black"
    }

    BackgroundItem {
        id: bgitem
        width: column.width
        height: Math.max(column.height, root.height);
        onClicked: root.clicked();
        enabled: root.active

        Column {
            id: column
            spacing: Theme.paddingMedium
            width: root.width

            CachedImage {
                id: entryImage
                anchors.horizontalCenter: parent.horizontalCenter
                maxWidth: root.width
                minWidth: Theme.iconSizeMedium
                orgSource: root.image
            }

            Item {
                height: 1
                width: parent.width
                visible: !entryImage.enabled
            }

            Label {
                id: contentLabel
                anchors {
                    left: parent.left;
                    right: parent.right;
                    leftMargin: Theme.paddingLarge;
                    rightMargin: Theme.horizontalPageMargin
                }
                text: root.content
                wrapMode: Text.Wrap
                linkColor: Theme.highlightColor
                font.pixelSize: Theme.fontSizeSmall
                visible: root.content.length > 0 && !root.busy
                color: Theme.primaryColor
            }

            Button {
                anchors.horizontalCenter: parent.horizontalCenter
                enabled: root.openable
                visible: enabled
                text: qsTr("Open")
                onClicked: {
                    if (root.openable)
                        root.openClicked();
                }
            }

            Item {
                height: 2 * Theme.paddingLarge
                width: parent.width
            }
        }
    }

    VerticalScrollDecorator {
        flickable: root
    }
}