fix: resolve course/class fields, surname i18n, optional nationalId, auto class end date, login styling, and mobile sidebar navigation

src/views/courses/CourseFormView.vue

@@ -29,34 +29,15 @@
           <small v-if="errors.price" class="text-red-500 text-xs">{{ errors.price }}</small>
         </div>
 
-        <div class="col-12 md:col-6 flex flex-column gap-2">
-          <label class="font-semibold text-sm">{{ $t('courses.professor') }}</label>
-          <Dropdown v-model="form.professor" :options="professors" optionLabel="name" optionValue="_id" placeholder="انتخاب استاد" class="w-full text-sm" />
-        </div>
-
-        <div class="col-12 md:col-3 flex flex-column gap-2">
-          <label class="font-semibold text-sm">{{ $t('courses.capacity') }}</label>
-          <InputNumber v-model="form.capacity" class="w-full text-sm" :min="1" />
-        </div>
-
-        <div class="col-12 md:col-3 flex flex-column gap-2">
-          <label class="font-semibold text-sm">تعداد جلسات</label>
-          <InputNumber v-model="form.sectionCount" class="w-full text-sm" :min="1" />
-        </div>
-
-        <div class="col-12 md:col-3 flex flex-column gap-2">
-          <label class="font-semibold text-sm">ساعت هر جلسه</label>
-          <InputNumber v-model="form.hoursPerSection" class="w-full text-sm" :min="0" :maxFractionDigits="1" />
-        </div>
-
-        <div class="col-12 md:col-3 flex align-items-center gap-2 mt-4">
-          <InputSwitch v-model="form.isOfficial" />
-          <label class="font-semibold text-sm">{{ $t('courses.isOfficial') }}</label>
-        </div>
-
-        <div class="col-12 md:col-3 flex align-items-center gap-2 mt-4">
-          <InputSwitch v-model="form.showOnFrontend" />
-          <label class="font-semibold text-sm">نمایش در وب‌سایت</label>
+        <div class="col-12 md:col-6 flex align-items-center gap-4 mt-2">
+          <div class="flex align-items-center gap-2">
+            <InputSwitch v-model="form.isOfficial" />
+            <label class="font-semibold text-sm">{{ $t('courses.isOfficial') }}</label>
+          </div>
+          <div class="flex align-items-center gap-2">
+            <InputSwitch v-model="form.showOnFrontend" />
+            <label class="font-semibold text-sm">نمایش در وب‌سایت</label>
+          </div>
         </div>
 
         <div class="col-12 flex flex-column gap-2">
@@ -167,7 +148,6 @@
 import { ref, reactive, computed, onMounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { courseApi } from '@/api/courseApi';
-import { professorApi } from '@/api/professorApi';
 import { classApi } from '@/api/classApi';
 import { formatClassSchedule } from '@/utils/classSchedule';
 import { usePersianDate } from '@/composables/usePersianDate';
@@ -195,7 +175,6 @@ const isEditMode = computed(() => !!courseId);
 
 const isSubmitting = ref(false);
 const loadingClasses = ref(false);
-const professors = ref([]);
 const courseClasses = ref([]);
 
 const typeOptions = [
@@ -208,10 +187,6 @@ const form = reactive({
   description: '',
   type: 'General',
   price: 1500000,
-  professor: null,
-  capacity: 20,
-  sectionCount: 12,
-  hoursPerSection: 1.5,
   isOfficial: true,
   showOnFrontend: true
 });
@@ -223,16 +198,6 @@ const errors = reactive({
   price: ''
 });
 
-const fetchProfessors = async () => {
-  try {
-    const res = await professorApi.getAll({ limit: 100 });
-    const data = res.data || res;
-    professors.value = data.items || data.professors || data || [];
-  } catch (e) {
-    console.warn('Professors fetch error:', e);
-  }
-};
-
 const fetchClassesForCourse = async () => {
   if (!courseId) return;
   loadingClasses.value = true;
@@ -257,10 +222,6 @@ const fetchCourse = async () => {
       description: data.description || '',
       type: data.type || 'General',
       price: data.price || 0,
-      professor: data.professor?._id || data.professor || null,
-      capacity: data.capacity || 20,
-      sectionCount: data.sectionCount || 1,
-      hoursPerSection: data.hoursPerSection ?? 1.5,
       isOfficial: data.isOfficial !== false,
       showOnFrontend: data.showOnFrontend !== false
     });
@@ -289,9 +250,12 @@ const handleSubmitCourse = async () => {
     } else {
       const res = await courseApi.create(payload);
       const newCourse = res.data || res;
-      showSuccess('دوره جدید با موفقیت ایجاد شد');
-      if (newCourse._id || newCourse.id) {
-        router.push(`/courses/edit/${newCourse._id || newCourse.id}`);
+      const newId = newCourse._id || newCourse.id || (newCourse.data && (newCourse.data._id || newCourse.data.id));
+      showSuccess('دوره جدید با موفقیت ایجاد شد. اکنون می‌توانید کلاس جدید تعریف کنید.');
+      if (newId) {
+        router.push(`/courses/edit/${newId}`);
+      } else {
+        router.push('/courses');
       }
     }
   } catch (err) {
@@ -302,7 +266,6 @@ const handleSubmitCourse = async () => {
 };
 
 onMounted(() => {
-  fetchProfessors();
   fetchCourse();
   fetchClassesForCourse();
 });