1 files changed, 155 insertions, 0 deletions
diff --git a/Shop/Cart/CartTotal.ui.qml b/Shop/Cart/CartTotal.ui.qml
new file mode 100644
index 0000000..4945c17
--- /dev/null
+++ b/Shop/Cart/CartTotal.ui.qml
@@ -0,0 +1,155 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Effects
+
+Item {
+	id: cartTotal
+	MultiEffect {
+		source: cartTotalCard
+		anchors.fill: cartTotalCard
+		shadowEnabled: true
+		shadowColor: "#4d0000"
+		shadowVerticalOffset: 4
+	}
+	Rectangle {
+		id: cartTotalCard
+		anchors.fill: parent
+		ColumnLayout {
+			id: cardBody
+			anchors.fill: parent
+			spacing: 0
+			Label {
+				id: title
+				color: "#000000"
+				text: qsTr("Cart total")
+				Layout.rightMargin: 20
+				Layout.leftMargin: 20
+				Layout.topMargin: 20
+				Layout.margins: 8
+				Layout.fillHeight: false
+				Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+				Layout.fillWidth: true
+				font.pointSize: 22
+				font.styleName: "Medium"
+				font.family: "Roboto"
+			}
+
+			RowLayout {
+				id: price
+				Layout.rightMargin: 20
+				Layout.leftMargin: 20
+				Layout.bottomMargin: 0
+				Layout.fillHeight: true
+				Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+				Layout.fillWidth: true
+				anchors.top: title.bottom
+				anchors.topMargin: 16
+				Label {
+					color: "#000000"
+					text: qsTr("Original price")
+					Layout.fillHeight: false
+					font.family: "Roboto"
+					font.pointSize: 14
+					Layout.fillWidth: true
+				}
+				Label {
+					color: "#000000"
+					text: qsTr("$500")
+					horizontalAlignment: Text.AlignRight
+					Layout.fillHeight: false
+					font.weight: Font.Medium
+					font.pointSize: 14
+					Layout.fillWidth: true
+				}
+			}
+
+			RowLayout {
+				id: discount
+				Layout.rightMargin: 20
+				Layout.leftMargin: 20
+				Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+				Layout.fillWidth: true
+				anchors.top: price.bottom
+				anchors.topMargin: 16
+				Label {
+					color: "#000000"
+					text: qsTr("Coupon discount")
+					Layout.fillHeight: false
+					Layout.fillWidth: true
+					font.family: "Roboto"
+					font.pointSize: 14
+				}
+				Label {
+					color: "#000000"
+					text: qsTr("-$500")
+					horizontalAlignment: Text.AlignRight
+					Layout.fillHeight: false
+					Layout.fillWidth: true
+					font.weight: Font.Medium
+				}
+			}
+
+			RowLayout {
+				id: total
+				Layout.rightMargin: 20
+				Layout.leftMargin: 20
+				Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+				Layout.fillWidth: true
+				anchors.top: discount.bottom
+				Label {
+					color: "#000000"
+					text: qsTr("Total")
+					Layout.fillHeight: false
+					font.family: "Roboto"
+					font.styleName: "Medium"
+					font.pointSize: 22
+					Layout.fillWidth: true
+				}
+				Label {
+					color: "#000000"
+					text: qsTr("$480")
+					horizontalAlignment: Text.AlignRight
+					Layout.fillHeight: false
+					font.styleName: "Medium"
+					font.pointSize: 22
+					font.family: "Roboto"
+					Layout.fillWidth: true
+				}
+			}
+
+			Button {
+				id: proceedButton
+				text: qsTr("Proceed to checkout")
+				Layout.rightMargin: 20
+				Layout.leftMargin: 20
+				Layout.fillHeight: false
+				anchors.top: total.bottom
+				anchors.topMargin: 16
+				Layout.topMargin: 0
+				font.weight: Font.Medium
+				font.pointSize: 14
+				font.family: "Roboto"
+				Layout.fillWidth: true
+				flat: false
+				display: AbstractButton.TextOnly
+			}
+
+			Label {
+				id: consent
+				color: "#80000000"
+				text: "By completing your purchase, you agree to these Terms of Service"
+				wrapMode: Text.Wrap
+				anchors.topMargin: 16
+				Layout.bottomMargin: 20
+				Layout.rightMargin: 20
+				Layout.leftMargin: 20
+				Layout.fillHeight: false
+				Layout.fillWidth: true
+				anchors.top: proceedButton.bottom
+				font.pointSize: 12
+				font.family: "Roboto"
+			}
+		}
+	}
+}