recreate project

public/assets/js/report_card.js

@@ -0,0 +1,47 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const studentSelect = document.getElementById('student_id');
+    const classSelect = document.getElementById('class_section_id');
+
+    const studentFrame = document.getElementById('studentReportFrame');
+    const classFrame = document.getElementById('classReportFrame');
+
+    const downloadStudentBtn = document.getElementById('downloadStudentBtn');
+    const downloadClassBtn = document.getElementById('downloadClassBtn');
+
+    const printStudentBtn = document.getElementById('printStudentBtn');
+    const printClassBtn = document.getElementById('printClassBtn');
+
+    document.getElementById('studentForm').addEventListener('submit', function (e) {
+        e.preventDefault();
+        const studentId = studentSelect.value;
+        const viewUrl = `/report-card/student/${studentId}`;
+        studentFrame.src = viewUrl;
+        studentFrame.hidden = false;
+        downloadStudentBtn.href = viewUrl + "?download=1";
+    });
+
+    document.getElementById('classForm').addEventListener('submit', function (e) {
+        e.preventDefault();
+        const classId = classSelect.value;
+        const viewUrl = `/report-card/class/${classId}`;
+        classFrame.src = viewUrl;
+        classFrame.hidden = false;
+        downloadClassBtn.href = viewUrl + "?download=1";
+    });
+
+    printStudentBtn.addEventListener('click', function (e) {
+        e.preventDefault();
+        printIframe('studentReportFrame');
+    });
+
+    printClassBtn.addEventListener('click', function (e) {
+        e.preventDefault();
+        printIframe('classReportFrame');
+    });
+
+    function printIframe(id) {
+        const frame = document.getElementById(id);
+        frame.contentWindow.focus();
+        frame.contentWindow.print();
+    }
+});