qml: Add Multiple Recipients bar to Send form

Author: johnny9

qml/controls/SendOptionsPopup.qml

@@ -45,4 +45,4 @@ OptionPopup {
             text: qsTr("Multiple Recipients")
         }
     }
-}
+}

qml/models/walletqmlmodel.cpp

@@ -208,3 +208,13 @@ std::vector<COutPoint> WalletQmlModel::listSelectedCoins() const
 {
     return m_coin_control.ListSelected();
 }
+
+int WalletQmlModel::recipientIndex() const
+{
+    return 1;
+}
+
+int WalletQmlModel::recipientsCount() const
+{
+    return 1;
+}

qml/models/walletqmlmodel.h

@@ -30,6 +30,8 @@ class WalletQmlModel : public QObject
     Q_PROPERTY(SendRecipient* sendRecipient READ sendRecipient CONSTANT)
     Q_PROPERTY(SendRecipientsListModel* recipients READ sendRecipientList CONSTANT)
     Q_PROPERTY(WalletQmlModelTransaction* currentTransaction READ currentTransaction NOTIFY currentTransactionChanged)
+    Q_PROPERTY(int recipientIndex READ recipientIndex NOTIFY recipientIndexChanged)
+    Q_PROPERTY(int recipientsCount READ recipientsCount NOTIFY recipientsCountChanged)
 
 public:
     WalletQmlModel(std::unique_ptr<interfaces::Wallet> wallet, QObject* parent = nullptr);
@@ -66,10 +68,15 @@ class WalletQmlModel : public QObject
     bool isSelectedCoin(const COutPoint& output);
     std::vector<COutPoint> listSelectedCoins() const;
 
+    int recipientIndex() const;
+    int recipientsCount() const;
+
 Q_SIGNALS:
     void nameChanged();
     void balanceChanged();
     void currentTransactionChanged();
+    void recipientIndexChanged();
+    void recipientsCountChanged();
 
 private:
     std::unique_ptr<interfaces::Wallet> m_wallet;

qml/pages/wallet/Send.qml

@@ -84,6 +84,34 @@ PageStack {
                     }
                 }
 
+                RowLayout {
+                    id: selectAndAddRecipients
+                    Layout.fillWidth: true
+                    Layout.topMargin: 10
+                    Layout.bottomMargin: 10
+                    visible: settings.multipleRecipientsEnabled
+
+                    NavButton {
+                        iconSource: "image://images/caret-left"
+                    }
+
+                    NavButton {
+                        iconSource: "image://images/caret-right"
+                    }
+
+                    CoreText {
+                        id: selectAndAddRecipientsLabel
+                        text: qsTr("Recipient %1 of %2").arg(wallet.recipientIndex).arg(wallet.recipientsCount)
+                        font.pixelSize: 18
+                        color: Theme.color.neutral9
+                    }
+                }
+
+                Separator {
+                    visible: settings.multipleRecipientsEnabled
+                    Layout.fillWidth: true
+                }
+
                 LabeledTextInput {
                     id: address
                     Layout.fillWidth: true