import QtQuick
import QtQuick.Controls
import QtQuick.Window
import QtQuick.Layouts
import FluentUI

Popup {
    id: transfer_popup
    x: parent ? (parent.width - implicitWidth) / 2 : 0
    y: parent ? parent.height : 0
    background: FluArea {
        implicitWidth: 300
        implicitHeight: 200
        color: "#f8f8f8"
        radius: 5
        FluShadow {}
    }

    contentItem: FluScrollablePage {
        anchors.fill: parent
        anchors.topMargin: 10
        ColumnLayout {
            Layout.fillWidth: true
            Layout.bottomMargin: -10
            Repeater {
                model: FileTransferListModel
                delegate: ColumnLayout {
                    Layout.bottomMargin: 10
                    spacing: 10
                    width: parent.width
                    Text {
                        text: name
                    }

                    FluProgressBar {
                        Layout.fillWidth: true
                        progress: completedSize / totalSize
                        indeterminate: false
                    }
                }
            }
        }
    }
}