/*
 *  Komplex Wallpaper Engine
 *  Copyright (C) 2026 @DigitalArtifex
 *  https://digitalartifex.dev - https://github.com/DigitalArtifex
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <https://www.gnu.org/licenses/>
 */
import QtQuick
import QtQuick.Controls 2.0
import QtQuick.Layouts
import KomplexHub

Item
{
    property string title: qsTr("Wallpaper Spotlight")
    property string description: qsTr("Featured Images and Live Wallpaper Packs")
    property color color: palette.alternateBase
    property string image: "qrc:/images/kero/kero_spotlight.png"

    id: rootItem

    Rectangle
    {
        anchors.fill: parent
        color: rootItem.color
        border.color: palette.midlight

        RowLayout
        {
            anchors.fill: parent

            Item
            {
                Layout.fillHeight: true
                Layout.fillWidth: true
            }

            Rectangle
            {
                Layout.fillHeight: true
                Layout.preferredWidth: height
                Layout.alignment: Qt.AlignLeft

                color: "transparent"

                Image
                {
                    anchors.fill: parent

                    source: image
                    antialiasing: true
                    fillMode: Image.PreserveAspectFit
                }
            }

            ColumnLayout
            {
                Layout.fillHeight: true
                Layout.fillWidth: true
                Layout.alignment: Qt.AlignLeft

                Text
                {
                    color: palette.text
                    text: rootItem.title
                    font: Constants.h1Font

                    Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
                }

                Text
                {
                    id: errorText
                    text: rootItem.description
                    color: palette.text.darker()

                    Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
                    Layout.bottomMargin: Constants.largeMargin
                }
            }

            Item
            {
                Layout.fillHeight: true
                Layout.fillWidth: true
            }
        }
    }
}