import QtQuick
import QtQuick.Controls
import Quickshell
import Quickshell.Wayland
import qs.Commons
import qs.Services
import qs.Widgets

Variants {
  model: Quickshell.screens

  delegate: Loader {
    required property ShellScreen modelData
    property real scaling: ScalingService.getScreenScale(modelData)
    Connections {
      target: ScalingService
      function onScaleChanged(screenName, scale) {
        if (screenName === modelData.name) {
          scaling = scale
        }
      }
    }

    // Only show on screens that have notifications enabled
    active: Settings.isLoaded && modelData ? (Settings.data.notifications.monitors.includes(modelData.name)
                                              || (Settings.data.notifications.monitors.length === 0)) : false

    sourceComponent: PanelWindow {
      id: root

      screen: modelData

      // Position based on bar location, like Notification popup does
      anchors {
        top: Settings.data.bar.position === "top"
        bottom: Settings.data.bar.position === "bottom"
        left: true
        right: true
      }

      // Set margins based on bar position
      margins.top: Settings.data.bar.position === "top" ? (Style.barHeight + Style.marginS) * scaling : 0
      margins.bottom: Settings.data.bar.position === "bottom" ? (Style.barHeight + Style.marginS) * scaling : 0

      // Small height when hidden, appropriate height when visible
      implicitHeight: toast.visible ? toast.height + Style.marginS * scaling : 1

      // Transparent background
      color: Color.transparent

      // High layer to appear above other panels
      //WlrLayershell.layer: WlrLayer.Overlay
      WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
      exclusionMode: PanelWindow.ExclusionMode.Ignore

      NToast {
        id: toast
        scaling: scaling

        // Simple positioning - margins already account for bar
        targetY: Style.marginS * scaling

        // Hidden position based on bar location
        hiddenY: Settings.data.bar.position === "top" ? -toast.height - 20 : toast.height + 20

        Component.onCompleted: {
          // Register this toast with the service
          ToastService.allToasts.push(toast)

          // Connect dismissal signal
          toast.dismissed.connect(ToastService.onToastDismissed)
        }
      }
    }
  }
}