import QtQuick
import QtQuick.Layouts
import qs.Components
import qs.Config
import qs.Helpers

ColumnLayout {
	id: root

	required property int rootHeight

	spacing: Appearance.spacing.extraSmall

	CustomText {
		Layout.alignment: Qt.AlignHCenter
		animate: true
		color: DynamicColors.palette.m3onSurfaceVariant
		font.pointSize: Appearance.font.size.large
		text: Weather.description
	}

	RowLayout {
		Layout.alignment: Qt.AlignHCenter
		spacing: Appearance.spacing.small

		CustomText {
			id: temp

			animate: true
			color: DynamicColors.palette.m3primary
			font.pointSize: Appearance.font.size.large
			text: Weather.temp
		}

		MaterialIcon {
			animate: true
			color: DynamicColors.palette.m3secondary
			text: Weather.icon
		}
	}

	CustomText {
		Layout.alignment: Qt.AlignHCenter
		animate: true
		color: DynamicColors.palette.m3onSurfaceVariant
		font.pointSize: Appearance.font.size.large
		text: qsTr("Feels like %1").arg(Weather.temp)
		visible: root.rootHeight > 550
	}

	CustomText {
		Layout.alignment: Qt.AlignHCenter
		animate: true
		color: DynamicColors.palette.m3onSurfaceVariant
		font.pointSize: Appearance.font.size.medium
		text: {
			const today = Weather.forecast[0];
			return qsTr("High %1 • Low %2").arg(Weather.formatTemp(today?.maxTempC)).arg(Weather.formatTemp(today?.minTempC));
		}
		visible: root.rootHeight > 550
	}
}