fix event issues

app/Views/administrator/events/event_charges.php

@@ -427,6 +427,7 @@ function loadStudentsWithCharges() {
     }
 
     const $externalHidden = $('#externalParticipantsHidden');
+    const $externalSaveButton = $('#externalParticipantSave');
     const storageKey = 'eventChargesExternalParticipants';
     let externalDrafts = [];
     let editingKey = null;
@@ -497,13 +498,12 @@ function loadStudentsWithCharges() {
                 <td>$${amountDisplay}</td>
                 <td>${createdDisplay}</td>
                 <td class="text-center">
-                    <span class="badge bg-warning text-dark">Pending</span>
-                    ${isPaid ? '<span class="badge bg-success ms-1 external-paid-badge">Paid on save</span>' : '<span class="badge bg-secondary ms-1 external-paid-badge d-none">Paid on save</span>'}
+                    <span class="badge ${isPaid ? 'bg-success' : 'bg-danger'} external-paid-badge">${isPaid ? 'Paid' : 'Unpaid'}</span>
                 </td>
                 <td class="text-center">
                     <div class="form-check d-inline-flex align-items-center gap-2 justify-content-center m-0">
                         <input class="form-check-input external-paid-toggle" type="checkbox" data-key="${key}" ${isPaid ? 'checked' : ''}>
-                        <span class="small text-muted">On save</span>
+                        <span class="small text-muted">Paid</span>
                     </div>
                 </td>
                 <td class="text-end d-flex gap-2">
@@ -575,6 +575,7 @@ function loadStudentsWithCharges() {
             return;
         }
         editingKey = key;
+        $externalSaveButton.text('Save');
         $('#modalExternalFirstName').val(entry.firstname);
         $('#modalExternalLastName').val(entry.lastname);
         $('#modalExternalNote').val(entry.note);
@@ -592,6 +593,7 @@ function loadStudentsWithCharges() {
     if (modalElement) {
         modalElement.addEventListener('hidden.bs.modal', () => {
             editingKey = null;
+            $externalSaveButton.text('Add to list');
         });
     }
     function clearModalInputs() {
@@ -651,6 +653,7 @@ function loadStudentsWithCharges() {
         }
         saveExternalDraft(entry);
         editingKey = null;
+        $externalSaveButton.text('Add to list');
         clearModalInputs();
         if (modalInstance) {
             modalInstance.hide();
@@ -687,9 +690,9 @@ function loadStudentsWithCharges() {
             .val(paid ? '1' : '0');
         const $badge = $(`tr.external-preview[data-key="${key}"] .external-paid-badge`);
         if (paid) {
-            $badge.removeClass('d-none').addClass('bg-success').text('Paid on save');
+            $badge.removeClass('bg-danger').addClass('bg-success').text('Paid');
         } else {
-            $badge.addClass('d-none');
+            $badge.removeClass('bg-success').addClass('bg-danger').text('Unpaid');
         }
     });
     $('#event-participant-form').on('submit', function() {