import QtQuick 2.0
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
import QtQuick.Controls.Styles 1.4

ColumnLayout {
    id: container
    property var model

    spacing: StyleSpacings.tinySpacing

    RowLayout{
        Label{
            font.pointSize: 9
            color: "grey"
            text: model.pMediaTitle
        }
        Item{
            // spacer
            Layout.fillWidth: true
        }

        Label{
            font.pointSize: 9
            color: "grey"
            text: model.pTime + " / " + model.pMediaLength
        }
    }

    ProgressBar{
        id: progress
        Layout.fillWidth: true

        value: model.pProgress

        style:ProgressBarStyle {
            background: Rectangle {
                radius: StyleSizes.progressBackgroundRadius
                color: "white"
                border.color: "grey"
                border.width: StyleSizes.progressBackgroundBorderWidth
                implicitWidth: container.width
                implicitHeight: StyleSizes.progressBackgroundDefaultHeight
            }
            progress: Rectangle {
                color: "blue"
                border.color: "blue"
                radius: StyleSizes.progressBackgroundRadius
                implicitHeight: StyleSizes.progressBarDefaultHeight
            }
        }
    }
}