// Auto-generated by `bin/console make:bridge:window Todo`,
// then customised to embed a read-only TodoList. Independently subscribed
// to the same Mercure topic — proves the multi-window test in PLAN.md §13.

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Window
import PhpQml.Bridge

ApplicationWindow {
    id: todoWindow
    width: 480
    height: 520
    visible: true
    title: "Todos (mirror)"

    ReactiveListModel {
        id: mirrorModel
        baseUrl: BackendConnection.url
        token:   BackendConnection.token
        source:  "/api/todos"
        topic:   "app://model/todo"
    }

    AppShell {
        anchors.fill: parent

        ColumnLayout {
            anchors.fill: parent
            anchors.margins: 16
            spacing: 12

            Label {
                text: "Mirror window"
                font.pixelSize: 16
                font.bold: true
            }
            Label {
                text: "Read-only view of the same /api/todos. Edits in the main window propagate here within ~50 ms via Mercure."
                wrapMode: Text.Wrap
                opacity: 0.7
                Layout.fillWidth: true
            }

            Frame {
                Layout.fillWidth: true
                Layout.fillHeight: true
                padding: 0
                ListView {
                    anchors.fill: parent
                    clip: true
                    model: mirrorModel

                    delegate: ItemDelegate {
                        required property string title
                        required property bool done
                        required property bool pending

                        width: ListView.view.width
                        opacity: pending ? 0.5 : 1.0
                        text: (done ? "✓ " : "  ") + title
                    }

                    Label {
                        anchors.centerIn: parent
                        visible: parent.count === 0 && mirrorModel.ready
                        text: "(empty)"
                        opacity: 0.5
                    }
                }
            }
        }
    }
}