From 9c8047ce11be9c0ddb6e80e525e1d6fe7c66b6af Mon Sep 17 00:00:00 2001
From: ismail <ismail.mosa.ibrahim@gmail.com>
Date: Mon, 6 Oct 2025 16:25:08 +0300
Subject: [PATCH] update

---
 .../__pycache__/settings.cpython-313.pyc      | Bin 5038 -> 5038 bytes
 db.sqlite3                                    | Bin 389120 -> 389120 bytes
 templates/forms/form_builder.html             | 129 +++++++++++++-----
 3 files changed, 95 insertions(+), 34 deletions(-)
diff --git a/NorahUniversity/__pycache__/settings.cpython-313.pyc b/NorahUniversity/__pycache__/settings.cpython-313.pyc
index ffd727a646fc34fcafa1187466dec502bae296c6..3eb7c3f639cddaa293a74551cdd4ab8507cbf5fe 100644
GIT binary patch
delta 18
YcmZ3dzD}L<GcPX}0}wcF<XkEY059_degFUf

delta 18
YcmZ3dzD}L<GcPX}0}wcD<XkEY059$YeE<Le

diff --git a/db.sqlite3 b/db.sqlite3
index c063fcb9cdf9a6ffcfa95014d27c1f5b1c8abd8c..d0de1b9b40809e93caeaeddb58d9af94c53f14a7 100644
GIT binary patch
delta 1027
zcmZ9|U2IfE6bJD8an8MacRP1nN?E&g!#0GvANOl_OKVAlib2vu*hV6@n9{CwB?T6+
zP?dzl9f}r3fr>B+ybzwmNZRya%Y*SrpOnyOe8GN*8Wz(ULqd2F<KCS&ALjp?GjlST
zobpnnyc9VXRg~7rr?%8`dZ=W}c>b21(=In#YNyQeKSGo2jmMmcm?PJgQd?>z=D@u<
z6KPeV|IkPD0bQZhnegGCDS~RqSXrSMiK}}_nd=^2$+>32Y&D~1quF30`IkH*f0O&<
zF1bT~B0rGt$Twt`Oq1*68o5F)kTYb0lxLocUvGF<Q)R`IE(<ORJ{NrE<4Rm`QE)-<
zsgEO__pzl<d@N~Fa87Vma7OU4;3J>3bXxGC)>$t<5alVKlr$lDU+|vbq+r}9DV?Zv
zY{FZziDth<zofgUY~C>YYxCJ=Dm#&XmB&Q7Bc91^%z7I$U5?k@k;!hzdf5$j#<RWu
z-L!XBZtTEavKl7|uJ>Zr{FZz{E|L>uloUu0skAPssy5RbU(l4b9$y;380fgh<?<d}
z-K!yWG^s^4<eg)sQepHMqG@YVvwyIE<iLR=fU7J`YOU2<-#J_y9Vs3hE~*$#YtmZ(
z?DetX!qJgK2NjH_G%08B_#ie#F_P3IJ7CB!6_1RSit+qw`-;OyN8T!8Wnlo@6g5tJ
zxITnAla}aSTA;7emua5%)J7mv4^>%4k#2qO)YGn~RnK%iQ}s+%jvd0&Luvx2xPBXB
z?V&$H)1l*`?hp;$2~Gxg1lJi4jhn`}(Py}U$APnfHho$z=q=g<?Q8A0)};}gs`TB)
zK2&$J7S86dAG{=s^7%PTfY;5MdH7G*4BjU8B%iwr&w`g_5gz^xGT^qcHT={(t_Syd
z*2JggaSOQH*=qi99$y4^lr?hscX$(=H`ppZyMRTo_p>k`T!wvMx$Fu4{W3UUwK2*c
zFT;AU63pb=7x8JZa*Xi&3S`0RVh#M{3OoZ=nuU0L5mS&(u%PHmcQb>(y@;D3y^RI<
z%|(0x(ix`n@;&e%<uHxUR>6i;7eijH)?P_v8StyW)_$MLFqOY@-|rh_3cvan?1AKN
OCf8?Bx%LYVH2w$iJodZ*

delta 292
zcmZp8Al~pme1a4c<G+bAPC#;FLar_&%j9#q#%zs}I?U#b)BP{Ah%#z4%j&hu>M;T_
z6A&|Rm(^o=evyZT|1AUmAO7$BpZMQy7Hqi7zx^#gtGEKQFQ3_Tb_3QqTq1lhI9+i8
z)91|r3MD*Btjvszin$C74AT^IfaC<lY#`aCm<1$T6f%Ki-F7oO)^m(JEPU%2_*e6X
z@iX$R+bmcxk8k@rKh`itW(nSV)7b-9jTlb>MJMoz$SbljSTk}mI+iCEr4%b9=A|eE
zZNC@Gs>Z}D!CyI@J%QC2sL+z14P-Nm;`YjX*6svmJ|6e!>=#&Nr>i_*3Ey6Qfz_0C
a`-Z11)7hA#8X2cIUSy5jzW5GntS|tH4pGto

diff --git a/templates/forms/form_builder.html b/templates/forms/form_builder.html
index dfa8cf5..9c5db2f 100644
--- a/templates/forms/form_builder.html
+++ b/templates/forms/form_builder.html
@@ -652,6 +652,10 @@
                 margin-bottom: 5px;
             }
         }
+        .stage-tab.drag-over {
+            background-color: rgba(67, 97, 238, 0.1);
+            border: 2px dashed var(--primary);
+        }
     </style>
 </head>
 <body>
@@ -923,6 +927,7 @@
     <script>
         // Application State
         const state = {
+            draggedStageIndex: null,
             formName: 'Resume Application Form',
             formDescription: '',
             formActive: true,
@@ -1028,6 +1033,49 @@
             templateId: djangoConfig.templateId // Initialize with Django template ID if editing
         };
 
+        function allowStageDrop(event) {
+            event.preventDefault();
+        }
+        function dragStageEnter(event) {
+            event.target.classList.add('drag-over');
+        }
+
+        function dragStageLeave(event) {
+            event.target.classList.remove('drag-over');
+        }
+
+        function startStageDrag(event, index) {
+            state.draggedStageIndex = index;
+            event.dataTransfer.setData('text/plain', 'stage-reorder');
+            event.dataTransfer.effectAllowed = 'move';
+        }
+        function dropStage(event, targetIndex) {
+            event.preventDefault();
+            event.target.classList.remove('drag-over');
+
+            if (state.draggedStageIndex !== null && state.draggedStageIndex !== targetIndex) {
+                const draggedStage = state.stages[state.draggedStageIndex];
+                state.stages.splice(state.draggedStageIndex, 1);
+
+                // Adjust target index if we removed an element before it
+                const adjustedIndex = state.draggedStageIndex < targetIndex ? targetIndex - 1 : targetIndex;
+                state.stages.splice(adjustedIndex, 0, draggedStage);
+
+                // Update current stage if needed
+                if (state.currentStage === state.draggedStageIndex) {
+                    state.currentStage = adjustedIndex;
+                } else if (state.currentStage > state.draggedStageIndex && state.currentStage <= adjustedIndex) {
+                    state.currentStage--;
+                } else if (state.currentStage < state.draggedStageIndex && state.currentStage >= adjustedIndex) {
+                    state.currentStage++;
+                }
+
+                renderStageNavigation();
+                renderCurrentStage();
+            }
+
+            state.draggedStageIndex = null;
+        }
         // DOM Elements
         const elements = {
             stageNav: document.getElementById('stageNav'),
@@ -1193,43 +1241,56 @@
 
         // DOM Rendering Functions (same as before)
         function renderStageNavigation() {
-            elements.stageNav.innerHTML = '';
-            state.stages.forEach((stage, index) => {
-                const stageTab = document.createElement('div');
-                stageTab.className = `stage-tab ${index === state.currentStage ? 'active' : ''}`;
-                stageTab.dataset.index = index;
-                stageTab.innerHTML = `
-                    ${stage.name}
-                    ${hasRequiredFields(stage) ? '<span class="required-indicator"> *</span>' : ''}
-                    ${stage.predefined ? '<span class="predefined-badge">Default</span>' : ''}
-                    <span class="rename-btn"><i class="fas fa-edit"></i></span>
-                    ${(!stage.predefined || state.stages.length > 1) ? '<span class="remove-btn"><i class="fas fa-times"></i></span>' : ''}
-                `;
-                stageTab.addEventListener('click', (e) => {
-                    if (!e.target.closest('.rename-btn') && !e.target.closest('.remove-btn')) {
-                        state.currentStage = index;
-                        renderCurrentStage();
-                        renderStageNavigation();
-                    }
-                });
-                const renameBtn = stageTab.querySelector('.rename-btn');
-                if (renameBtn) {
-                    renameBtn.addEventListener('click', (e) => {
-                        e.stopPropagation();
-                        openRenameModal(stage);
-                    });
-                }
-                const removeBtn = stageTab.querySelector('.remove-btn');
-                if (removeBtn) {
-                    removeBtn.addEventListener('click', (e) => {
-                        e.stopPropagation();
-                        removeStage(index);
-                    });
-                }
-                elements.stageNav.appendChild(stageTab);
+    elements.stageNav.innerHTML = '';
+    state.stages.forEach((stage, index) => {
+        const stageTab = document.createElement('div');
+        stageTab.className = `stage-tab ${index === state.currentStage ? 'active' : ''}`;
+        stageTab.dataset.index = index;
+
+        // Make stage tabs draggable
+        stageTab.draggable = true;
+        stageTab.addEventListener('dragstart', (e) => startStageDrag(e, index));
+        stageTab.addEventListener('dragover', allowStageDrop);
+        stageTab.addEventListener('dragenter', dragStageEnter);
+        stageTab.addEventListener('dragleave', dragStageLeave);
+        stageTab.addEventListener('drop', (e) => dropStage(e, index));
+
+        stageTab.innerHTML = `
+            ${stage.name}
+            ${hasRequiredFields(stage) ? '<span class="required-indicator"> *</span>' : ''}
+            ${stage.predefined ? '<span class="predefined-badge">Default</span>' : ''}
+            <span class="rename-btn"><i class="fas fa-edit"></i></span>
+            ${(!stage.predefined || state.stages.length > 1) ? '<span class="remove-btn"><i class="fas fa-times"></i></span>' : ''}
+        `;
+
+        stageTab.addEventListener('click', (e) => {
+            if (!e.target.closest('.rename-btn') && !e.target.closest('.remove-btn')) {
+                state.currentStage = index;
+                renderCurrentStage();
+                renderStageNavigation();
+            }
+        });
+
+        const renameBtn = stageTab.querySelector('.rename-btn');
+        if (renameBtn) {
+            renameBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                openRenameModal(stage);
             });
         }
 
+        const removeBtn = stageTab.querySelector('.remove-btn');
+        if (removeBtn) {
+            removeBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                removeStage(index);
+            });
+        }
+
+        elements.stageNav.appendChild(stageTab);
+    });
+}
+
         function renderCurrentStage() {
             const currentStage = state.stages[state.currentStage];
             elements.stageNameDisplay.textContent = currentStage.name;
-- 
2.39.5

