fix: jalali date defaults, calendar arrow direction, payment status label, edit page load, and session holding notification

src/views/payments/PaymentDetailView.vue

@@ -63,7 +63,7 @@
           <div class="flex align-items-center justify-content-between mb-3">
             <h3 class="text-lg font-bold m-0">تاریخچه تراکنش‌های دریافتی</h3>
             <PermissionGate permission="payments:update">
-              <Button label="ثبت تراکنش جدید" icon="pi pi-plus" size="small" severity="success" @click="showTransactionModal = true" />
+              <Button label="ثبت تراکنش جدید" icon="pi pi-plus" size="small" severity="success" @click="openTransactionModal" />
             </PermissionGate>
           </div>
 
@@ -316,6 +316,16 @@ const defaultTrxForm = () => ({
 
 const trxForm = reactive(defaultTrxForm());
 
+const openTransactionModal = () => {
+  Object.assign(trxForm, defaultTrxForm());
+  if (remainingAmount.value > 0) {
+    trxForm.amount = remainingAmount.value;
+  }
+  trxForm.dueDate = getTodayJalali();
+  trxForm.date = getTodayJalali();
+  showTransactionModal.value = true;
+};
+
 const editForm = reactive({
   amount: 0,
   status: 'paid',

src/views/payments/PaymentListView.vue

@@ -225,7 +225,7 @@ const createForm = reactive({
   amount: 0,
   discount: 0,
   notes: '',
-  dueDate: ''
+  dueDate: getTodayJalali()
 });
 const hasDiscount = ref(false);
 const createNotify = reactive({ sms: true, email: true, bot: true });
@@ -287,10 +287,8 @@ const onClassesSelected = () => {
   if ((createForm.discount || 0) > (createForm.amount || 0)) {
     createForm.discount = createForm.amount || 0;
   }
-
-  const firstSelectedClass = classesList.value.find((item) => String(item._id || item.id) === String(createForm.classes[0]));
-  if (firstSelectedClass) {
-    createForm.dueDate = calculateClassMidDate(firstSelectedClass);
+  if (!createForm.dueDate) {
+    createForm.dueDate = getTodayJalali();
   }
 };