From d4ee5280e0160c7b56c4c9cbc2a103db7da4a85d Mon Sep 17 00:00:00 2001
From: Michiel Gerritsen <michiel@controlaltdelete.nl>
Date: Mon, 12 Feb 2024 16:37:08 +0100
Subject: [PATCH] Improvement: Keep the selected payment methods when switching
 shipping method during backend order creation

---
 .../layout/sales_order_create_index.xml       | 14 ++++++
 .../form/mollie_paymentlink_javascript.phtml  | 49 +++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 view/adminhtml/layout/sales_order_create_index.xml
 create mode 100644 view/adminhtml/templates/form/mollie_paymentlink_javascript.phtml
diff --git a/view/adminhtml/layout/sales_order_create_index.xml b/view/adminhtml/layout/sales_order_create_index.xml
new file mode 100644
index 00000000000..3825f38ea23
--- /dev/null
+++ b/view/adminhtml/layout/sales_order_create_index.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceBlock name="content">
+            <block name="mollie_paymentlink_javascript" template="Mollie_Payment::form/mollie_paymentlink_javascript.phtml" after="-" />
+        </referenceBlock>
+    </body>
+</page>
diff --git a/view/adminhtml/templates/form/mollie_paymentlink_javascript.phtml b/view/adminhtml/templates/form/mollie_paymentlink_javascript.phtml
new file mode 100644
index 00000000000..f99f16fa7ed
--- /dev/null
+++ b/view/adminhtml/templates/form/mollie_paymentlink_javascript.phtml
@@ -0,0 +1,49 @@
+<?php
+/*
+ * Copyright Magmodules.eu. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+?>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        const saveSelectedMethods = () => {
+            // Save the selected payment methods to local storage
+            var paymentMethods = document.getElementById('mollie_methods_paymentlink_methods');
+            if (!paymentMethods) {
+                return;
+            }
+
+            paymentMethods.addEventListener('change', function () {
+                var selected = [];
+                for (var i = 0; i < paymentMethods.options.length; i++) {
+                    if (paymentMethods.options[i].selected) {
+                        selected.push(paymentMethods.options[i].value);
+                    }
+                }
+                localStorage.setItem('mollie_paymentlink_methods', JSON.stringify(selected));
+            });
+        };
+
+        const setSelectedMethods = () => {
+            var paymentMethods = document.getElementById('mollie_methods_paymentlink_methods');
+            const selectedMethods = JSON.parse(localStorage.getItem('mollie_paymentlink_methods'));
+            if (!selectedMethods || !paymentMethods) {
+                return;
+            }
+
+            for (var i = 0; i < paymentMethods.options.length; i++) {
+                if (selectedMethods.indexOf(paymentMethods.options[i].value) !== -1) {
+                    paymentMethods.options[i].selected = true;
+                }
+            }
+        };
+
+        saveSelectedMethods();
+        setSelectedMethods();
+
+        document.getElementById('order-billing_method').addEventListener('DOMSubtreeModified', () => {
+            saveSelectedMethods();
+            setSelectedMethods();
+        })
+    });
+</script>
