From b10d757b779c9dbe7b0c25f823a7848a848dcff5 Mon Sep 17 00:00:00 2001
From: ssteeltm <ssteeltm@gmail.com>
Date: Fri, 21 Feb 2025 15:05:45 -0300
Subject: [PATCH] drag drop for recurring invoices

---
 ajax.php              | 19 +++++++++++++++++++
 recurring_invoice.php | 43 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/ajax.php b/ajax.php
index 02929768..bc9a457d 100644
--- a/ajax.php
+++ b/ajax.php
@@ -764,3 +764,22 @@ if (isset($_POST['update_invoice_items_order'])) {
     exit;
 }
 
+if (isset($_POST['update_recurring_invoice_items_order'])) {
+    // Update multiple recurring invoice items order
+    enforceUserPermission('module_sales', 2);
+
+    $positions = $_POST['positions'];
+    $recurring_id = intval($_POST['recurring_id']);
+
+    foreach ($positions as $position) {   
+        $id = intval($position['id']);
+        $order = intval($position['order']);
+
+        mysqli_query($mysqli, "UPDATE invoice_items SET item_order = $order WHERE item_recurring_id = $recurring_id AND item_id = $id");
+    }
+
+    // return a response
+    echo json_encode(['status' => 'success']);
+    exit;
+}
+
diff --git a/recurring_invoice.php b/recurring_invoice.php
index 49b14aea..884b42a4 100644
--- a/recurring_invoice.php
+++ b/recurring_invoice.php
@@ -231,7 +231,7 @@ if (isset($_GET['recurring_id'])) {
                 <div class="col-md-12">
                     <div class="card">
                         <div class="table-responsive">
-                            <table class="table">
+                            <table class="table" id="items">
                                 <thead>
                                     <tr>
                                         <th class="d-print-none"></th>
@@ -285,7 +285,7 @@ if (isset($_GET['recurring_id'])) {
                                     }
                                     ?>
 
-                                    <tr>
+                                    <tr data-item-id="<?php echo $item_id; ?>">
                                         <td class="d-print-none">
                                             <div class="dropdown">
                                                 <button class="btn btn-sm btn-light" type="button" data-toggle="dropdown">
@@ -309,7 +309,7 @@ if (isset($_GET['recurring_id'])) {
                                                 </div>
                                             </div>
                                         </td>
-                                        <td><?php echo $item_name; ?></td>
+                                        <td class="grab-cursor"><?php echo $item_name; ?></td>
                                         <td><?php echo nl2br($item_description); ?></td>
                                         <td class="text-center"><?php echo $item_quantity; ?></td>
                                         <td class="text-right"><?php echo numfmt_format_currency($currency_format, $item_price, $recurring_currency_code); ?></td>
@@ -506,3 +506,40 @@ require_once "includes/footer.php";
         });
     });
 </script>
+
+<link rel="stylesheet" href="/plugins/dragula/dragula.min.css">
+<script src="plugins/dragula/dragula.min.js"></script>
+<script>
+$(document).ready(function() {
+    var container = $('table#items tbody')[0];
+
+    dragula([container])
+        .on('drop', function (el, target, source, sibling) {
+            // Handle the drop event to update the order in the database
+            var rows = $(container).children();
+            var positions = rows.map(function(index, row) {
+                return {
+                    id: $(row).data('itemId'),
+                    order: index
+                };
+            }).get();
+
+            // Send the new order to the server
+            $.ajax({
+                url: 'ajax.php',
+                method: 'POST',
+                data: {
+                    update_recurring_invoice_items_order: true,
+                    recurring_id: <?php echo $recurring_id; ?>,
+                    positions: positions
+                },
+                success: function(data) {
+                    // Handle success
+                },
+                error: function(error) {
+                    console.error('Error updating order:', error);
+                }
+            });
+        });
+});
+</script>