diff --git a/VueApp/src/Students/__tests__/student-class-year-permissions.test.ts b/VueApp/src/Students/__tests__/student-class-year-permissions.test.ts
new file mode 100644
index 000000000..beb67fde4
--- /dev/null
+++ b/VueApp/src/Students/__tests__/student-class-year-permissions.test.ts
@@ -0,0 +1,136 @@
+import { nextTick } from "vue"
+import { setActivePinia, createPinia } from "pinia"
+import { mount } from "@vue/test-utils"
+import { Quasar } from "quasar"
+import { useUserStore } from "@/store/UserStore"
+import StudentClassYear from "@/Students/pages/StudentClassYear.vue"
+import { routes } from "../router/routes"
+
+// Every class-year mutation requires SVMSecure.SIS.AllStudents on the server, so a user with
+// only SVMSecure.Students must not be offered controls that would come back 403.
+const SIS = "SVMSecure.SIS.AllStudents"
+const STUDENTS_ONLY = ["SVMSecure.Students"]
+
+vi.mock("@/composables/ViperFetch", () => ({
+    useFetch: () => ({
+        get: vi.fn<(...args: unknown[]) => unknown>().mockResolvedValue({ success: true, result: [] }),
+        put: vi.fn<(...args: unknown[]) => unknown>(),
+        del: vi.fn<(...args: unknown[]) => unknown>(),
+    }),
+}))
+
+vi.mock("vue-router", () => ({
+    useRoute: () => ({ query: {} }),
+}))
+
+function signInWith(permissions: string[]) {
+    setActivePinia(createPinia())
+    useUserStore().setPermissions(permissions)
+}
+
+function mountPage() {
+    return mount(StudentClassYear, {
+        global: {
+            plugins: [[Quasar, {}]],
+            provide: { apiURL: import.meta.env.VITE_API_URL, viperOneUrl: "http://localhost/" },
+            // QDialog teleports to body; render it inline so its contents are assertable.
+            stubs: { StatusBadge: true, teleport: true },
+        },
+    })
+}
+
+function enterClassYearRoute(query: Record<string, string>) {
+    const classYearRoute = routes.find((r) => r.path === "/Students/StudentClassYear")
+    const guard = classYearRoute?.beforeEnter as (to: { query: Record<string, string> }) => unknown
+
+    return guard({ query })
+}
+
+// The update dialog only exists once a class year is selected.
+async function mountPageWithDialogOpen() {
+    const wrapper = mountPage()
+    ;(wrapper.vm as unknown as { showForm: boolean }).showForm = true
+    await nextTick()
+    return wrapper
+}
+
+// The import control needs a selected class year as well as the permission, and the class
+// year defaults to 0, so assert on it only once a year is chosen.
+async function mountPageWithClassYear() {
+    const wrapper = mountPage()
+    ;(wrapper.vm as unknown as { classYear: { label: string; value: number } }).classYear = {
+        label: "Class of 2028",
+        value: 2028,
+    }
+    await nextTick()
+    return wrapper
+}
+
+describe("student class year permissions", () => {
+    it("offers delete and save to a user with SIS.AllStudents", async () => {
+        expect.hasAssertions()
+        signInWith([...STUDENTS_ONLY, SIS])
+
+        const wrapper = await mountPageWithDialogOpen()
+        const text = wrapper.text()
+
+        expect(text).toContain("Delete")
+        expect(text).toContain("Save")
+    })
+
+    it("hides delete and save from a user with only SVMSecure.Students", async () => {
+        expect.hasAssertions()
+        signInWith(STUDENTS_ONLY)
+
+        const wrapper = await mountPageWithDialogOpen()
+        const text = wrapper.text()
+
+        // Guard against the assertions passing just because the dialog never opened.
+        expect(text).toContain("Current class year")
+        expect(text).not.toContain("Delete")
+        expect(text).not.toContain("Save")
+    })
+
+    // Pairs with the test below: without this one, dropping the permission check from the
+    // import button would still leave the negative assertion passing on the class year alone.
+    it("offers the class year import link to a user with SIS.AllStudents", async () => {
+        expect.hasAssertions()
+        signInWith([...STUDENTS_ONLY, SIS])
+
+        const wrapper = await mountPageWithClassYear()
+
+        expect(wrapper.text()).toContain("Import students into")
+    })
+
+    it("hides the class year import link from a user without SIS.AllStudents", async () => {
+        expect.hasAssertions()
+        signInWith(STUDENTS_ONLY)
+
+        const wrapper = await mountPageWithClassYear()
+
+        expect(wrapper.text()).not.toContain("Import students into")
+    })
+
+    it("gates the class year import route on SIS.AllStudents", () => {
+        expect.hasAssertions()
+
+        const importRoute = routes.find((r) => r.path === "/Students/StudentClassYearImport")
+
+        expect(importRoute?.meta?.permissions).toStrictEqual([SIS])
+    })
+
+    it("sends the Razor ?import bookmark to the import route, keeping the class year", () => {
+        expect.hasAssertions()
+
+        expect(enterClassYearRoute({ import: "1", classYear: "2028" })).toStrictEqual({
+            path: "/Students/StudentClassYearImport",
+            query: { classYear: "2028" },
+        })
+    })
+
+    it("leaves the class year page alone when there is no import query", () => {
+        expect.hasAssertions()
+
+        expect(enterClassYearRoute({ classYear: "2028" })).toBeTruthy()
+    })
+})
diff --git a/VueApp/src/Students/pages/StudentClassYear.vue b/VueApp/src/Students/pages/StudentClassYear.vue
index 0465fff0b..c7693467b 100644
--- a/VueApp/src/Students/pages/StudentClassYear.vue
+++ b/VueApp/src/Students/pages/StudentClassYear.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { ref, inject, watch } from "vue"
+import { ref, inject, watch, computed } from "vue"
 import { useRoute } from "vue-router"
 import type { Ref } from "vue"
 import type { QTableProps } from "quasar"
 import { useFetch } from "@/composables/ViperFetch"
+import { checkHasOnePermission } from "@/composables/CheckPagePermission"
 import StatusBadge from "@/components/StatusBadge.vue"
 import type {
     StudentClassYear as StudentClassYearType,
@@ -17,6 +18,10 @@ const { get, put, del } = useFetch()
 const apiUrl = inject("apiURL")
 const viperUrl = inject("viperOneUrl")
 
+// Every class-year mutation requires SVMSecure.SIS.AllStudents on the server, so the page stays
+// readable without it but hides the controls that would 403 rather than reject them on click.
+const canManageClassYears = computed(() => checkHasOnePermission(["SVMSecure.SIS.AllStudents"]))
+
 //class year selection
 const classYear = ref({ label: "", value: 0 })
 const classYearOptions = ref([]) as Ref<ClassYear[]>
@@ -184,7 +189,10 @@ load()
                         v-close-popup
                     />
                 </q-card-section>
-                <q-card-section class="q-pt-sm">
+                <q-card-section
+                    class="q-pt-sm"
+                    v-if="canManageClassYears"
+                >
                     If you change the class year from the current class year, a new record will be created and the
                     current class year will be marked as inactive with the reasons and term below.
                 </q-card-section>
@@ -192,13 +200,15 @@ load()
                     <q-checkbox
                         v-model="studentClassYear.active"
                         label="Current class year"
+                        :disable="!canManageClassYears"
                     ></q-checkbox>
                     <br />
                     <q-checkbox
                         v-model="studentClassYear.ross"
                         label="Ross Student"
+                        :disable="!canManageClassYears"
                     ></q-checkbox>
-                    <div>If changing class year, please fill out below.</div>
+                    <div v-if="canManageClassYears">If changing class year, please fill out below.</div>
                     <q-select
                         outlined
                         dense
@@ -207,6 +217,7 @@ load()
                         v-model="studentClassYear.classYear"
                         emit-value
                         :options="classYearOptions"
+                        :readonly="!canManageClassYears"
                     ></q-select>
                     <q-select
                         outlined
@@ -218,6 +229,7 @@ load()
                         emit-value
                         map-options
                         :options="reasons"
+                        :readonly="!canManageClassYears"
                     ></q-select>
                     <q-select
                         outlined
@@ -229,6 +241,7 @@ load()
                         emit-value
                         map-options
                         :options="terms"
+                        :readonly="!canManageClassYears"
                     ></q-select>
                     <q-input
                         type="textarea"
@@ -236,9 +249,13 @@ load()
                         dense
                         label="Comment"
                         v-model="studentClassYear.comment"
+                        :readonly="!canManageClassYears"
                     ></q-input>
                 </q-card-section>
-                <q-card-actions align="evenly">
+                <q-card-actions
+                    align="evenly"
+                    v-if="canManageClassYears"
+                >
                     <q-btn
                         no-caps
                         label="Save"
@@ -293,7 +310,7 @@ load()
             <!-- eslint-disable harlanzw/vue-no-ref-access-in-templates -- classYear is { label, value }, not a ref .value access -->
             <div class="col col-md-2 col-lg-2 offset-md-3">
                 <q-btn
-                    v-if="classYear.value"
+                    v-if="classYear.value && canManageClassYears"
                     :label="'Import students into ' + classYear?.label"
                     dense
                     no-caps
diff --git a/VueApp/src/Students/router/routes.ts b/VueApp/src/Students/router/routes.ts
index b22a9ae57..ea3f1b1cb 100644
--- a/VueApp/src/Students/router/routes.ts
+++ b/VueApp/src/Students/router/routes.ts
@@ -50,11 +50,19 @@ const routes = [
     {
         path: "/Students/StudentClassYear",
         meta: { layout: ViperLayout },
+        // The Razor action served the import UI off this path via ?import, so keep old
+        // links and bookmarks working. Redirecting re-runs the guard, which applies the
+        // import route's SIS permission check.
+        beforeEnter: (to: RouteLocationNormalized) =>
+            to.query.import === undefined
+                ? true
+                : { path: "/Students/StudentClassYearImport", query: { classYear: to.query.classYear } },
         component: () => import("@/Students/pages/StudentClassYear.vue"),
     },
     {
+        // Importing is an SIS mutation end to end, so there is nothing here without the permission.
         path: "/Students/StudentClassYearImport",
-        meta: { layout: ViperLayout },
+        meta: { layout: ViperLayout, permissions: ["SVMSecure.SIS.AllStudents"] },
         component: () => import("@/Students/pages/StudentClassYearImport.vue"),
     },
     {
@@ -110,6 +118,11 @@ const routes = [
             },
         ],
     },
+    {
+        path: "/:catchAll(.*)*",
+        meta: { layout: ViperLayout },
+        component: () => import("@/pages/Error404.vue"),
+    },
 ]
 
 export { routes, requireOwnStudentRecord, requireEditAccess }
diff --git a/web/Areas/Students/Controllers/StudentsController.cs b/web/Areas/Students/Controllers/StudentsController.cs
deleted file mode 100644
index e5a0a50bd..000000000
--- a/web/Areas/Students/Controllers/StudentsController.cs
+++ /dev/null
@@ -1,75 +0,0 @@
-using Microsoft.AspNetCore.Authorization;
-using Microsoft.AspNetCore.Mvc;
-using Microsoft.AspNetCore.Mvc.Filters;
-using Viper.Areas.CMS.Data;
-using Viper.Classes;
-using Viper.Classes.SQLContext;
-using Web.Authorization;
-
-namespace Viper.Areas.Students.Controllers
-{
-    [Area("Students")]
-    [Route("[area]/[action]")]
-    [Authorize(Policy = "2faAuthentication")]
-    [Permission(Allow = "SVMSecure.Students")]
-    public class StudentsController : AreaController
-    {
-        private readonly VIPERContext _viperContext;
-        private readonly RAPSContext _rapsContext;
-
-        public StudentsController(VIPERContext viperContext, RAPSContext rapsContext)
-        {
-            _viperContext = viperContext;
-            _rapsContext = rapsContext;
-        }
-
-        /// <summary>
-        /// Getting left nav for each page.
-        /// </summary>
-        /// <param name="context"></param>
-        /// <param name="next"></param>
-        /// <returns></returns>
-#pragma warning disable S6967 // Lifecycle override, not a user-facing action endpoint
-        public override async Task OnActionExecutionAsync(ActionExecutingContext context,
-                                         ActionExecutionDelegate next)
-        {
-            await base.OnActionExecutionAsync(context, next);
-            ViewData["ViperLeftNav"] = Nav();
-        }
-#pragma warning restore S6967
-
-        [NonAction]
-        public NavMenu Nav()
-        {
-            var menu = new LeftNavMenu(_viperContext, _rapsContext).GetLeftNavMenus(friendlyName: "viper-students")?.FirstOrDefault();
-            if (menu != null)
-            {
-                ConvertNavLinksForDevelopment(menu);
-            }
-            return menu ?? new NavMenu("", new List<NavMenuItem>());
-        }
-
-        [Route("/[area]")]
-        public IActionResult Index()
-        {
-            return View("~/Areas/Students/Views/Index.cshtml");
-        }
-
-        [Route("/[area]/[action]")]
-#pragma warning disable S6967 // View-only action with query params, no model binding validation needed
-        public IActionResult StudentClassYear(string? import = null, int? classYear = null)
-        {
-            return import != null
-                ? View("~/Areas/Students/Views/StudentClassYearImport.cshtml")
-                : View("~/Areas/Students/Views/StudentClassYear.cshtml");
-        }
-#pragma warning restore S6967
-
-        [Route("/[area]/[action]")]
-        public IActionResult StudentClassYearreport()
-        {
-            return View("~/Areas/Students/Views/StudentClassYearReport.cshtml");
-        }
-
-    }
-}
diff --git a/web/Areas/Students/Views/Index.cshtml b/web/Areas/Students/Views/Index.cshtml
deleted file mode 100644
index f821b8010..000000000
--- a/web/Areas/Students/Views/Index.cshtml
+++ /dev/null
@@ -1,3 +0,0 @@
-@{
-    ViewData["Title"] = "Students Home";
-}
diff --git a/web/Areas/Students/Views/StudentClassYear.cshtml b/web/Areas/Students/Views/StudentClassYear.cshtml
deleted file mode 100644
index 06aad3ec3..000000000
--- a/web/Areas/Students/Views/StudentClassYear.cshtml
+++ /dev/null
@@ -1,247 +0,0 @@
-@{
-    ViewData["Title"] = "Student Class Year";
-}
-<div class="row q-mb-sm">
-    <div class="col">
-        <h1>Student Class Years</h1>
-    </div>
-</div>
-
-<q-dialog v-model="showForm" @@hide="clear(this)">
-    <q-card style="width: 500px; max-width: 80vw;">
-        <q-form @@submit="submitStudentClassYear" v-model="studentClassYear">
-            <q-card-section>
-                <div class="text-h6">Updating record for {{selectedStudentName}} Class of {{studentClassYear.classYear}}</div>
-                If you change the class year one the current class year, a new record will be created and the current class year one will be marked
-                as inactive with the reasons and term below.
-            </q-card-section>
-            <q-card-section>
-                <q-checkbox v-model="studentClassYear.active" label="Current class year"></q-checkbox>
-                <br />
-                <q-checkbox v-model="studentClassYear.ross" label="Ross Student"></q-checkbox>
-                @* :true-value="1" :false-value="0" *@
-                <div>If changing class year, please fill out below.</div>
-                <q-select outlined dense options-dense label="Class Year" v-model="studentClassYear.classYear" emit-value :options="classYearOptions"></q-select>
-                <q-select outlined dense options-dense clearable label="Reason Left" v-model="studentClassYear.leftReason" emit-value map-options :options="reasons"></q-select>
-                <q-select outlined dense options-dense clearable label="Term Left" v-model="studentClassYear.leftTerm" emit-value map-options :options="terms"></q-select>
-                <q-input type="textarea" outlined dense label="Comment" v-model="studentClassYear.comment"></q-input>
-            </q-card-section>
-            <q-card-actions align="evenly">
-                <q-btn no-caps label="Save" type="submit" padding="xs sm" color="primary"></q-btn>
-                <q-btn no-caps label="Delete" type="button" padding="xs md" @@click="deleteStudentClassYear(this)" color="negative"></q-btn>
-            </q-card-actions>
-        </q-form>
-    </q-card>
-</q-dialog>
-
-<q-form @@submit="return false;">
-    <div class="row q-mb-md">
-        <div class="col col-md-6 col-lg-3">
-            <q-select outlined dense options-dense
-                      label="Class Year" v-model="classYear" :options="classYearOptions">
-            </q-select>
-            <q-toggle v-model="activeOnly" label="Only students currently in this class"></q-toggle>
-            <br />
-            <q-btn no-caps color="primary" label="Submit" class="q-mt-md" @@click="getStudents"></q-btn>
-        </div>
-        <div class="col col-md-2 col-lg-2 offset-md-3">
-            <q-btn v-if="classYear.value" :label="'Import students into ' + classYear?.label" dense no-caps color="secondary"
-                   @@click="toImport(this)"></q-btn>
-        </div>
-    </div>
-</q-form>
-
-<q-table :rows="students"
-         row-key="personId"
-         :columns="cols"
-         :title="classYear.label"
-         :pagination="{rowsPerPage: 0}"
-         :no-data-label="nodata"
-         :loading="loading"
-         :filter="filter"
-         dense>
-    <template v-slot:top-right>
-        <q-toggle v-model="problemsOnly" label="Problems Only" class="q-mr-md"></q-toggle>
-        <q-input v-model="filter" dense outlined debounce="300" placeholder="Filter results" class="q-ml-xs q-mr-xs">
-            <template v-slot:append>
-                <q-icon name="filter_alt" />
-            </template>
-        </q-input>
-    </template>
-    <template v-slot:body-cell-avatar="props">
-        <q-td :props="props">
-            <q-avatar square>
-                <img :src="'@HttpHelper.GetOldViperRootURL()/public/utilities/getbase64image.cfm?altphoto=1&mailId=' + props.row.mailId" class="smallPhoto" :alt="props.row.firstName + ' ' + props.row.lastName + '\'s photo'" />
-            </q-avatar>
-        </q-td>
-    </template>
-    <template v-slot:body-cell-name="props">
-        <q-td :props="props">
-            <a :href="">
-                {{props.row.lastName}}, {{props.row.firstName}}
-            </a>
-        </q-td>
-    </template>
-    <template v-slot:body-cell-classyear="props">
-        <q-td :props="props">
-            <span v-for="classYear in props.row.classYears">
-                <q-btn dense no-caps :label="classYear.classYear" v-if="classYear.active" color="primary"
-                       class="q-px-sm" @@click="selectStudent(props.row, classYear)">
-                    <q-badge v-if="classYear.ross" color="negative" class="q-mx-sm">Ross</q-badge>
-                    <q-badge color="warning" text-color="dark" class="q-mx-sm" v-if="classYear.leftReason">{{classYear.leftReasonText}}</q-badge>
-                </q-btn>
-            </span>
-        </q-td>
-    </template>
-    <template v-slot:body-cell-previousyears="props">
-        <q-td :props="props">
-            <span v-for="classYear in props.row.classYears">
-                <q-btn dense no-caps :label="classYear.classYear" v-if="!classYear.active" color="secondary"
-                       class="q-px-sm" @@click="selectStudent(props.row, classYear)">
-                    <q-badge v-if="classYear.ross" color="negative" class="q-mx-sm">Ross</q-badge>
-                    <q-badge color="warning" text-color="dark" class="q-mx-sm" v-if="classYear.leftReason">{{classYear.leftReasonText}}</q-badge>
-                </q-btn>
-            </span>
-        </q-td>
-    </template>
-</q-table>
-
-@section Scripts {
-    <script asp-add-nonce="true">
-        createVueApp({
-            data() {
-                return {
-                    //class year selection
-                    classYear: { label: "", value: "" },
-                    classYearOptions: [],
-
-                    //students table
-                    cols: [
-                        { name: "avatar", label: "Photo", field: "", align: "left", style: "width:75px;" },
-                        { name: "name", label: "Student", field: "", align: "left", sortable: true },
-                        { name: "classyear", label: "Class Year", field: "personId", align: "left", sortable: true },
-                        { name: "previousyears", label: "Prev Years", field: "firstName", align: "left", sortable: true },
-                        { name: "problems", label: "Problems", field: "problems", align: "left", sortable: true },
-                    ],
-                    allStudents: [],
-                    students: [],
-                    activeOnly: false,
-                    problemsOnly: false,
-                    loading: false,
-                    filter: null,
-                    nodata: "",
-
-                    //form
-                    showForm: false,
-                    selectedStudentName: "",
-                    studentClassYear: { personId: 0, ross: false, reason: "", leftTerm: "", comment: "", active: false },
-                    terms: [],
-                    reasons: ["PELP", "VSTP", "Left"]
-                }
-            },
-            methods: {
-                getStudents: async function () {
-                    this.loading = true
-                    this.students = []
-                    this.allStudents = []
-                    this.nodata = ""
-
-                    //if class year specified, add to url params and get students with this class year
-                    if (this.classYear?.value && this.classYear.value) {
-                        var qp = new URLSearchParams(window.location.search)
-                        qp.set("classYear", this.classYear.value)
-                        history.pushState(null, null, "?" + qp.toString())
-                        var u = "@Url.Content("~/api/students/dvm/?classYear=")" + this.classYear.value + "&includeAllClassYears=" + !this.activeOnly
-                        this.allStudents = await viperFetch(this, u)
-
-                        //get problems
-                        var u = "@Url.Content("~/api/students/dvm/classYearReport?classYear=")" + this.classYear.value
-                        var problems = await viperFetch(this, u)
-                        problems.forEach(p => {
-                            var s = this.allStudents.find(s => s.personId == p.personId)
-                            if (s != undefined) {
-                                s.problems = p.problems
-                            }
-                        })
-                    }
-                    else {
-                        this.nodata = "Select a class year and hit submit"
-                    }
-
-                    this.students = this.allStudents.filter(s => !this.problemsOnly || s?.problems?.length)
-                    if (this.students.length == 0 && this.classYear?.value && this.classYear.value) {
-                        this.nodata = "No students found. Please import this year."
-                    }
-                    this.loading = false
-                },
-                clear: function () {
-                    this.studentClassYear = { personId: 0, ross: false, reason: "", leftTerm: "", comment: "" }
-                    this.showForm = false
-                },
-                selectStudent: function (student, cy) {
-                    this.selectedStudentName = student.fullName
-
-                    this.studentClassYear = { ...cy }
-                    this.showForm = true
-                },
-                submitStudentClassYear: async function () {
-                    var u = "@Url.Content("~/api/students/dvm/")" + this.studentClassYear.classYear + "/" + this.studentClassYear.personId
-                    await viperFetch(this,
-                        u,
-                        {
-                            method: "PUT",
-                            body: JSON.stringify(this.studentClassYear),
-                            headers: { "Content-Type": "application/json" }
-                        }
-                    )
-                    this.getStudents()
-                    this.clear()
-                },
-                deleteStudentClassYear: async function () {
-                    var u = "@Url.Content("~/api/students/dvm/studentClassYears/")" + this.studentClassYear.studentClassYearId
-                    await viperFetch(this,
-                        u,
-                        {
-                            method: "DELETE",
-                            headers: { "Content-Type": "application/json" }
-                        }
-                    )
-                    this.getStudents()
-                    this.clear()
-                },
-                toImport: function () {
-                    location.href = "?import=1&classYear=" + this.classYear.value
-                }
-            },
-            mounted: async function () {
-                //get class year from url
-                var cy = this.urlParams.get("classYear") ?? ""
-                if (cy) {
-                    this.classYear = { label: "Class of " + cy, value: cy }
-                }
-                //get all class years, reasons, terms for select boxes
-                this.classYearOptions.push({ label: "", value: "" })
-                for (var i = new Date().getFullYear() + 6; i >= 2016; i--) {
-                    this.classYearOptions.push({ label: "Class of " + i, value: i })
-                }
-                viperFetch(this, "@Url.Content("~/curriculum/terms")")
-                    .then(data => {
-                        this.terms = data
-                            .map(t => ({ label: t.description, value: t.termCode }))
-                    })
-                viperFetch(this, "@Url.Content("~/api/students/dvm/leftReasons")")
-                    .then(data => {
-                        this.reasons = data
-                            .map(r => ({ label: r.reason, value: r.classYearLeftReasonId }))
-                    })
-                //get students
-                this.getStudents()
-            },
-            watch: {
-                problemsOnly: function () {
-                    this.students = this.allStudents.filter(s => !this.problemsOnly || s?.problems?.length)
-                }
-            }
-        })
-    </script>
-}
\ No newline at end of file
diff --git a/web/Areas/Students/Views/StudentClassYearImport.cshtml b/web/Areas/Students/Views/StudentClassYearImport.cshtml
deleted file mode 100644
index 77c436a52..000000000
--- a/web/Areas/Students/Views/StudentClassYearImport.cshtml
+++ /dev/null
@@ -1,127 +0,0 @@
-@{
-    ViewData["Title"] = "Class Year Import";
-}
-<div class="row">
-    <div class="col">
-        <h1>Student Class Year Import</h1>
-    </div>
-</div>
-
-<q-form>
-    <div class="row q-mb-md">
-        <q-select label="Term Code" outlined dense options-dense :options="terms" v-model="term"
-                  class="col col-md-2">
-        </q-select>
-        <q-select label="Class Level" outlined dense options-dense :options="classLevels" v-model="classLevel"
-                  class="col col-md-1 q-ml-sm">
-        </q-select>
-        <q-btn label="Load student list" dense no-caps class="q-ml-sm q-px-sm"
-               :disabled="term.value == '' || classLevel.value == ''"
-               :color="term.value == '' || classLevel.value == '' ? 'white' : 'secondary'"
-               :text-color="term.value == '' || classLevel.value == '' ? 'dark' : 'white'"
-               @@click="getStudentsByTermAndClassLevel(this)"></q-btn>
-        <q-btn label="Return to class list" dense no-caps class="q-ml-xl q-px-sm" color="secondary"
-               :href="'StudentClassYear?classYear=' + this.classYear"></q-btn>
-    </div>
-
-    <div v-if="students.length">
-        <q-btn dense no-caps class="q-px-md q-mr-md" color="primary" label="Select All"
-               @@click="selectAll(this)"></q-btn>
-        <q-btn dense no-caps class="q-px-md" color="primary" label="Import Selected Students"
-               @@click="importStudents(this)"></q-btn>
-        <q-list dense>
-            <q-item-label header background-color="secondary">
-                {{students.length}} Students {{classLevel.value}} in {{term.label}}
-            </q-item-label>
-            <q-item dense clickable v-ripple v-for="student in students">
-                <q-item-section side>
-                    <q-checkbox v-model="selectedStudents" :val="student.personId" :disable="student.classYears.length != 0"></q-checkbox>
-                </q-item-section>
-                <q-item-section avatar>
-                    <q-avatar square>
-                        <img :src="'@HttpHelper.GetOldViperRootURL()/public/utilities/getbase64image.cfm?altphoto=1&mailId=' + student.mailId" class="smallPhoto" :alt="student.firstName + ' ' + student.lastName + '\'s photo'" />
-                    </q-avatar>
-                </q-item-section>
-                <q-item-section>
-                    <q-item-label>
-                        {{student.lastName}}, {{student.firstName}}
-                    </q-item-label>
-                </q-item-section>
-                <q-item-section v-if="student.classYears.length != 0">
-                    Current: Class of {{student.classYear}}
-                </q-item-section>
-            </q-item>
-        </q-list>
-    </div>
-    <div v-if="noStudentsFound">
-        No students found
-    </div>
-</q-form>
-
-@section Scripts {
-    <script asp-add-nonce="true">
-        createVueApp({
-            data() {
-                return {
-                    classYear: 0,
-                    term: { label: "Spring 2024", value: "202402" },
-                    terms: [],
-                    classLevel: { label: "V4", value: "V4" },
-                    classLevels: [
-                        { label: "V1", value: "V1" },
-                        { label: "V2", value: "V2" },
-                        { label: "V3", value: "V3" },
-                        { label: "V4", value: "V4" }
-                    ],
-                    students: [],
-                    selectedStudents: [],
-                    noStudentsFound: false
-                }
-            },
-            methods: {
-                getStudentsByTermAndClassLevel: async function () {
-                    this.students = []
-                    this.noStudentsFound = false
-                    var u = "@Url.Content("~/api/students/dvm/byTermAndClassLevel/")" + this.term.value + "/" + this.classLevel.value
-                    if (this.term?.value && this.classLevel?.value) {
-                        this.students = await viperFetch(this, u)
-                        if (this.students.length == 0) {
-                            this.noStudentsFound = true
-                        }
-                    }
-                },
-                importStudents: async function () {
-                    var u = "@Url.Content("~/api/students/dvm/")" + this.classYear + "/import"
-                    await viperFetch(this,
-                        u,
-                        {
-                            method: "POST",
-                            body: JSON.stringify(this.selectedStudents),
-                            headers: { "Content-Type": "application/json" }
-                        }
-                    )
-                    this.getStudentsByTermAndClassLevel()
-                    this.selectedStudents = []
-                },
-                selectAll: function () {
-                    this.selectedStudents = this.students.reduce((ids, s) => {
-                        if (s.classYears.length == 0)
-                            ids.push(s.personId)
-                        return ids
-                    }, [])
-                }
-            },
-            mounted: function () {
-                this.classYear = this.urlParams.get("classYear")
-                this.terms = viperFetch(this, "@Url.Content("~/curriculum/terms")")
-                    .then(data => {
-                        this.terms = data
-                            .map(t => ({ label: t.description, value: t.termCode }))
-                    })
-            },
-            watch: {
-
-            }
-        })
-    </script>
-}
\ No newline at end of file