@ubkinfotech/tecaher-erp 0.1.0

package/lib/module/modules/assignment/screens/AssignmentScreen.js

@@ -0,0 +1,2609 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Alert, FlatList, Image, Modal, Pressable, SafeAreaView, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { useERP } from "../../../core/provider/useERP.js";
+import { EmptyState } from "../../../shared/empty-states/EmptyState.js";
+import { ErrorState } from "../../../shared/empty-states/ErrorState.js";
+import { LoadingState } from "../../../shared/loaders/LoadingState.js";
+import { useAssignmentList } from "../hooks/useAssignmentList.js";
+import { useHomeworkDetails } from "../hooks/useHomeworkDetails.js";
+import { useHomeworkSubmissions } from "../hooks/useHomeworkSubmissions.js";
+import { createAssignment, fetchTeacherClasses, fetchTeacherSections, fetchTeacherSubjectsByClass, giveMarksToHomework, updateAssignment, uploadAssignmentFile } from "../services/assignmentService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function normalizeOptions(result) {
+  if (!result) {
+    return [];
+  }
+  if (Array.isArray(result)) {
+    return result;
+  }
+  if (Array.isArray(result?.data)) {
+    return result.data;
+  }
+  if (Array.isArray(result?.data?.data)) {
+    return result.data.data;
+  }
+  return [];
+}
+function normalizeAssignments(result) {
+  const raw = result?.data ?? result;
+  if (Array.isArray(raw)) {
+    return raw;
+  }
+  if (Array.isArray(raw?.data)) {
+    return raw.data;
+  }
+  if (Array.isArray(raw?.data?.data)) {
+    return raw.data.data;
+  }
+  return [];
+}
+function normalizeHomeworkDetail(result) {
+  if (!result) return null;
+  const raw = result?.data ?? result;
+  if (Array.isArray(raw)) {
+    return raw[0] ?? null;
+  }
+  if (Array.isArray(raw?.data)) {
+    return raw.data[0] ?? null;
+  }
+  if (raw && typeof raw === 'object' && !Array.isArray(raw)) {
+    if (raw?.data && typeof raw.data === 'object') {
+      return raw.data;
+    }
+    return raw;
+  }
+  return null;
+}
+function detailValue(source, keys, fallback) {
+  for (const key of keys) {
+    const value = source?.[key];
+    if (value !== undefined && value !== null && value !== '') {
+      return value;
+    }
+  }
+  return fallback;
+}
+function SelectModal({
+  label,
+  value,
+  options,
+  placeholder,
+  onChange
+}) {
+  const [open, setOpen] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.field,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }), /*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setOpen(true),
+      style: styles.select,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.selectText,
+        children: value?.label ?? placeholder
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.modalBackdrop,
+        onPress: () => setOpen(false),
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: styles.modalCard,
+          onPress: () => {},
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.modalTitle,
+            children: label
+          }), /*#__PURE__*/_jsx(FlatList, {
+            data: options,
+            keyExtractor: (it, idx) => `${it.value}-${idx}`,
+            renderItem: ({
+              item
+            }) => {
+              return /*#__PURE__*/_jsx(Pressable, {
+                style: styles.optionRow,
+                onPress: () => {
+                  onChange(item);
+                  setOpen(false);
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.optionText,
+                  children: item.label
+                })
+              });
+            },
+            ListEmptyComponent: /*#__PURE__*/_jsx(Text, {
+              style: styles.optionEmpty,
+              children: "No options"
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+function resolveFileBaseUrl(args) {
+  if (args.fileBaseUrl) {
+    return args.fileBaseUrl.endsWith('/') ? args.fileBaseUrl : `${args.fileBaseUrl}/`;
+  }
+  const base = args.baseUrl;
+  if (base.includes('/api/')) {
+    return base.replace('/api/', '/uploads/');
+  }
+  if (base.endsWith('/api')) {
+    return `${base.slice(0, -3)}/uploads/`;
+  }
+  return base.endsWith('/') ? `${base}uploads/` : `${base}/uploads/`;
+}
+export function AssignmentScreen(props) {
+  const {
+    api,
+    baseUrl,
+    fileBaseUrl
+  } = useERP();
+  const downloadsBaseUrl = useMemo(() => {
+    return resolveFileBaseUrl({
+      baseUrl,
+      fileBaseUrl
+    });
+  }, [baseUrl, fileBaseUrl]);
+  const [mode, setMode] = useState('list');
+  const [selectedHomework, setSelectedHomework] = useState(null);
+  const [submissionsOpen, setSubmissionsOpen] = useState(false);
+  const [editHomeworkId, setEditHomeworkId] = useState(null);
+  const [filterClass, setFilterClass] = useState(null);
+  const [filterSection, setFilterSection] = useState(null);
+  const [filterSubject, setFilterSubject] = useState(null);
+  const [classes, setClasses] = useState([]);
+  const [sections, setSections] = useState([]);
+  const [subjects, setSubjects] = useState([]);
+  const listParams = useMemo(() => {
+    return {
+      page: props.page ?? 1,
+      perPage: props.perPage ?? 10,
+      classId: props.classId ?? filterClass?.value,
+      sectionId: props.sectionId ?? filterSection?.value,
+      subjectId: props.subjectId ?? filterSubject?.value
+    };
+  }, [filterClass?.value, filterSection?.value, filterSubject?.value, props.classId, props.page, props.perPage, props.sectionId, props.subjectId]);
+  const {
+    data,
+    isLoading,
+    error,
+    refetch,
+    isFetching
+  } = useAssignmentList(listParams);
+  const assignments = useMemo(() => normalizeAssignments(data), [data]);
+  const submissionsQuery = useHomeworkSubmissions(selectedHomework?.id !== undefined && selectedHomework?.id !== null ? {
+    homeworkId: selectedHomework.id
+  } : undefined);
+  const homeworkDetailsQuery = useHomeworkDetails(editHomeworkId !== null ? {
+    homeworkId: editHomeworkId
+  } : undefined);
+  const loadClasses = useCallback(async () => {
+    const res = await fetchTeacherClasses(api);
+    setClasses(normalizeOptions(res));
+  }, [api]);
+  useEffect(() => {
+    loadClasses().catch(() => {});
+  }, [loadClasses]);
+  useEffect(() => {
+    if (!filterClass?.value) {
+      setSections([]);
+      setSubjects([]);
+      setFilterSection(null);
+      setFilterSubject(null);
+      return;
+    }
+    fetchTeacherSections(api, {
+      classId: filterClass.value
+    }).then(res => {
+      setSections(normalizeOptions(res));
+    }).catch(() => {});
+    if (props.sessionId !== undefined) {
+      fetchTeacherSubjectsByClass(api, {
+        classId: filterClass.value,
+        sessionId: props.sessionId
+      }).then(res => {
+        setSubjects(normalizeOptions(res));
+      }).catch(() => {});
+    } else {
+      setSubjects([]);
+      setFilterSubject(null);
+    }
+  }, [api, filterClass?.value, props.sessionId]);
+  const headerRight = useMemo(() => {
+    if (mode === 'list') {
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setMode('create'),
+        style: styles.primaryBtn,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.primaryBtnText,
+          children: "Create"
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => setMode('list'),
+      style: styles.secondaryBtn,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.secondaryBtnText,
+        children: "Back"
+      })
+    });
+  }, [mode]);
+  if (mode === 'create') {
+    return /*#__PURE__*/_jsx(CreateAssignmentView, {
+      sessionId: props.sessionId,
+      classes: classes,
+      api: api,
+      downloadsBaseUrl: downloadsBaseUrl,
+      onDone: () => {
+        setMode('list');
+        refetch();
+      }
+    });
+  }
+  if (mode === 'edit') {
+    if (editHomeworkId === null) {
+      return /*#__PURE__*/_jsx(ErrorState, {
+        message: "Missing homework id"
+      });
+    }
+    if (homeworkDetailsQuery.isLoading) {
+      return /*#__PURE__*/_jsx(LoadingState, {});
+    }
+    if (homeworkDetailsQuery.error) {
+      return /*#__PURE__*/_jsx(ErrorState, {
+        message: homeworkDetailsQuery.error.message
+      });
+    }
+    const detail = normalizeHomeworkDetail(homeworkDetailsQuery.data);
+    if (!detail) {
+      return /*#__PURE__*/_jsx(ErrorState, {
+        message: "Unable to load homework details"
+      });
+    }
+    return /*#__PURE__*/_jsx(EditAssignmentView, {
+      api: api,
+      sessionId: props.sessionId,
+      classes: classes,
+      downloadsBaseUrl: downloadsBaseUrl,
+      initial: detail,
+      onDone: () => {
+        setMode('list');
+        setEditHomeworkId(null);
+        refetch();
+      },
+      onCancel: () => {
+        setMode('list');
+        setEditHomeworkId(null);
+      }
+    });
+  }
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(LoadingState, {});
+  }
+  if (error) {
+    return /*#__PURE__*/_jsx(ErrorState, {
+      message: error.message
+    });
+  }
+  const closeSubmissions = () => {
+    setSubmissionsOpen(false);
+  };
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.headerTitle,
+        children: "Assignments"
+      }), headerRight]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.filters,
+      children: [/*#__PURE__*/_jsx(SelectModal, {
+        label: "Class",
+        value: filterClass,
+        options: classes,
+        placeholder: "Select class",
+        onChange: next => setFilterClass(next)
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Section",
+        value: filterSection,
+        options: sections,
+        placeholder: "Select section",
+        onChange: next => setFilterSection(next)
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Subject",
+        value: filterSubject,
+        options: subjects,
+        placeholder: props.sessionId === undefined ? 'Provide sessionId' : 'Select subject',
+        onChange: next => setFilterSubject(next)
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.secondaryBtn,
+        onPress: () => {
+          refetch();
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.secondaryBtnText,
+          children: isFetching ? 'Refreshing...' : 'Apply'
+        })
+      })]
+    }), assignments.length === 0 ? /*#__PURE__*/_jsx(EmptyState, {}) : /*#__PURE__*/_jsx(FlatList, {
+      data: assignments,
+      keyExtractor: (it, idx) => `${it?.id ?? idx}`,
+      contentContainerStyle: styles.list,
+      renderItem: ({
+        item
+      }) => {
+        const total = item?.total_submission !== undefined && item?.total_submission !== null ? Number(item.total_submission) : 0;
+        const canView = Number.isFinite(total) && total > 0;
+        return /*#__PURE__*/_jsxs(View, {
+          style: styles.card,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.cardTop,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.cardTitle,
+              numberOfLines: 1,
+              children: item?.title ?? item?.homework_title ?? 'Assignment'
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.cardActions,
+              children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: () => {
+                  if (item.id === undefined || item.id === null) return;
+                  setEditHomeworkId(item.id);
+                  setMode('edit');
+                },
+                style: styles.editBtn,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.editBtnText,
+                  children: "Edit"
+                })
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: () => {
+                  if (!canView) return;
+                  setSelectedHomework(item);
+                  setSubmissionsOpen(true);
+                },
+                activeOpacity: canView ? 0.8 : 1,
+                style: [styles.viewBtn, canView ? styles.viewBtnActive : styles.viewBtnDisabled],
+                children: /*#__PURE__*/_jsxs(Text, {
+                  style: [styles.viewBtnText, canView ? styles.viewBtnTextActive : styles.viewBtnTextDisabled],
+                  children: ["View ", Number.isFinite(total) ? String(total) : '0']
+                })
+              })]
+            })]
+          }), item?.description ? /*#__PURE__*/_jsx(Text, {
+            style: styles.cardSub,
+            children: item.description
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            style: styles.cardMeta,
+            children: [item?.class_name ? `Class: ${item.class_name}` : null, item?.section_name ? `Section: ${item.section_name}` : null, item?.subject_name ? `Subject: ${item.subject_name}` : null].filter(Boolean).join('  •  ')
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.cardMeta,
+            children: [item?.homew_date ? `From: ${item.homew_date}` : null, item?.submission_date ? `To: ${item.submission_date}` : null, item?.status ? `Status: ${item.status}` : null].filter(Boolean).join('  •  ')
+          })]
+        });
+      }
+    }), /*#__PURE__*/_jsx(Modal, {
+      animationType: "fade",
+      transparent: true,
+      visible: submissionsOpen,
+      onRequestClose: closeSubmissions,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.modalOverlay,
+        onPress: closeSubmissions,
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: styles.sheetCard,
+          onPress: () => {},
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.modalHeader,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.modalHeaderTitle,
+              numberOfLines: 1,
+              children: "Submissions"
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: closeSubmissions,
+              style: styles.modalClose,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.modalCloseText,
+                children: "Close"
+              })
+            })]
+          }), submissionsQuery.isLoading ? /*#__PURE__*/_jsx(LoadingState, {}) : submissionsQuery.error ? /*#__PURE__*/_jsx(ErrorState, {
+            message: submissionsQuery.error.message
+          }) : /*#__PURE__*/_jsx(HomeworkSubmissionsList, {
+            data: submissionsQuery.data,
+            api: api,
+            downloadsBaseUrl: downloadsBaseUrl
+          })]
+        })
+      })
+    })]
+  });
+}
+function normalizeSubmissions(result) {
+  if (!result) return [];
+  const raw = result?.data ?? result;
+  if (Array.isArray(raw)) return raw;
+  if (Array.isArray(raw?.data)) return raw.data;
+  if (Array.isArray(raw?.data?.data)) return raw.data.data;
+  return [];
+}
+function isImageUrl(url) {
+  const lower = url.toLowerCase();
+  return lower.endsWith('.png') || lower.endsWith('.jpg') || lower.endsWith('.jpeg') || lower.endsWith('.webp') || lower.endsWith('.gif');
+}
+function fileBaseName(path) {
+  const raw = String(path ?? '');
+  const cleaned = raw.split('?')[0] ?? raw;
+  const parts = cleaned.split(/[\\/]/);
+  return parts[parts.length - 1] || raw;
+}
+function splitFileCsv(raw) {
+  if (!raw) return [];
+  return String(raw).split(',').map(s => s.trim()).filter(Boolean);
+}
+function ensureFileUri(path) {
+  if (!path) {
+    return '';
+  }
+  return path.startsWith('file://') ? path : `file://${path}`;
+}
+function getUploadPath(value) {
+  const candidates = [value?.file, value?.document, value?.image, value?.path, value?.file_path, value?.filePath, value?.document_path, value?.documentPath, value?.image_path, value?.imagePath, value?.url, value?.file_url, value?.fileUrl];
+  for (const candidate of candidates) {
+    if (typeof candidate === 'string' && candidate.trim()) {
+      return candidate.trim();
+    }
+  }
+  return '';
+}
+function resolveUploadUrl(downloadsBaseUrl, rawPath) {
+  const raw = String(rawPath ?? '').trim();
+  if (!raw) {
+    return '';
+  }
+  if (/^https?:\/\//i.test(raw)) {
+    return encodeURI(raw);
+  }
+  const cleaned = raw.replace(/\\/g, '/').replace(/^\/+/, '');
+  const uploadsRoot = downloadsBaseUrl.replace(/uploads\/?$/i, '');
+  if (cleaned.startsWith('uploads/')) {
+    return encodeURI(`${uploadsRoot}${cleaned}`);
+  }
+  if (cleaned.startsWith('student/homework/')) {
+    return encodeURI(`${downloadsBaseUrl}${cleaned}`);
+  }
+  if (cleaned.startsWith('homework/')) {
+    return encodeURI(`${downloadsBaseUrl}student/${cleaned}`);
+  }
+  return encodeURI(`${downloadsBaseUrl}student/homework/${cleaned}`);
+}
+async function downloadPdfToLocal(args) {
+  const fallbackName = args.fileName || `document-${Date.now()}.pdf`;
+  const safeName = fallbackName.toLowerCase().endsWith('.pdf') ? fallbackName : `${fallbackName}.pdf`;
+  const targetPath = `${args.RNFS.CachesDirectoryPath}/${safeName}`;
+  const result = await args.RNFS.downloadFile({
+    fromUrl: args.url,
+    toFile: targetPath,
+    headers: args.headers,
+    background: true,
+    discretionary: true
+  }).promise;
+  if (result?.statusCode && result.statusCode >= 400) {
+    throw new Error(`PDF download failed with status ${result.statusCode}`);
+  }
+  const exists = await args.RNFS.exists(targetPath);
+  if (!exists) {
+    throw new Error('Downloaded PDF file is missing');
+  }
+  return ensureFileUri(targetPath);
+}
+async function resolveViewerHeaders(args) {
+  const token = args.authToken ?? (args.getAuthToken ? await args.getAuthToken() : null);
+  const headers = {};
+  if (token) {
+    headers.Authorization = token;
+  }
+  if (args.schoolCode) {
+    headers.school_code = args.schoolCode;
+  }
+  return headers;
+}
+function tryGetImageViewer() {
+  try {
+    const mod = require('react-native-image-viewing');
+    return mod?.default ?? mod;
+  } catch {
+    return null;
+  }
+}
+function tryGetCalendar() {
+  try {
+    const mod = require('react-native-calendars');
+    return mod?.Calendar ?? mod?.default ?? mod;
+  } catch {
+    return null;
+  }
+}
+function tryGetRNFS() {
+  try {
+    return require('react-native-fs');
+  } catch {
+    return null;
+  }
+}
+function tryGetFileViewer() {
+  try {
+    const mod = require('react-native-file-viewer');
+    return mod?.default ?? mod;
+  } catch {
+    return null;
+  }
+}
+function tryGetPdf() {
+  try {
+    const mod = require('react-native-pdf');
+    return mod?.default ?? mod;
+  } catch {
+    return null;
+  }
+}
+function toYmd(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, '0');
+  const day = String(d.getDate()).padStart(2, '0');
+  return `${y}-${m}-${day}`;
+}
+function addDays(d, days) {
+  const next = new Date(d);
+  next.setDate(next.getDate() + days);
+  return next;
+}
+function rangeMarkedDates(start, end) {
+  if (!start || !end) return {};
+  const s = new Date(start);
+  const e = new Date(end);
+  if (Number.isNaN(s.getTime()) || Number.isNaN(e.getTime())) return {};
+  const from = s <= e ? s : e;
+  const to = s <= e ? e : s;
+  const out = {};
+  let cur = new Date(from);
+  while (cur <= to) {
+    const key = toYmd(cur);
+    out[key] = {
+      color: '#111827',
+      textColor: 'white'
+    };
+    cur = addDays(cur, 1);
+  }
+  const startKey = toYmd(from);
+  const endKey = toYmd(to);
+  out[startKey] = {
+    startingDay: true,
+    color: '#111827',
+    textColor: 'white'
+  };
+  out[endKey] = {
+    endingDay: true,
+    color: '#111827',
+    textColor: 'white'
+  };
+  return out;
+}
+function HomeworkSubmissionsList({
+  data,
+  api,
+  downloadsBaseUrl
+}) {
+  const {
+    authToken,
+    getAuthToken,
+    schoolCode
+  } = useERP();
+  const items = useMemo(() => normalizeSubmissions(data), [data]);
+  const ImageView = useMemo(() => tryGetImageViewer(), []);
+  const Pdf = useMemo(() => tryGetPdf(), []);
+  const RNFS = useMemo(() => tryGetRNFS(), []);
+  const FileViewer = useMemo(() => tryGetFileViewer(), []);
+  const [viewerOpen, setViewerOpen] = useState(false);
+  const [viewerIndex, setViewerIndex] = useState(0);
+  const [viewerImages, setViewerImages] = useState([]);
+  const [pdfVisible, setPdfVisible] = useState(false);
+  const [pdfUri, setPdfUri] = useState('');
+  const [pdfHeaders, setPdfHeaders] = useState({});
+  const [pdfLoading, setPdfLoading] = useState(false);
+  const [drafts, setDrafts] = useState({});
+  const [saving, setSaving] = useState(false);
+  const [downloadingId, setDownloadingId] = useState(null);
+  if (!items.length) {
+    return /*#__PURE__*/_jsx(EmptyState, {
+      title: "No Submission"
+    });
+  }
+  const openUploads = async item => {
+    const list = Array.isArray(item?.submitted_homework) ? item.submitted_homework : [];
+    const uploads = list.map(el => {
+      const rawPath = getUploadPath(el);
+      return {
+        rawPath,
+        url: resolveUploadUrl(downloadsBaseUrl, rawPath)
+      };
+    }).filter(entry => entry.rawPath && entry.url);
+    const urls = uploads.map(entry => entry.url);
+    if (!urls.length) {
+      Alert.alert('No Uploads');
+      return;
+    }
+    const headers = await resolveViewerHeaders({
+      authToken,
+      getAuthToken,
+      schoolCode
+    });
+    const imageUrls = uploads.filter(entry => {
+      return isImageUrl(entry.url) || isImageUrl(entry.rawPath);
+    }).map(entry => entry.url);
+    if (ImageView && imageUrls.length) {
+      setViewerImages(imageUrls.map(uri => ({
+        uri,
+        headers: Object.keys(headers).length ? headers : undefined
+      })));
+      setViewerIndex(0);
+      setViewerOpen(true);
+      return;
+    }
+    const firstUpload = uploads[0];
+    const firstUrl = firstUpload?.url ?? '';
+    const firstFile = firstUpload?.rawPath ?? '';
+    const isPdf = firstUrl.toLowerCase().endsWith('.pdf') || firstFile.toLowerCase().endsWith('.pdf');
+    if (Pdf && isPdf) {
+      if (!RNFS) {
+        setPdfUri(firstUrl);
+        setPdfHeaders(headers);
+        setPdfVisible(true);
+        return;
+      }
+      setDownloadingId(String(item?.id ?? 'download'));
+      setPdfLoading(true);
+      try {
+        const localPdf = await downloadPdfToLocal({
+          RNFS,
+          url: firstUrl,
+          fileName: fileBaseName(firstFile || 'document.pdf'),
+          headers
+        });
+        setPdfHeaders({});
+        setPdfUri(localPdf);
+        setPdfVisible(true);
+      } catch (error) {
+        Alert.alert('Error', error?.message ?? 'Could not open PDF.');
+      } finally {
+        setPdfLoading(false);
+        setDownloadingId(null);
+      }
+      return;
+    }
+    if (!RNFS || !FileViewer) {
+      Alert.alert('Viewer Missing', 'Install react-native-fs and react-native-file-viewer to open documents inside the app.');
+      return;
+    }
+    setDownloadingId(String(item?.id ?? 'download'));
+    try {
+      let fileName = fileBaseName(firstFile || 'document');
+      const hasExtension = fileName.includes('.') && (fileName.split('.').pop()?.length ?? 0) > 0;
+      if (!hasExtension && firstUrl.startsWith('http')) {
+        try {
+          const response = await fetch(firstUrl, {
+            method: 'HEAD'
+          });
+          const contentType = response.headers.get('content-type') ?? '';
+          if (contentType.includes('pdf')) fileName += '.pdf';else if (contentType.includes('word') || contentType.includes('doc')) fileName += '.docx';else if (contentType.includes('sheet') || contentType.includes('excel')) fileName += '.xlsx';else fileName += '.pdf';
+        } catch {
+          fileName += '.pdf';
+        }
+      }
+      const localFile = `${RNFS.DocumentDirectoryPath}/${fileName}`;
+      await RNFS.downloadFile({
+        fromUrl: firstUrl,
+        toFile: localFile,
+        headers
+      }).promise;
+      await FileViewer.open(localFile, {
+        showOpenWithDialog: true
+      });
+    } catch {
+      Alert.alert('Error', 'Could not view the file.');
+    } finally {
+      setDownloadingId(null);
+    }
+  };
+  const setDraft = (id, patch) => {
+    setDrafts(prev => {
+      const key = String(id);
+      const next = {
+        ...(prev[key] ?? {}),
+        ...patch
+      };
+      return {
+        ...prev,
+        [key]: next
+      };
+    });
+  };
+  const giveMarks = async () => {
+    const payload = Object.entries(drafts).map(([id, v]) => {
+      return {
+        id,
+        number: v.number,
+        remark: v.remark
+      };
+    }).filter(it => it.number !== undefined || it.remark !== undefined);
+    if (!payload.length) {
+      Alert.alert('Error', 'Please fill any field');
+      return;
+    }
+    setSaving(true);
+    try {
+      const res = await giveMarksToHomework(api, payload);
+      Alert.alert(res?.Status ?? 'Success');
+    } catch (e) {
+      Alert.alert('Error', e?.message ?? 'Failed');
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1
+    },
+    children: [/*#__PURE__*/_jsx(FlatList, {
+      data: items,
+      keyExtractor: (it, idx) => String(it?.id ?? idx),
+      contentContainerStyle: styles.submissionList,
+      renderItem: ({
+        item
+      }) => {
+        const roll = item?.roll_no ?? item?.roll ?? '-';
+        const studentName = item?.full_name ?? item?.student_name ?? 'Student';
+        const submittedAt = item?.submission_date ?? item?.date ?? '-';
+        const marksValue = drafts[String(item?.id)]?.number ?? item?.number ?? '';
+        const remarkValue = drafts[String(item?.id)]?.remark ?? item?.remark ?? '';
+        return /*#__PURE__*/_jsxs(View, {
+          style: styles.submissionCard,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.submissionHeaderRow,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.submissionName,
+              numberOfLines: 1,
+              children: studentName
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: styles.submissionMeta,
+              numberOfLines: 1,
+              children: ["Roll: ", String(roll)]
+            })]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.submissionMeta,
+            numberOfLines: 1,
+            children: submittedAt
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.submissionInputRow,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flex: 1
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.label,
+                children: "Marks"
+              }), /*#__PURE__*/_jsx(TextInput, {
+                keyboardType: "numeric",
+                value: String(marksValue),
+                onChangeText: val => setDraft(item.id, {
+                  number: val
+                }),
+                style: styles.smallInput,
+                placeholderTextColor: "#9CA3AF"
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: {
+                flex: 2
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.label,
+                children: "Remark"
+              }), /*#__PURE__*/_jsx(TextInput, {
+                value: String(remarkValue),
+                onChangeText: val => setDraft(item.id, {
+                  remark: val
+                }),
+                style: styles.smallInput,
+                placeholderTextColor: "#9CA3AF"
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: () => {
+              openUploads(item).catch(() => {});
+            },
+            style: styles.uploadBtn,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.uploadBtnText,
+              children: downloadingId === String(item?.id ?? '') ? 'Opening...' : 'View Uploads'
+            })
+          })]
+        });
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.submissionFooter,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => {
+          giveMarks().catch(() => {});
+        },
+        style: styles.giveMarksBtn,
+        disabled: saving,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.giveMarksBtnText,
+          children: saving ? 'Saving...' : 'Give Marks'
+        })
+      })
+    }), ImageView ? /*#__PURE__*/_jsx(ImageView, {
+      images: viewerImages,
+      imageIndex: viewerIndex,
+      visible: viewerOpen,
+      onRequestClose: () => setViewerOpen(false)
+    }) : null, /*#__PURE__*/_jsx(Modal, {
+      visible: pdfVisible,
+      animationType: "slide",
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
+        style: styles.pdfRoot,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.pdfHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.pdfTitle,
+            children: "Document Viewer"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: () => {
+              setPdfVisible(false);
+              setPdfUri('');
+              setPdfHeaders({});
+            },
+            style: styles.modalClose,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.modalCloseText,
+              children: "Close"
+            })
+          })]
+        }), pdfLoading ? /*#__PURE__*/_jsx(LoadingState, {}) : Pdf && pdfUri ? /*#__PURE__*/_jsx(Pdf, {
+          source: {
+            uri: pdfUri,
+            cache: true,
+            headers: pdfHeaders
+          },
+          style: styles.pdfViewer,
+          onError: error => {
+            Alert.alert('Error', error?.message ?? 'Could not open PDF.');
+          }
+        }) : /*#__PURE__*/_jsx(EmptyState, {
+          title: "PDF Viewer Missing"
+        })]
+      })
+    })]
+  });
+}
+function CreateAssignmentView({
+  api,
+  sessionId,
+  classes,
+  downloadsBaseUrl,
+  onDone
+}) {
+  const {
+    authToken,
+    getAuthToken,
+    schoolCode
+  } = useERP();
+  const ImageView = useMemo(() => tryGetImageViewer(), []);
+  const Pdf = useMemo(() => tryGetPdf(), []);
+  const RNFS = useMemo(() => tryGetRNFS(), []);
+  const FileViewer = useMemo(() => tryGetFileViewer(), []);
+  const [viewerOpen, setViewerOpen] = useState(false);
+  const [viewerIndex, setViewerIndex] = useState(0);
+  const [viewerImages, setViewerImages] = useState([]);
+  const [pdfVisible, setPdfVisible] = useState(false);
+  const [pdfUri, setPdfUri] = useState('');
+  const [pdfHeaders, setPdfHeaders] = useState({});
+  const [pdfLoading, setPdfLoading] = useState(false);
+  const [isDownloading, setIsDownloading] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [title, setTitle] = useState('');
+  const [description, setDescription] = useState('');
+  const [classOpt, setClassOpt] = useState(null);
+  const [sectionOpt, setSectionOpt] = useState(null);
+  const [subjectOpt, setSubjectOpt] = useState(null);
+  const [sections, setSections] = useState([]);
+  const [subjects, setSubjects] = useState([]);
+  const [homewDate, setHomewDate] = useState('');
+  const [submissionDate, setSubmissionDate] = useState('');
+  const [status, setStatus] = useState('publish');
+  const [fileList, setFileList] = useState([]);
+  const [activeFile, setActiveFile] = useState('');
+  const [fileError, setFileError] = useState(null);
+  useEffect(() => {
+    if (!classOpt?.value) {
+      setSections([]);
+      setSubjects([]);
+      setSectionOpt(null);
+      setSubjectOpt(null);
+      return;
+    }
+    fetchTeacherSections(api, {
+      classId: classOpt.value
+    }).then(res => {
+      setSections(normalizeOptions(res));
+    }).catch(() => {});
+    if (sessionId !== undefined) {
+      fetchTeacherSubjectsByClass(api, {
+        classId: classOpt.value,
+        sessionId
+      }).then(res => {
+        setSubjects(normalizeOptions(res));
+      }).catch(() => {});
+    } else {
+      setSubjects([]);
+      setSubjectOpt(null);
+    }
+  }, [api, classOpt?.value, sessionId]);
+  const viewAttachment = useCallback(async rawFile => {
+    const file = String(rawFile ?? '');
+    if (!file) {
+      Alert.alert('No Attachment');
+      return;
+    }
+    const url = resolveUploadUrl(downloadsBaseUrl, file);
+    const headers = await resolveViewerHeaders({
+      authToken,
+      getAuthToken,
+      schoolCode
+    });
+    const isImage = isImageUrl(url) || isImageUrl(file);
+    if (ImageView && isImage) {
+      const imageFiles = fileList.filter(p => {
+        const u = resolveUploadUrl(downloadsBaseUrl, p);
+        return isImageUrl(u) || isImageUrl(p);
+      });
+      const imageUrls = imageFiles.map(p => resolveUploadUrl(downloadsBaseUrl, p));
+      const idx = imageFiles.findIndex(p => String(p) === String(file));
+      setViewerImages(imageUrls.map(uri => ({
+        uri,
+        headers: Object.keys(headers).length ? headers : undefined
+      })));
+      setViewerIndex(Math.max(0, idx));
+      setViewerOpen(true);
+      return;
+    }
+    const isPdf = url.toLowerCase().endsWith('.pdf') || String(file).toLowerCase().endsWith('.pdf');
+    if (Pdf && isPdf) {
+      if (!RNFS) {
+        setPdfUri(url);
+        setPdfHeaders(headers);
+        setPdfVisible(true);
+        return;
+      }
+      setIsDownloading(true);
+      setPdfLoading(true);
+      try {
+        const localPdf = await downloadPdfToLocal({
+          RNFS,
+          url,
+          fileName: fileBaseName(file || 'document.pdf'),
+          headers
+        });
+        setPdfHeaders({});
+        setPdfUri(localPdf);
+        setPdfVisible(true);
+      } catch (error) {
+        Alert.alert('Error', error?.message ?? 'Could not open PDF.');
+      } finally {
+        setPdfLoading(false);
+        setIsDownloading(false);
+      }
+      return;
+    }
+    if (!RNFS || !FileViewer) {
+      Alert.alert('Viewer Missing', 'Install react-native-fs and react-native-file-viewer to open documents inside the app.');
+      return;
+    }
+    setIsDownloading(true);
+    try {
+      let name = fileBaseName(file) || 'document';
+      const hasExtension = name.includes('.') && (name.split('.').pop()?.length ?? 0) > 0;
+      if (!hasExtension && url.startsWith('http')) {
+        try {
+          const response = await fetch(url, {
+            method: 'HEAD'
+          });
+          const contentType = response.headers.get('content-type') ?? '';
+          if (contentType.includes('pdf')) name += '.pdf';else if (contentType.includes('word') || contentType.includes('doc')) name += '.docx';else if (contentType.includes('sheet') || contentType.includes('excel')) name += '.xlsx';else if (contentType.includes('jpeg') || contentType.includes('jpg')) name += '.jpg';else if (contentType.includes('png')) name += '.png';else name += '.pdf';
+        } catch {
+          name += '.pdf';
+        }
+      }
+      const localFile = `${RNFS.DocumentDirectoryPath}/${name}`;
+      await RNFS.downloadFile({
+        fromUrl: url,
+        toFile: localFile,
+        headers
+      }).promise;
+      await FileViewer.open(localFile, {
+        showOpenWithDialog: true
+      });
+    } catch {
+      Alert.alert('Error', 'Could not view the file.');
+    } finally {
+      setIsDownloading(false);
+    }
+  }, [FileViewer, ImageView, Pdf, RNFS, authToken, downloadsBaseUrl, fileList, getAuthToken, schoolCode]);
+  const pickFromCamera = useCallback(async () => {
+    let picker = null;
+    try {
+      picker = require('react-native-image-picker');
+    } catch {}
+    if (!picker?.launchCamera) {
+      Alert.alert('Error', 'Camera picker is not available');
+      return;
+    }
+    const res = await new Promise(resolve => {
+      picker.launchCamera({
+        mediaType: 'photo',
+        saveToPhotos: true,
+        includeBase64: false
+      }, r => resolve(r));
+    });
+    const asset = res?.assets?.[0];
+    if (!asset?.uri) return;
+    const file = {
+      uri: asset.uri,
+      name: asset.fileName ?? 'camera.jpg',
+      type: asset.type ?? 'image/jpeg'
+    };
+    setFileError(null);
+    setBusy(true);
+    try {
+      const uploaded = await uploadAssignmentFile(api, file);
+      if (uploaded?.Status === 'Success' && uploaded.data) {
+        const nextPath = String(uploaded.data);
+        setFileList(prev => [...prev, nextPath]);
+        setActiveFile(prev => prev || nextPath);
+      } else {
+        setFileError('File upload failed');
+      }
+    } finally {
+      setBusy(false);
+    }
+  }, [api]);
+  const pickFiles = useCallback(async () => {
+    let dp = null;
+    try {
+      dp = require('react-native-document-picker');
+    } catch {}
+    if (!dp) {
+      return;
+    }
+    const selected = await dp.pick({
+      presentationStyle: 'fullScreen',
+      allowMultiSelection: true,
+      type: [dp.types.pdf, dp.types.images]
+    });
+    const picks = Array.isArray(selected) ? selected : [selected];
+    const allowed = ['pdf', 'png', 'jpg', 'jpeg', 'webp'];
+    const files = picks.map(it => ({
+      uri: it.uri,
+      name: it.name ?? 'file',
+      type: it.type ?? 'application/octet-stream'
+    })).filter(it => !!it.uri);
+    const invalid = files.find(it => {
+      const ext = String(it.name).split('.').pop()?.toLowerCase();
+      return ext ? !allowed.includes(ext) : false;
+    });
+    if (invalid) {
+      setFileError('Only PDF or image files are allowed');
+      return;
+    }
+    setFileError(null);
+    setBusy(true);
+    try {
+      const uploaded = [];
+      for (const f of files) {
+        const res = await uploadAssignmentFile(api, f);
+        if (res?.Status === 'Success' && res.data) {
+          uploaded.push(String(res.data));
+        }
+      }
+      if (!uploaded.length) {
+        setFileError('File upload failed');
+        return;
+      }
+      setFileList(prev => [...prev, ...uploaded]);
+      setActiveFile(prev => prev ? prev : uploaded[0] ?? '');
+    } finally {
+      setBusy(false);
+    }
+  }, [api]);
+  const submit = useCallback(async () => {
+    if (!title || !description || !classOpt?.value || !sectionOpt?.value || !subjectOpt?.value || !homewDate || !submissionDate || !fileList.length) {
+      if (!fileList.length) {
+        setFileError('File is required');
+      }
+      return;
+    }
+    const fileCsv = fileList.join(',');
+    const payload = {
+      title,
+      description,
+      class_id: classOpt.value,
+      section_id: sectionOpt.value,
+      sub_id: subjectOpt.value,
+      homew_date: homewDate,
+      submission_date: submissionDate,
+      status,
+      file: fileCsv
+    };
+    setBusy(true);
+    try {
+      await createAssignment(api, payload);
+      onDone();
+    } finally {
+      setBusy(false);
+    }
+  }, [api, classOpt?.value, description, homewDate, onDone, sectionOpt?.value, status, subjectOpt?.value, submissionDate, title, fileList]);
+  const canPickSubject = sessionId !== undefined;
+  const canSubmit = canPickSubject && fileList.length > 0 && !busy;
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.header,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.headerTitle,
+        children: "Create Assignment"
+      })
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      contentContainerStyle: styles.form,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Title"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          value: title,
+          onChangeText: setTitle,
+          placeholder: "Enter title",
+          placeholderTextColor: "#9CA3AF",
+          style: styles.input
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Description"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          value: description,
+          onChangeText: setDescription,
+          placeholder: "Enter description",
+          placeholderTextColor: "#9CA3AF",
+          style: [styles.input, styles.textarea],
+          multiline: true
+        })]
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Class",
+        value: classOpt,
+        options: classes,
+        placeholder: "Select class",
+        onChange: setClassOpt
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Section",
+        value: sectionOpt,
+        options: sections,
+        placeholder: "Select section",
+        onChange: setSectionOpt
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Subject",
+        value: subjectOpt,
+        options: subjects,
+        placeholder: canPickSubject ? 'Select subject' : 'Provide sessionId',
+        onChange: setSubjectOpt
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Homework Date (YYYY-MM-DD)"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          value: homewDate,
+          onChangeText: setHomewDate,
+          placeholder: "2026-01-31",
+          placeholderTextColor: "#9CA3AF",
+          style: styles.input
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Submission Date (YYYY-MM-DD)"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          value: submissionDate,
+          onChangeText: setSubmissionDate,
+          placeholder: "2026-02-05",
+          placeholderTextColor: "#9CA3AF",
+          style: styles.input
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Status"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.row,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: [styles.chip, status === 'publish' ? styles.chipActive : null],
+            onPress: () => setStatus('publish'),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.chipText, status === 'publish' ? styles.chipTextActive : null],
+              children: "Publish"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: [styles.chip, status === 'unpublish' ? styles.chipActive : null],
+            onPress: () => setStatus('unpublish'),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.chipText, status === 'unpublish' ? styles.chipTextActive : null],
+              children: "Unpublish"
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Attachment"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.row,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.secondaryBtn,
+            onPress: () => {
+              pickFiles().catch(() => {});
+            },
+            disabled: busy,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.secondaryBtnText,
+              children: "Gallery / File"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.secondaryBtn,
+            onPress: () => {
+              pickFromCamera().catch(() => {});
+            },
+            disabled: busy,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.secondaryBtnText,
+              children: "Camera"
+            })
+          })]
+        }), fileList.length ? /*#__PURE__*/_jsxs(Text, {
+          style: styles.fileSelectedText,
+          children: ["Selected: ", fileList.length, " files"]
+        }) : null, fileList.length ? /*#__PURE__*/_jsx(View, {
+          style: {
+            gap: 8
+          },
+          children: fileList.map((p, idx) => {
+            const name = fileBaseName(p);
+            return /*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingVertical: 6,
+                borderBottomWidth: 1,
+                borderBottomColor: '#E5E7EB',
+                gap: 10
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  flex: 1,
+                  color: '#111827'
+                },
+                numberOfLines: 1,
+                children: name
+              }), /*#__PURE__*/_jsxs(View, {
+                style: {
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 10
+                },
+                children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+                  onPress: () => viewAttachment(p).catch(() => {}),
+                  style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 6
+                  },
+                  children: [/*#__PURE__*/_jsx(View, {
+                    style: {
+                      width: 22,
+                      height: 22,
+                      borderRadius: 11,
+                      backgroundColor: '#DBEAFE',
+                      alignItems: 'center',
+                      justifyContent: 'center'
+                    },
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: {
+                        color: '#1D4ED8',
+                        fontWeight: '800'
+                      },
+                      children: "V"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: '#1D4ED8',
+                      fontWeight: '700'
+                    },
+                    children: "View"
+                  })]
+                }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+                  onPress: () => {
+                    setFileList(prev => {
+                      const next = prev.filter((_, i) => i !== idx);
+                      setActiveFile(cur => String(cur) === String(p) ? next[0] ?? '' : cur);
+                      return next;
+                    });
+                  },
+                  style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 6
+                  },
+                  children: [/*#__PURE__*/_jsx(View, {
+                    style: {
+                      width: 22,
+                      height: 22,
+                      borderRadius: 11,
+                      backgroundColor: '#FEE2E2',
+                      alignItems: 'center',
+                      justifyContent: 'center'
+                    },
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: {
+                        color: '#B91C1C',
+                        fontWeight: '800'
+                      },
+                      children: "\xD7"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: '#B91C1C',
+                      fontWeight: '700'
+                    },
+                    children: "Remove"
+                  })]
+                })]
+              })]
+            }, `${p}-${idx}`);
+          })
+        }) : null, (() => {
+          const currentFile = activeFile || fileList[0] || '';
+          const currentUrl = currentFile ? resolveUploadUrl(downloadsBaseUrl, currentFile) : '';
+          const isImage = currentUrl ? isImageUrl(currentUrl) || isImageUrl(currentFile) : false;
+          return currentUrl ? isImage ? /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.attachmentPreview,
+            onPress: () => viewAttachment(currentFile).catch(() => {}),
+            activeOpacity: 0.9,
+            children: /*#__PURE__*/_jsx(Image, {
+              source: {
+                uri: currentUrl,
+                headers: authToken || schoolCode ? {
+                  ...(authToken ? {
+                    Authorization: authToken
+                  } : {}),
+                  ...(schoolCode ? {
+                    school_code: schoolCode
+                  } : {})
+                } : undefined
+              },
+              style: styles.attachmentPreviewImage,
+              resizeMode: "contain"
+            })
+          }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.viewDocumentBtn,
+            onPress: () => viewAttachment(currentFile).catch(() => {}),
+            disabled: isDownloading,
+            activeOpacity: 0.9,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.viewDocumentBtnText,
+              children: isDownloading ? 'Opening Document...' : 'View Document'
+            })
+          }) : null;
+        })(), fileError ? /*#__PURE__*/_jsx(Text, {
+          style: styles.errorText,
+          children: fileError
+        }) : null]
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => {
+          submit().catch(() => {});
+        },
+        style: styles.primaryBtn,
+        disabled: !canSubmit,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.primaryBtnText,
+          children: busy ? 'Please wait...' : 'Submit'
+        })
+      }), !canPickSubject ? /*#__PURE__*/_jsx(Text, {
+        style: styles.helperText,
+        children: "Pass sessionId to AssignmentScreen to load subjects."
+      }) : null]
+    }), ImageView ? /*#__PURE__*/_jsx(ImageView, {
+      images: viewerImages,
+      imageIndex: viewerIndex,
+      visible: viewerOpen,
+      onRequestClose: () => setViewerOpen(false)
+    }) : null, /*#__PURE__*/_jsx(Modal, {
+      visible: pdfVisible,
+      animationType: "slide",
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
+        style: styles.pdfRoot,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.pdfHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.pdfTitle,
+            children: "PDF Viewer"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: () => {
+              setPdfVisible(false);
+              setPdfUri('');
+              setPdfHeaders({});
+            },
+            style: styles.modalClose,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.modalCloseText,
+              children: "Close"
+            })
+          })]
+        }), pdfLoading ? /*#__PURE__*/_jsx(LoadingState, {}) : Pdf && pdfUri ? /*#__PURE__*/_jsx(Pdf, {
+          source: {
+            uri: pdfUri,
+            cache: true,
+            headers: pdfHeaders
+          },
+          style: styles.pdfViewer,
+          onError: error => {
+            Alert.alert('Error', error?.message ?? 'Could not open PDF.');
+          }
+        }) : /*#__PURE__*/_jsx(EmptyState, {
+          title: "PDF Viewer Missing"
+        })]
+      })
+    })]
+  });
+}
+function EditAssignmentView({
+  api,
+  sessionId,
+  classes,
+  downloadsBaseUrl,
+  initial,
+  onDone,
+  onCancel
+}) {
+  const {
+    authToken,
+    getAuthToken,
+    schoolCode
+  } = useERP();
+  const ImageView = useMemo(() => tryGetImageViewer(), []);
+  const Pdf = useMemo(() => tryGetPdf(), []);
+  const Calendar = useMemo(() => tryGetCalendar(), []);
+  const RNFS = useMemo(() => tryGetRNFS(), []);
+  const FileViewer = useMemo(() => tryGetFileViewer(), []);
+  const [viewerOpen, setViewerOpen] = useState(false);
+  const [viewerIndex, setViewerIndex] = useState(0);
+  const [viewerImages, setViewerImages] = useState([]);
+  const [pdfVisible, setPdfVisible] = useState(false);
+  const [pdfUri, setPdfUri] = useState('');
+  const [pdfHeaders, setPdfHeaders] = useState({});
+  const [pdfLoading, setPdfLoading] = useState(false);
+  const [calendarOpen, setCalendarOpen] = useState(false);
+  const [dateMode, setDateMode] = useState('start');
+  const [isDownloading, setIsDownloading] = useState(false);
+  const homeworkId = detailValue(initial, ['id', 'homework_id', 'homeworkId']);
+  const initialTitle = String(detailValue(initial, ['title', 'homework_title'], '') ?? '');
+  const initialDescription = String(detailValue(initial, ['description', 'desc', 'homework_description'], '') ?? '');
+  const initialClassId = detailValue(initial, ['class_id', 'classId', 'class']);
+  const initialSectionId = detailValue(initial, ['section_id', 'sectionId', 'section']);
+  const initialSubjectId = detailValue(initial, ['sub_id', 'subject_id', 'subjectId', 'subject']);
+  const initialHomewDate = String(detailValue(initial, ['homew_date', 'homework_date', 'homeworkDate'], '') ?? '');
+  const initialSubmissionDate = String(detailValue(initial, ['submission_date', 'submit_date', 'submissionDate'], '') ?? '');
+  const initialStatus = initial?.status === 'unpublish' ? 'unpublish' : 'publish';
+  const existingFile = String(detailValue(initial, ['document', 'file', 'attachment', 'document_path'], '') ?? '');
+  const initialFiles = splitFileCsv(existingFile);
+  const [busy, setBusy] = useState(false);
+  const [fileError, setFileError] = useState(null);
+  const [fileList, setFileList] = useState(() => initialFiles);
+  const [activeFile, setActiveFile] = useState(() => initialFiles[0] ?? '');
+  const [title, setTitle] = useState(initialTitle);
+  const [description, setDescription] = useState(initialDescription);
+  const [classOpt, setClassOpt] = useState(null);
+  const [sectionOpt, setSectionOpt] = useState(null);
+  const [subjectOpt, setSubjectOpt] = useState(null);
+  const [sections, setSections] = useState([]);
+  const [subjects, setSubjects] = useState([]);
+  const [homewDate, setHomewDate] = useState(initialHomewDate);
+  const [submissionDate, setSubmissionDate] = useState(initialSubmissionDate);
+  const [status, setStatus] = useState(initialStatus);
+  const [markedDates, setMarkedDates] = useState(() => {
+    return rangeMarkedDates(initialHomewDate, initialSubmissionDate);
+  });
+  useEffect(() => {
+    if (!classes.length) return;
+    if (classOpt) return;
+    const found = classes.find(it => String(it.value) === String(initialClassId));
+    if (found) {
+      setClassOpt(found);
+    }
+  }, [classOpt, classes, initialClassId]);
+  useEffect(() => {
+    if (!classOpt?.value) {
+      setSections([]);
+      setSubjects([]);
+      setSectionOpt(null);
+      setSubjectOpt(null);
+      return;
+    }
+    fetchTeacherSections(api, {
+      classId: classOpt.value
+    }).then(res => {
+      const opts = normalizeOptions(res);
+      setSections(opts);
+      const found = opts.find(it => String(it.value) === String(initialSectionId));
+      if (found) {
+        setSectionOpt(found);
+      }
+    }).catch(() => {});
+    if (sessionId !== undefined) {
+      fetchTeacherSubjectsByClass(api, {
+        classId: classOpt.value,
+        sessionId
+      }).then(res => {
+        const opts = normalizeOptions(res);
+        setSubjects(opts);
+        const found = opts.find(it => String(it.value) === String(initialSubjectId));
+        if (found) {
+          setSubjectOpt(found);
+        }
+      }).catch(() => {});
+    } else {
+      setSubjects([]);
+      setSubjectOpt(null);
+    }
+  }, [api, classOpt?.value, initialSectionId, initialSubjectId, sessionId]);
+  const viewAttachment = useCallback(async rawFile => {
+    const file = String(rawFile ?? activeFile ?? fileList[0] ?? '');
+    if (!file) {
+      Alert.alert('No Attachment');
+      return;
+    }
+    const url = resolveUploadUrl(downloadsBaseUrl, file);
+    const headers = await resolveViewerHeaders({
+      authToken,
+      getAuthToken,
+      schoolCode
+    });
+    const isImage = isImageUrl(url) || isImageUrl(file);
+    if (ImageView && isImage) {
+      const imageFiles = fileList.filter(p => {
+        const u = resolveUploadUrl(downloadsBaseUrl, p);
+        return isImageUrl(u) || isImageUrl(p);
+      });
+      const imageUrls = imageFiles.map(p => resolveUploadUrl(downloadsBaseUrl, p));
+      const idx = imageFiles.findIndex(p => String(p) === String(file));
+      setViewerImages(imageUrls.map(uri => ({
+        uri,
+        headers: Object.keys(headers).length ? headers : undefined
+      })));
+      setViewerIndex(Math.max(0, idx));
+      setViewerOpen(true);
+      return;
+    }
+    const isPdf = url.toLowerCase().endsWith('.pdf') || String(file).toLowerCase().endsWith('.pdf');
+    if (Pdf && isPdf) {
+      if (!RNFS) {
+        setPdfUri(url);
+        setPdfHeaders(headers);
+        setPdfVisible(true);
+        return;
+      }
+      setIsDownloading(true);
+      setPdfLoading(true);
+      try {
+        const localPdf = await downloadPdfToLocal({
+          RNFS,
+          url,
+          fileName: fileBaseName(file || 'document.pdf'),
+          headers
+        });
+        setPdfHeaders({});
+        setPdfUri(localPdf);
+        setPdfVisible(true);
+      } catch (error) {
+        Alert.alert('Error', error?.message ?? 'Could not open PDF.');
+      } finally {
+        setPdfLoading(false);
+        setIsDownloading(false);
+      }
+      return;
+    }
+    if (!RNFS || !FileViewer) {
+      Alert.alert('Viewer Missing', 'Install react-native-fs and react-native-file-viewer to open documents inside the app.');
+      return;
+    }
+    setIsDownloading(true);
+    try {
+      let fileName = fileBaseName(file) || 'document';
+      const hasExtension = fileName.includes('.') && (fileName.split('.').pop()?.length ?? 0) > 0;
+      if (!hasExtension && url.startsWith('http')) {
+        try {
+          const response = await fetch(url, {
+            method: 'HEAD'
+          });
+          const contentType = response.headers.get('content-type') ?? '';
+          if (contentType.includes('pdf')) fileName += '.pdf';else if (contentType.includes('word') || contentType.includes('doc')) fileName += '.docx';else if (contentType.includes('sheet') || contentType.includes('excel')) fileName += '.xlsx';else if (contentType.includes('jpeg') || contentType.includes('jpg')) fileName += '.jpg';else if (contentType.includes('png')) fileName += '.png';else fileName += '.pdf';
+        } catch {
+          fileName += '.pdf';
+        }
+      }
+      const localFile = `${RNFS.DocumentDirectoryPath}/${fileName}`;
+      await RNFS.downloadFile({
+        fromUrl: url,
+        toFile: localFile,
+        headers
+      }).promise;
+      await FileViewer.open(localFile, {
+        showOpenWithDialog: true
+      });
+    } catch {
+      Alert.alert('Error', 'Could not view the file.');
+    } finally {
+      setIsDownloading(false);
+    }
+  }, [FileViewer, ImageView, Pdf, RNFS, activeFile, authToken, downloadsBaseUrl, fileList, getAuthToken, schoolCode]);
+  const pickFromCamera = useCallback(async () => {
+    let picker = null;
+    try {
+      picker = require('react-native-image-picker');
+    } catch {}
+    if (!picker?.launchCamera) {
+      Alert.alert('Error', 'Camera picker is not available');
+      return;
+    }
+    const res = await new Promise(resolve => {
+      picker.launchCamera({
+        mediaType: 'photo',
+        saveToPhotos: true,
+        includeBase64: false
+      }, r => resolve(r));
+    });
+    const asset = res?.assets?.[0];
+    if (!asset?.uri) return;
+    const file = {
+      uri: asset.uri,
+      name: asset.fileName ?? 'camera.jpg',
+      type: asset.type ?? 'image/jpeg'
+    };
+    setFileError(null);
+    setBusy(true);
+    try {
+      const uploaded = await uploadAssignmentFile(api, file);
+      if (uploaded?.Status === 'Success' && uploaded.data) {
+        const nextPath = String(uploaded.data);
+        setFileList(prev => [...prev, nextPath]);
+        setActiveFile(prev => prev || nextPath);
+      } else {
+        setFileError('File upload failed');
+      }
+    } finally {
+      setBusy(false);
+    }
+  }, [api]);
+  const pickFiles = useCallback(async () => {
+    let dp = null;
+    try {
+      dp = require('react-native-document-picker');
+    } catch {}
+    if (!dp) {
+      return;
+    }
+    const allowed = ['pdf', 'png', 'jpg', 'jpeg', 'webp'];
+    const selected = await dp.pick({
+      presentationStyle: 'fullScreen',
+      allowMultiSelection: true,
+      type: [dp.types.pdf, dp.types.images]
+    });
+    const picks = Array.isArray(selected) ? selected : [selected];
+    const files = picks.map(it => ({
+      uri: it.uri,
+      name: it.name ?? 'file',
+      type: it.type ?? 'application/octet-stream'
+    })).filter(it => !!it.uri);
+    const invalid = files.find(it => {
+      const ext = String(it.name).split('.').pop()?.toLowerCase();
+      return ext ? !allowed.includes(ext) : false;
+    });
+    if (invalid) {
+      setFileError('Only PDF or image files are allowed');
+      return;
+    }
+    setFileError(null);
+    setBusy(true);
+    try {
+      const uploaded = [];
+      for (const f of files) {
+        const res = await uploadAssignmentFile(api, f);
+        if (res?.Status === 'Success' && res.data) {
+          uploaded.push(String(res.data));
+        }
+      }
+      if (!uploaded.length) {
+        setFileError('File upload failed');
+        return;
+      }
+      setFileList(prev => [...prev, ...uploaded]);
+      setActiveFile(prev => prev ? prev : uploaded[0] ?? '');
+    } finally {
+      setBusy(false);
+    }
+  }, [api]);
+  const submit = useCallback(async () => {
+    const fileToSend = fileList.length ? fileList.join(',') : undefined;
+    const missing = [];
+    if (!homeworkId) missing.push('homework id');
+    if (!title) missing.push('title');
+    if (!description) missing.push('description');
+    if (!classOpt?.value) missing.push('class');
+    if (!sectionOpt?.value) missing.push('section');
+    if (!subjectOpt?.value) missing.push('subject');
+    if (!homewDate) missing.push('homework date');
+    if (!submissionDate) missing.push('submission date');
+    if (!fileToSend) missing.push('file');
+    if (missing.length) {
+      if (!fileToSend) {
+        setFileError('File is required');
+      }
+      Alert.alert('Missing Fields', `Please fill: ${missing.join(', ')}`);
+      return;
+    }
+    setBusy(true);
+    try {
+      const res = await updateAssignment(api, {
+        id: homeworkId,
+        title,
+        description,
+        class_id: classOpt.value,
+        section_id: sectionOpt.value,
+        sub_id: subjectOpt.value,
+        homew_date: homewDate,
+        submission_date: submissionDate,
+        status,
+        file: fileToSend
+      });
+      const response = res;
+      if (response?.Status && response.Status !== 'Success') {
+        Alert.alert('Update Failed', String(response?.msg ?? response?.Status ?? 'Request failed'));
+        return;
+      }
+      Alert.alert('Success', String(response?.msg ?? 'Assignment updated successfully'));
+      onDone();
+    } catch (error) {
+      Alert.alert('Update Failed', String(error?.message ?? 'Could not update assignment'));
+    } finally {
+      setBusy(false);
+    }
+  }, [api, classOpt?.value, description, fileList, homewDate, homeworkId, onDone, sectionOpt?.value, status, subjectOpt?.value, submissionDate, title]);
+  const canPickSubject = sessionId !== undefined;
+  const canSubmit = canPickSubject && fileList.length > 0 && !busy;
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.headerTitle,
+        children: "Edit Assignment"
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onCancel,
+        style: styles.secondaryBtn,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.secondaryBtnText,
+          children: "Back"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      contentContainerStyle: styles.form,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Title"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          value: title,
+          onChangeText: setTitle,
+          placeholder: "Enter title",
+          placeholderTextColor: "#9CA3AF",
+          style: styles.input
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Description"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          value: description,
+          onChangeText: setDescription,
+          placeholder: "Enter description",
+          placeholderTextColor: "#9CA3AF",
+          style: [styles.input, styles.textarea],
+          multiline: true
+        })]
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Class",
+        value: classOpt,
+        options: classes,
+        placeholder: "Select class",
+        onChange: setClassOpt
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Section",
+        value: sectionOpt,
+        options: sections,
+        placeholder: "Select section",
+        onChange: setSectionOpt
+      }), /*#__PURE__*/_jsx(SelectModal, {
+        label: "Subject",
+        value: subjectOpt,
+        options: subjects,
+        placeholder: canPickSubject ? 'Select subject' : 'Provide sessionId',
+        onChange: setSubjectOpt
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Homework Date"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.secondaryBtn,
+          onPress: () => {
+            setDateMode('start');
+            setCalendarOpen(true);
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.secondaryBtnText,
+            children: homewDate || 'Select start date'
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Submission Date"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.secondaryBtn,
+          onPress: () => {
+            setDateMode('end');
+            setCalendarOpen(true);
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.secondaryBtnText,
+            children: submissionDate || 'Select end date'
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Status"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.row,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: [styles.chip, status === 'publish' ? styles.chipActive : null],
+            onPress: () => setStatus('publish'),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.chipText, status === 'publish' ? styles.chipTextActive : null],
+              children: "Publish"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: [styles.chip, status === 'unpublish' ? styles.chipActive : null],
+            onPress: () => setStatus('unpublish'),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.chipText, status === 'unpublish' ? styles.chipTextActive : null],
+              children: "Unpublish"
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.field,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Attachment"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.row,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.secondaryBtn,
+            onPress: () => {
+              pickFiles().catch(() => {});
+            },
+            disabled: busy,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.secondaryBtnText,
+              children: "Add More Files"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.secondaryBtn,
+            onPress: () => {
+              pickFromCamera().catch(() => {});
+            },
+            disabled: busy,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.secondaryBtnText,
+              children: "Camera"
+            })
+          })]
+        }), fileList.length ? /*#__PURE__*/_jsxs(Text, {
+          style: styles.fileSelectedText,
+          children: ["Selected: ", fileList.length, " files"]
+        }) : null, fileList.length ? /*#__PURE__*/_jsx(View, {
+          style: {
+            gap: 8
+          },
+          children: fileList.map((p, idx) => {
+            const name = fileBaseName(p);
+            return /*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingVertical: 6,
+                borderBottomWidth: 1,
+                borderBottomColor: '#E5E7EB',
+                gap: 10
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  flex: 1,
+                  color: '#111827'
+                },
+                numberOfLines: 1,
+                children: name
+              }), /*#__PURE__*/_jsxs(View, {
+                style: {
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 10
+                },
+                children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+                  onPress: () => viewAttachment(p).catch(() => {}),
+                  style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 6
+                  },
+                  children: [/*#__PURE__*/_jsx(View, {
+                    style: {
+                      width: 22,
+                      height: 22,
+                      borderRadius: 11,
+                      backgroundColor: '#DBEAFE',
+                      alignItems: 'center',
+                      justifyContent: 'center'
+                    },
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: {
+                        color: '#1D4ED8',
+                        fontWeight: '800'
+                      },
+                      children: "V"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: '#1D4ED8',
+                      fontWeight: '700'
+                    },
+                    children: "View"
+                  })]
+                }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+                  onPress: () => {
+                    setFileList(prev => {
+                      const next = prev.filter((_, i) => i !== idx);
+                      setActiveFile(cur => String(cur) === String(p) ? next[0] ?? '' : cur);
+                      return next;
+                    });
+                  },
+                  style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 6
+                  },
+                  children: [/*#__PURE__*/_jsx(View, {
+                    style: {
+                      width: 22,
+                      height: 22,
+                      borderRadius: 11,
+                      backgroundColor: '#FEE2E2',
+                      alignItems: 'center',
+                      justifyContent: 'center'
+                    },
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: {
+                        color: '#B91C1C',
+                        fontWeight: '800'
+                      },
+                      children: "\xD7"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: '#B91C1C',
+                      fontWeight: '700'
+                    },
+                    children: "Remove"
+                  })]
+                })]
+              })]
+            }, `${p}-${idx}`);
+          })
+        }) : null, (() => {
+          const currentFile = activeFile || fileList[0] || '';
+          const currentUrl = currentFile ? resolveUploadUrl(downloadsBaseUrl, currentFile) : '';
+          const isImage = currentUrl ? isImageUrl(currentUrl) || isImageUrl(currentFile) : false;
+          return currentUrl ? isImage ? /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.attachmentPreview,
+            onPress: () => viewAttachment(currentFile).catch(() => {}),
+            activeOpacity: 0.9,
+            children: /*#__PURE__*/_jsx(Image, {
+              source: {
+                uri: currentUrl,
+                headers: authToken || schoolCode ? {
+                  ...(authToken ? {
+                    Authorization: authToken
+                  } : {}),
+                  ...(schoolCode ? {
+                    school_code: schoolCode
+                  } : {})
+                } : undefined
+              },
+              style: styles.attachmentPreviewImage,
+              resizeMode: "contain"
+            })
+          }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.viewDocumentBtn,
+            onPress: () => viewAttachment(currentFile).catch(() => {}),
+            disabled: isDownloading,
+            activeOpacity: 0.9,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.viewDocumentBtnText,
+              children: isDownloading ? 'Opening Document...' : 'View Document'
+            })
+          }) : null;
+        })(), fileError ? /*#__PURE__*/_jsx(Text, {
+          style: styles.errorText,
+          children: fileError
+        }) : null]
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => {
+          submit().catch(() => {});
+        },
+        style: styles.primaryBtn,
+        disabled: !canSubmit,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.primaryBtnText,
+          children: busy ? 'Please wait...' : 'Update'
+        })
+      }), !canPickSubject ? /*#__PURE__*/_jsx(Text, {
+        style: styles.helperText,
+        children: "Pass sessionId to AssignmentScreen to load subjects."
+      }) : null]
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: calendarOpen,
+      transparent: true,
+      animationType: "fade",
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.modalOverlay,
+        onPress: () => setCalendarOpen(false),
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: styles.sheetCard,
+          onPress: () => {},
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.modalHeader,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.modalHeaderTitle,
+              children: dateMode === 'start' ? 'Select start date' : 'Select end date'
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: () => setCalendarOpen(false),
+              style: styles.modalClose,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.modalCloseText,
+                children: "Close"
+              })
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              flex: 1
+            },
+            children: Calendar ? /*#__PURE__*/_jsx(Calendar, {
+              markingType: "period",
+              markedDates: markedDates,
+              onDayPress: day => {
+                const d = String(day?.dateString ?? '');
+                if (!d) return;
+                if (dateMode === 'start') {
+                  setHomewDate(d);
+                  const next = rangeMarkedDates(d, submissionDate || d);
+                  setMarkedDates(next);
+                } else {
+                  setSubmissionDate(d);
+                  const next = rangeMarkedDates(homewDate || d, d);
+                  setMarkedDates(next);
+                }
+                setCalendarOpen(false);
+              }
+            }) : /*#__PURE__*/_jsx(EmptyState, {
+              title: "Calendar missing",
+              message: "Install react-native-calendars to enable date picker"
+            })
+          })]
+        })
+      })
+    }), ImageView ? /*#__PURE__*/_jsx(ImageView, {
+      images: viewerImages,
+      imageIndex: viewerIndex,
+      visible: viewerOpen,
+      onRequestClose: () => setViewerOpen(false)
+    }) : null, /*#__PURE__*/_jsx(Modal, {
+      visible: pdfVisible,
+      animationType: "slide",
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
+        style: styles.pdfRoot,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.pdfHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.pdfTitle,
+            children: "PDF Viewer"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: () => {
+              setPdfVisible(false);
+              setPdfUri('');
+              setPdfHeaders({});
+            },
+            style: styles.modalClose,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.modalCloseText,
+              children: "Close"
+            })
+          })]
+        }), pdfLoading ? /*#__PURE__*/_jsx(LoadingState, {}) : Pdf && pdfUri ? /*#__PURE__*/_jsx(Pdf, {
+          source: {
+            uri: pdfUri,
+            cache: true,
+            headers: pdfHeaders
+          },
+          style: styles.pdfViewer,
+          onError: error => {
+            Alert.alert('Error', error?.message ?? 'Could not open PDF.');
+          }
+        }) : /*#__PURE__*/_jsx(EmptyState, {
+          title: "PDF Viewer Missing"
+        })]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  header: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E7EB',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  headerTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: '#111827'
+  },
+  filters: {
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    paddingBottom: 6,
+    gap: 10
+  },
+  list: {
+    padding: 16,
+    gap: 12
+  },
+  card: {
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 12,
+    padding: 12,
+    backgroundColor: '#FFFFFF'
+  },
+  cardTop: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  cardActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10
+  },
+  editBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 999,
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    backgroundColor: '#F3F4F6'
+  },
+  editBtnText: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  cardTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#111827'
+  },
+  cardSub: {
+    marginTop: 6,
+    fontSize: 13,
+    color: '#374151'
+  },
+  cardMeta: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  viewBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 999,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  viewBtnActive: {
+    backgroundColor: '#E8F5E9',
+    borderColor: '#4CAF50'
+  },
+  viewBtnDisabled: {
+    backgroundColor: '#F5F5F5',
+    borderColor: '#E0E0E0'
+  },
+  viewBtnText: {
+    fontSize: 12,
+    fontWeight: '700'
+  },
+  viewBtnTextActive: {
+    color: '#2E7D32'
+  },
+  viewBtnTextDisabled: {
+    color: '#757575'
+  },
+  primaryBtn: {
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    backgroundColor: '#111827',
+    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  primaryBtnText: {
+    color: '#FFFFFF',
+    fontWeight: '600'
+  },
+  secondaryBtn: {
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    backgroundColor: '#F3F4F6',
+    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  secondaryBtnTextSmall: {
+    color: '#111827',
+    fontWeight: '600',
+    fontSize: 12
+  },
+  secondaryBtnText: {
+    color: '#111827',
+    fontWeight: '600'
+  },
+  form: {
+    padding: 16,
+    gap: 12
+  },
+  field: {
+    gap: 6
+  },
+  label: {
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  input: {
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    color: '#111827'
+  },
+  textarea: {
+    minHeight: 90,
+    textAlignVertical: 'top'
+  },
+  select: {
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF'
+  },
+  selectText: {
+    color: '#111827'
+  },
+  modalBackdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.35)',
+    justifyContent: 'center',
+    padding: 16
+  },
+  modalCard: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 12,
+    maxHeight: '70%',
+    paddingVertical: 12
+  },
+  sheetCard: {
+    width: '92%',
+    height: '85%',
+    borderRadius: 18,
+    backgroundColor: '#FFFFFF',
+    overflow: 'hidden'
+  },
+  pdfRoot: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  pdfHeader: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E7EB',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  pdfTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  pdfViewer: {
+    flex: 1,
+    width: '100%',
+    backgroundColor: '#F3F4F6'
+  },
+  modalTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#111827',
+    paddingHorizontal: 16,
+    paddingBottom: 12
+  },
+  optionRow: {
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  optionText: {
+    fontSize: 14,
+    color: '#111827'
+  },
+  optionEmpty: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    color: '#6B7280'
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.45)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16
+  },
+  modalHeader: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E7EB',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  modalHeaderTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  modalClose: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 10,
+    backgroundColor: '#F3F4F6'
+  },
+  modalCloseText: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  submissionList: {
+    padding: 16,
+    gap: 12
+  },
+  submissionCard: {
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 12,
+    padding: 12,
+    backgroundColor: '#FFFFFF'
+  },
+  submissionHeaderRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  submissionInputRow: {
+    marginTop: 10,
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 10
+  },
+  smallInput: {
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    color: '#111827'
+  },
+  uploadBtn: {
+    marginTop: 10,
+    alignSelf: 'stretch',
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 10,
+    backgroundColor: '#111827',
+    alignItems: 'center'
+  },
+  uploadBtnText: {
+    color: '#FFFFFF',
+    fontWeight: '700',
+    fontSize: 12
+  },
+  submissionFooter: {
+    padding: 12,
+    borderTopWidth: 1,
+    borderTopColor: '#E5E7EB',
+    backgroundColor: '#FFFFFF'
+  },
+  giveMarksBtn: {
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderRadius: 12,
+    backgroundColor: '#DC2626',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  giveMarksBtnText: {
+    color: '#FFFFFF',
+    fontWeight: '800'
+  },
+  submissionName: {
+    fontSize: 14,
+    fontWeight: '800',
+    color: '#111827'
+  },
+  submissionMeta: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10
+  },
+  chip: {
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 999,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  chipActive: {
+    backgroundColor: '#111827',
+    borderColor: '#111827'
+  },
+  chipText: {
+    fontSize: 12,
+    color: '#111827',
+    fontWeight: '600'
+  },
+  chipTextActive: {
+    color: '#FFFFFF'
+  },
+  fileText: {
+    flex: 1,
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  fileSelectedText: {
+    marginTop: 10,
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  attachmentPreview: {
+    marginTop: 10,
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 12,
+    backgroundColor: '#F9FAFB',
+    overflow: 'hidden',
+    height: 160
+  },
+  attachmentPreviewImage: {
+    width: '100%',
+    height: '100%'
+  },
+  viewDocumentBtn: {
+    marginTop: 10,
+    paddingVertical: 12,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderStyle: 'dashed',
+    borderColor: '#93C5FD',
+    backgroundColor: '#EFF6FF',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  viewDocumentBtnText: {
+    color: '#1D4ED8',
+    fontWeight: '800'
+  },
+  errorText: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#DC2626',
+    fontWeight: '600'
+  },
+  helperText: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#6B7280'
+  }
+});