import QtQuick 2.6 import QtQuick.Controls 2.2 import QtQuick.Layouts 1.0 import App 1.0 Item { id: root width: 300 height: 300 signal cardPayment() signal cashPayment() property bool paymentEnabled: true Rectangle { anchors.fill: parent color: "#0e1531" radius: 40 opacity: 0.6 } ButtonGroup { id: radioGroup } GridLayout { anchors.horizontalCenter: parent.horizontalCenter y: 20 rows: 2 columns: 3 PaymentCard { checked: true imageName: "Assets/Payment/amex.png" ButtonGroup.group: radioGroup enabled: root.paymentEnabled; onClicked: root.cardPayment() } PaymentCard { imageName: "Assets/Payment/discover.png" ButtonGroup.group: radioGroup enabled: root.paymentEnabled; onClicked: root.cardPayment() } PaymentCard { imageName: "Assets/Payment/jcb.png" ButtonGroup.group: radioGroup enabled: root.paymentEnabled; onClicked: root.cardPayment() } PaymentCard { imageName: "Assets/Payment/mastercard.png" ButtonGroup.group: radioGroup enabled: root.paymentEnabled; onClicked: root.cardPayment() } PaymentCard { imageName: "Assets/Payment/money.png" ButtonGroup.group: radioGroup enabled: root.paymentEnabled; onClicked: root.cashPayment() } PaymentCard { imageName: "Assets/Payment/visa.png" ButtonGroup.group: radioGroup enabled: root.paymentEnabled; onClicked: root.cardPayment() } } Text { color: "#ffffff" text: qsTr("Total cost") font.pixelSize: Variables.fontTotalCost x: 30 y: 150 } Text { color: "#ffffff" text: Number(Variables.currentPrice / 100).toLocaleString(locale, 'f', 2) + " \u20ac" font.pixelSize: Variables.fontPaymentCost x: 30 y: 190 } }