import QtQuick
import QtQuick.Shapes
import qs
import qs.settings

/**
* ScreenCorners - Shape component for rendering screen corners
*
* Renders concave corners at the screen edges to create a rounded screen effect.
* Self-contained Shape component (no shadows).
*/
Item {
    id: root

    anchors.fill: parent

    // Wrapper with layer caching to reduce GPU tessellation overhead
    Item {
        anchors.fill: parent

        // Cache the Shape to a texture to prevent continuous re-tessellation
        layer.enabled: true

        Shape {
            id: cornersShape

            anchors.fill: parent
            preferredRendererType: Shape.CurveRenderer
            enabled: false // Disable mouse input

            ShapePath {
                id: cornersPath

                // Corner configuration
                readonly property color cornerColor: Settings.config.floating ? "black" : Qt.rgba(Colors.surface.r, Colors.surface.g, Colors.surface.b, Settings.config.translucency)
                readonly property real cornerRadius: Settings.config.screenCornerRadius
                readonly property real cornerSize: Settings.config.screenCornerRadius

                // Determine margins based on bar position
                readonly property real topMargin: Settings.config.floating ? 0 : Settings.config.barHeight
                readonly property real bottomMargin: 0
                readonly property real leftMargin: 0
                readonly property real rightMargin: 0

                // Screen dimensions
                readonly property real screenWidth: cornersShape.width
                readonly property real screenHeight: cornersShape.height

                // Only show screen corners if enabled and appropriate conditions are met
                readonly property bool shouldShow: Settings.config.showScreenCorners

                // ShapePath configuration
                strokeWidth: -1 // No stroke, fill only
                fillColor: shouldShow ? cornerColor : "transparent"

                // Smooth color animation (disabled during theme transitions to sync with Color.qml)

                // ========== PATH DEFINITION ==========
                // Draws 4 separate corner squares at screen edges
                // Each corner square has a concave arc on the inner diagonal

                // ========== TOP-LEFT CORNER ==========
                // Arc is at the bottom-right of this square (inner diagonal)
                // Start at top-left screen corner
                startX: leftMargin
                startY: topMargin

                // Top edge (moving right)
                PathLine {
                    relativeX: cornersPath.cornerSize
                    relativeY: 0
                }

                // Right edge (moving down toward arc)
                PathLine {
                    relativeX: 0
                    relativeY: cornersPath.cornerSize - cornersPath.cornerRadius
                }

                // Concave arc (bottom-right corner of square, curving inward toward screen center)
                PathArc {
                    relativeX: -cornersPath.cornerRadius
                    relativeY: cornersPath.cornerRadius
                    radiusX: cornersPath.cornerRadius
                    radiusY: cornersPath.cornerRadius
                    direction: PathArc.Counterclockwise
                }

                // Bottom edge (moving left)
                PathLine {
                    relativeX: -(cornersPath.cornerSize - cornersPath.cornerRadius)
                    relativeY: 0
                }

                // Left edge (moving up) - closes back to start
                PathLine {
                    relativeX: 0
                    relativeY: -cornersPath.cornerSize
                }

                // ========== TOP-RIGHT CORNER ==========
                // Arc is at the bottom-left of this square (inner diagonal)
                PathMove {
                    x: cornersPath.screenWidth - cornersPath.rightMargin - cornersPath.cornerSize
                    y: cornersPath.topMargin
                }

                // Top edge (moving right)
                PathLine {
                    relativeX: cornersPath.cornerSize
                    relativeY: 0
                }

                // Right edge (moving down)
                PathLine {
                    relativeX: 0
                    relativeY: cornersPath.cornerSize
                }

                // Bottom edge (moving left toward arc)
                PathLine {
                    relativeX: -(cornersPath.cornerSize - cornersPath.cornerRadius)
                    relativeY: 0
                }

                // Concave arc (bottom-left corner of square, curving inward toward screen center)
                PathArc {
                    relativeX: -cornersPath.cornerRadius
                    relativeY: -cornersPath.cornerRadius
                    radiusX: cornersPath.cornerRadius
                    radiusY: cornersPath.cornerRadius
                    direction: PathArc.Counterclockwise
                }

                // Left edge (moving up) - closes back to start
                PathLine {
                    relativeX: 0
                    relativeY: -(cornersPath.cornerSize - cornersPath.cornerRadius)
                }

                // ========== BOTTOM-LEFT CORNER ==========
                // Arc is at the top-right of this square (inner diagonal)
                PathMove {
                    x: cornersPath.leftMargin
                    y: cornersPath.screenHeight - cornersPath.bottomMargin - cornersPath.cornerSize
                }

                // Top edge (moving right toward arc)
                PathLine {
                    relativeX: cornersPath.cornerSize - cornersPath.cornerRadius
                    relativeY: 0
                }

                // Concave arc (top-right corner of square, curving inward toward screen center)
                PathArc {
                    relativeX: cornersPath.cornerRadius
                    relativeY: cornersPath.cornerRadius
                    radiusX: cornersPath.cornerRadius
                    radiusY: cornersPath.cornerRadius
                    direction: PathArc.Counterclockwise
                }

                // Right edge (moving down)
                PathLine {
                    relativeX: 0
                    relativeY: cornersPath.cornerSize - cornersPath.cornerRadius
                }

                // Bottom edge (moving left)
                PathLine {
                    relativeX: -cornersPath.cornerSize
                    relativeY: 0
                }

                // Left edge (moving up) - closes back to start
                PathLine {
                    relativeX: 0
                    relativeY: -cornersPath.cornerSize
                }

                // ========== BOTTOM-RIGHT CORNER ==========
                // Arc is at the top-left of this square (inner diagonal)
                // Start at bottom-right of square (different from other corners!)
                PathMove {
                    x: cornersPath.screenWidth - cornersPath.rightMargin
                    y: cornersPath.screenHeight - cornersPath.bottomMargin
                }

                // Bottom edge (moving left)
                PathLine {
                    relativeX: -cornersPath.cornerSize
                    relativeY: 0
                }

                // Left edge (moving up toward arc)
                PathLine {
                    relativeX: 0
                    relativeY: -(cornersPath.cornerSize - cornersPath.cornerRadius)
                }

                // Concave arc (top-left corner of square, curving inward toward screen center)
                PathArc {
                    relativeX: cornersPath.cornerRadius
                    relativeY: -cornersPath.cornerRadius
                    radiusX: cornersPath.cornerRadius
                    radiusY: cornersPath.cornerRadius
                    direction: PathArc.Counterclockwise
                }

                // Top edge (moving right)
                PathLine {
                    relativeX: cornersPath.cornerSize - cornersPath.cornerRadius
                    relativeY: 0
                }

                // Right edge (moving down) - closes back to start
                PathLine {
                    relativeX: 0
                    relativeY: cornersPath.cornerSize
                }
            }
        }
    }
}