import QtQuick 1.0
import "../Shared"

Rectangle {
    id: serialPage
    anchors.fill: parent
    signal stopSpinner()

    Component {
        id: serial_s_Delegate

        Item {
            width: serialPage.width
            height: serimg_s.height+10+season_n.height
            clip: true

            MouseArea {
            anchors.fill: parent
            onClicked: {
                clickMovie(idser)
                pageModel.pageRequested("MovieCard/MovieCard.qml")
                showSpinner()
            }
            }
        Text {
                id: season_n
                height: season_h
                text: season_t + season_name
                color: "#e60040"
                font.family: mainFont.name
                font.pointSize: 7.0
                font.bold :true
                anchors.left: parent.left
                anchors.leftMargin: 5
                width: serialPage.width-175
                wrapMode: Text.WordWrap
            }
        Row {
            spacing: 10
            Column {
                Image {
                    id: serimg_s
                    source: img_path
                    width: 100
                    height: 75
                    fillMode: Image.PreserveAspectFit
                    anchors.left: parent.left
                    anchors.top: parent.top
                    anchors.topMargin: 5 + season_n.height
                    anchors.leftMargin: 7
                    onStatusChanged: {
                        if(status==Image.Ready)
                            hideSpinner()
                        else if(status==Image.Error)
                            hideSpinner()
                    }
                }
            }
            Column {
                Text {
                    text: title
                    color: "#000000"
                    font.family: mainFont.name
                    font.pointSize: 6.0
                    anchors.left: parent.left
                    anchors.top: parent.top
                    anchors.topMargin: 5 + season_n.height
                    width: serialPage.width-120
                    wrapMode: Text.WordWrap
                }
            }
        }
        Image {
            anchors.verticalCenter: parent.verticalCenter
            anchors.right: parent.right
            anchors.rightMargin: 9
            source: "../images/pop_arrow.png"
            smooth: true
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    clickMovie(idser)
                    pageModel.pageRequested("MovieCard/MovieCard.qml")
                    showSpinner()
                }
            }
        }
        Rectangle {
            width: parent.width + 10
            height: 1
            color: "#ededed"
            anchors.top: parent.top
            anchors.topMargin: serimg_s.height+9+season_n.height
        }
      }
    }

    ListView {
        id: serialView_s
        width: parent.width
        height: parent.height-(tabbar.height+topbar.height+top_desc_s.height)
        anchors.top: top_desc_s.bottom
        model: serial_s_Model
        delegate: serial_s_Delegate
    }

    Rectangle {
        id: top_desc_s
        anchors.top: parent.top
        anchors.topMargin: topbar.height
        width: parent.width
        height: 106
        color: "#eaeaea"
        Image {
            id: serial_s_top
            source: publicModel.serial_s_top
            anchors.top: parent.top
            anchors.topMargin: 3
            height: 100
            x: 5
            fillMode: Image.PreserveAspectFit
        }
        Text {
            id: serial_stxt_top
            text: publicModel.serial_stxt_top
            anchors.top: parent.top
            anchors.topMargin: 25
            x: serial_s_top.width + 15
            color: "#e60040"
            font.family: helvetica.name
            font.pointSize: 7.0
            font.bold: true
            width: serialPage.width-serial_s_top.width - 25
            wrapMode: Text.WordWrap
        }
        Rectangle {
            width: parent.width
            height: 1
            color: "#d7d7d7"
            anchors.top: parent.bottom
        }
    }

    BackTopbar {
        id: topbar
        navBarTitle: publicModel.title_serial_s
    }
}