diff --git a/src/main/java/edu/byu/cs/controller/ConfigController.java b/src/main/java/edu/byu/cs/controller/ConfigController.java
new file mode 100644
index 000000000..b1adea4eb
--- /dev/null
+++ b/src/main/java/edu/byu/cs/controller/ConfigController.java
@@ -0,0 +1,80 @@
+package edu.byu.cs.controller;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonObject;
+import edu.byu.cs.dataAccess.ConfigurationDao;
+import edu.byu.cs.dataAccess.DaoService;
+import edu.byu.cs.dataAccess.DataAccessException;
+import edu.byu.cs.model.User;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import spark.Route;
+
+import java.util.ArrayList;
+
+public class ConfigController {
+
+    private static final Logger LOGGER = LoggerFactory.getLogger(SubmissionController.class);
+
+    private static void logConfigChange(String changeMessage, String adminNetId) {
+        LOGGER.info("[CONFIG] Admin %s has %s".formatted(adminNetId, changeMessage));
+    }
+
+    public static final Route getConfigAdmin = (req, res) -> {
+        JsonObject response = getPublicConfig();
+
+        res.status(200);
+        return response.toString();
+    };
+
+    public static final Route getConfigStudent = (req, res) -> {
+        String response = getPublicConfig().toString();
+
+        res.status(200);
+        return response;
+    };
+
+    private static JsonObject getPublicConfig() throws DataAccessException {
+        ConfigurationDao dao = DaoService.getConfigurationDao();
+
+        JsonObject response = new JsonObject();
+
+        response.addProperty("bannerMessage", dao.getConfiguration(ConfigurationDao.Configuration.BANNER_MESSAGE, String.class));
+        response.addProperty("phases", dao.getConfiguration(ConfigurationDao.Configuration.STUDENT_SUBMISSIONS_ENABLED, String.class));
+
+        return response;
+    }
+
+    public static final Route updateLivePhases = (req, res) -> {
+        ConfigurationDao dao = DaoService.getConfigurationDao();
+
+        JsonObject jsonObject = new Gson().fromJson(req.body(), JsonObject.class);
+        ArrayList phasesArray = new Gson().fromJson(jsonObject.get("phases"), ArrayList.class);
+
+        dao.setConfiguration(ConfigurationDao.Configuration.STUDENT_SUBMISSIONS_ENABLED, phasesArray, ArrayList.class);
+
+        User user = req.session().attribute("user");
+        logConfigChange("set the following phases as live: %s".formatted(phasesArray), user.netId());
+
+        res.status(200);
+        return "";
+    };
+
+    public static final Route updateBannerMessage = (req, res) -> {
+        ConfigurationDao dao = DaoService.getConfigurationDao();
+
+        JsonObject jsonObject = new Gson().fromJson(req.body(), JsonObject.class);
+        String message = new Gson().fromJson(jsonObject.get("bannerMessage"), String.class);
+        dao.setConfiguration(ConfigurationDao.Configuration.BANNER_MESSAGE, message, String.class);
+
+        User user = req.session().attribute("user");
+        if (message.isEmpty()) {
+            logConfigChange("cleared the banner message", user.netId());
+        } else {
+            logConfigChange("set the banner message to: '%s'".formatted(message), user.netId());
+        }
+
+        res.status(200);
+        return "";
+    };
+}
diff --git a/src/main/java/edu/byu/cs/controller/SubmissionController.java b/src/main/java/edu/byu/cs/controller/SubmissionController.java
index 226362c44..03fe29375 100644
--- a/src/main/java/edu/byu/cs/controller/SubmissionController.java
+++ b/src/main/java/edu/byu/cs/controller/SubmissionController.java
@@ -36,12 +36,8 @@ public class SubmissionController {
 
         User user = req.session().attribute("user");
 
-        Boolean submissionsEnabled = getSubmissionsEnabledConfig();
-        if (submissionsEnabled == null) return null;
-
-        if (!submissionsEnabled) {
-            halt(400, "Student submission is disabled");
-            return null;
+        if (!phaseIsEnabled(request.phase())) {
+            halt(400, "Student submission is disabled for " + request.phase());
         }
 
         updateRepoFromCanvas(user, req);
@@ -56,11 +52,27 @@ public class SubmissionController {
         return "";
     };
 
+    private static boolean phaseIsEnabled(Phase phase) {
+        boolean phaseEnabled;
+
+        try {
+            phaseEnabled = DaoService.getConfigurationDao()
+                    .getConfiguration(ConfigurationDao.Configuration.STUDENT_SUBMISSIONS_ENABLED, String.class)
+                    .contains(phase.toString());
+        } catch (DataAccessException e) {
+            LOGGER.error("Error getting configuration for live phase", e);
+            halt(500);
+            return false;
+        }
+
+        return phaseEnabled;
+    }
+
     private static Boolean getSubmissionsEnabledConfig() {
         boolean submissionsEnabled;
         try {
             submissionsEnabled = DaoService.getConfigurationDao().getConfiguration(
-                    ConfigurationDao.Configuration.STUDENT_SUBMISSION_ENABLED,
+                    ConfigurationDao.Configuration.STUDENT_SUBMISSIONS_ENABLED,
                     Boolean.class);
         } catch (Exception e) {
             LOGGER.error("Error getting configuration", e);
diff --git a/src/main/java/edu/byu/cs/dataAccess/ConfigREADME.md b/src/main/java/edu/byu/cs/dataAccess/ConfigREADME.md
new file mode 100644
index 000000000..0aa809b0e
--- /dev/null
+++ b/src/main/java/edu/byu/cs/dataAccess/ConfigREADME.md
@@ -0,0 +1,8 @@
+# Autograder Config Info
+
+The autograder has a bunch of settings that change from time to time, but need to persist across reboots. For instance, whether a phase is enabled for student submissions, or the Canvas Course ID. Thats where the Autograder Config system comes in.
+
+The `Configuration` table in the database is a set of key value pairs. This gives us a lot of flexibility, but also the need to define how it will be used. That is what this file is for.
+
+### Live Phases
+The `STUDENT_SUBMISSION_ENABLED` Configuration enum has a value of an array of phases. Each phase in the array is enabled, the rest are not.
\ No newline at end of file
diff --git a/src/main/java/edu/byu/cs/dataAccess/ConfigurationDao.java b/src/main/java/edu/byu/cs/dataAccess/ConfigurationDao.java
index b215464f9..883f53076 100644
--- a/src/main/java/edu/byu/cs/dataAccess/ConfigurationDao.java
+++ b/src/main/java/edu/byu/cs/dataAccess/ConfigurationDao.java
@@ -5,6 +5,7 @@ public interface ConfigurationDao {
     <T> T getConfiguration(Configuration key, Class<T> type) throws DataAccessException;
 
     enum Configuration {
-        STUDENT_SUBMISSION_ENABLED
+        STUDENT_SUBMISSIONS_ENABLED,
+        BANNER_MESSAGE
     }
 }
diff --git a/src/main/java/edu/byu/cs/dataAccess/sql/ConfigurationSqlDao.java b/src/main/java/edu/byu/cs/dataAccess/sql/ConfigurationSqlDao.java
index 4451a9a99..6d36e628d 100644
--- a/src/main/java/edu/byu/cs/dataAccess/sql/ConfigurationSqlDao.java
+++ b/src/main/java/edu/byu/cs/dataAccess/sql/ConfigurationSqlDao.java
@@ -29,7 +29,10 @@ public ConfigurationSqlDao() {
     @Override
     public <T> void setConfiguration(Configuration key, T value, Class<T> type) throws DataAccessException {
         try (var connection = SqlDb.getConnection()) {
-            var statement = connection.prepareStatement("INSERT INTO configuration (config_key, value) VALUES (?, ?)");
+            var statement = connection.prepareStatement("""
+            INSERT INTO configuration (config_key, value) VALUES (?, ?)
+            ON DUPLICATE KEY UPDATE value = VALUES(value);
+            """);
             statement.setString(1, key.toString());
             statement.setString(2, value.toString());
             statement.executeUpdate();
diff --git a/src/main/java/edu/byu/cs/server/Server.java b/src/main/java/edu/byu/cs/server/Server.java
index 7bf3df684..dbc03757b 100644
--- a/src/main/java/edu/byu/cs/server/Server.java
+++ b/src/main/java/edu/byu/cs/server/Server.java
@@ -19,6 +19,7 @@
 import static edu.byu.cs.controller.AdminController.*;
 import static edu.byu.cs.controller.AuthController.*;
 import static edu.byu.cs.controller.CasController.*;
+import static edu.byu.cs.controller.ConfigController.*;
 import static edu.byu.cs.controller.SubmissionController.*;
 import static spark.Spark.*;
 
@@ -65,6 +66,8 @@ public static int setupEndpoints(int port) {
 
             get("/me", meGet);
 
+            get("/config", getConfigStudent);
+
             path("/admin", () -> {
                 before("/*", (req, res) -> {
                     if (!req.requestMethod().equals("OPTIONS"))
@@ -100,6 +103,13 @@ public static int setupEndpoints(int port) {
                 get("/honorChecker/zip/:section", honorCheckerZipGet);
 
                 get("/sections", sectionsGet);
+
+                path("/config", () -> {
+                    get("", getConfigAdmin);
+
+                    post("/phases", updateLivePhases);
+                    post("/banner", updateBannerMessage);
+                });
             });
         });
 
diff --git a/src/main/resources/frontend/src/App.vue b/src/main/resources/frontend/src/App.vue
index 56c34f5be..ccbe7b4f3 100644
--- a/src/main/resources/frontend/src/App.vue
+++ b/src/main/resources/frontend/src/App.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 
-import { computed } from 'vue'
+import { computed, onMounted } from 'vue'
 import {useAuthStore} from "@/stores/auth";
 import { logoutPost } from '@/services/authService'
 import router from '@/router'
 import '@/assets/fontawesome/css/fontawesome.css'
 import '@/assets/fontawesome/css/solid.css'
+import { useAppConfigStore } from '@/stores/appConfig'
 
 const greeting = computed(() => {
   if (useAuthStore().isLoggedIn) {
@@ -22,6 +23,16 @@ const logOut = async () => {
   }
   router.push({name: "login"})
 }
+
+const bannerMessage = computed(() => {
+  if (useAuthStore().isLoggedIn) {
+    return useAppConfigStore().bannerMessage
+  }
+});
+
+onMounted( async () => {
+  await useAppConfigStore().updateConfig();
+})
 </script>
 
 <template>
@@ -30,6 +41,9 @@ const logOut = async () => {
     <h3>This is where you can submit your assignments and view your scores.</h3>
     <p>{{ greeting }} <a v-if="useAuthStore().isLoggedIn" @click="logOut">Logout</a></p>
     <p>{{ useAuthStore().user?.repoUrl }}</p>
+    <div v-if="bannerMessage" id="bannerMessage">
+      <span v-text="bannerMessage"/>
+    </div>
   </header>
   <main>
     <router-view/>
@@ -37,6 +51,13 @@ const logOut = async () => {
 </template>
 
 <style scoped>
+#bannerMessage {
+  width: 100%;
+  background-color: #4fa0ff;
+  border-radius: 3px;
+  padding: 7px;
+  margin-top: 15px;
+}
 header {
   text-align: center;
 
diff --git a/src/main/resources/frontend/src/assets/base.css b/src/main/resources/frontend/src/assets/base.css
index f4ae7ccec..752a3c9d4 100644
--- a/src/main/resources/frontend/src/assets/base.css
+++ b/src/main/resources/frontend/src/assets/base.css
@@ -126,6 +126,11 @@ button {
     letter-spacing: 0.02857em;
 }
 
+button.small {
+    font-size: 0.9rem;
+    padding: 5px;
+}
+
 button:hover {
     filter: brightness(1.1);
     cursor: pointer;
diff --git a/src/main/resources/frontend/src/services/configService.ts b/src/main/resources/frontend/src/services/configService.ts
new file mode 100644
index 000000000..ca763efc6
--- /dev/null
+++ b/src/main/resources/frontend/src/services/configService.ts
@@ -0,0 +1,61 @@
+import { type Config, useAppConfigStore } from '@/stores/appConfig'
+import { Phase } from '@/types/types'
+import { useAuthStore } from '@/stores/auth'
+
+export const getConfig = async ():Promise<Config> => {
+  let path = "/api"
+  if (useAuthStore().user?.role == 'ADMIN') {
+    path += "/admin"
+  }
+  path += "/config"
+
+  try {
+    const response = await fetch(useAppConfigStore().backendUrl + path, {
+      method: 'GET',
+      credentials: 'include'
+    });
+
+    return await response.json();
+  } catch (e) {
+    console.error('Failed to get configuration: ', e);
+    throw "Failed to get configuration"
+  }
+}
+
+export const setBannerMessage = async (message: String): Promise<void> => {
+  const response = await fetch(useAppConfigStore().backendUrl + '/api/admin/config/banner', {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      "bannerMessage": message,
+    })
+  });
+
+  if (!response.ok) {
+    console.error(response);
+    throw new Error(await response.text());
+  }
+  await useAppConfigStore().updateConfig();
+}
+
+export const setLivePhases = async (phases: Array<Phase>): Promise<void> => {
+  const response = await fetch(useAppConfigStore().backendUrl + '/api/admin/config/phases', {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      "phases": phases,
+    })
+  });
+
+  if (!response.ok) {
+    console.error(response);
+    throw new Error(await response.text());
+  }
+  await useAppConfigStore().updateConfig();
+}
\ No newline at end of file
diff --git a/src/main/resources/frontend/src/stores/appConfig.ts b/src/main/resources/frontend/src/stores/appConfig.ts
index 792a5f1b9..652ae5ec6 100644
--- a/src/main/resources/frontend/src/stores/appConfig.ts
+++ b/src/main/resources/frontend/src/stores/appConfig.ts
@@ -1,14 +1,34 @@
-import { ref, computed } from 'vue'
+import { ref, type Ref } from 'vue'
 import { defineStore } from 'pinia'
+import { listOfPhases, Phase } from '@/types/types'
+import { getConfig } from '@/services/configService'
 
 type ImportMeta = {
     VITE_APP_BACKEND_URL: string
 }
 
+export type Config = {
+  bannerMessage: string
+  phases: Array<Phase>
+}
+
 // @ts-ignore
 const env: ImportMeta = import.meta.env;
 export const useAppConfigStore = defineStore('appConfig', () => {
   const backendUrl = ref<string>(env.VITE_APP_BACKEND_URL);
 
-  return { backendUrl }
+  const updateConfig = async () => {
+    const latestConfig = await getConfig();
+
+    bannerMessage.value = latestConfig.bannerMessage
+    for (const phase of listOfPhases() as Phase[]) {
+      activePhaseList.value[phase] = latestConfig.phases.includes(phase);
+    }
+  }
+
+  const bannerMessage: Ref<string> = ref<string>("")
+  // using the enum, if phaseActivationList[phase] == true, then that phase is active
+  const activePhaseList: Ref<boolean[]> = ref<Array<boolean>>([])
+
+  return { updateConfig, backendUrl, bannerMessage, phaseActivationList: activePhaseList }
 })
diff --git a/src/main/resources/frontend/src/types/types.ts b/src/main/resources/frontend/src/types/types.ts
index a2a8fdb2c..e3fc8c168 100644
--- a/src/main/resources/frontend/src/types/types.ts
+++ b/src/main/resources/frontend/src/types/types.ts
@@ -9,6 +9,17 @@ export enum Phase {
     GitHub
 }
 
+export const listOfPhases = ():Array<Phase> => {
+    let result = []
+    for (var phase in Phase) {
+        var isValueProperty = Number(phase) >= 0
+        if (isValueProperty) {
+            result.push(Phase[phase] as unknown as Phase);
+        }
+    }
+    return result
+}
+
 export type TestNode = {
     testName: string,
     passed: boolean,
diff --git a/src/main/resources/frontend/src/views/AdminView/AdminView.vue b/src/main/resources/frontend/src/views/AdminView/AdminView.vue
index 2a0a2c7bb..f5b869cc1 100644
--- a/src/main/resources/frontend/src/views/AdminView/AdminView.vue
+++ b/src/main/resources/frontend/src/views/AdminView/AdminView.vue
@@ -8,6 +8,7 @@ import Analytics from "@/views/AdminView/Analytics.vue";
 import HonorChecker from "@/views/AdminView/HonorChecker.vue";
 import {useAdminStore} from "@/stores/admin";
 import StudentsView from "@/views/AdminView/StudentsView.vue";
+import ConfigView from '@/views/AdminView/ConfigView.vue'
 
 useAdminStore().updateUsers();
 
@@ -18,17 +19,18 @@ useAdminStore().updateUsers();
     <Tabs>
       <Tab title="Submissions">
         <SubmissionsView/>
+        <QueueStatus/>
       </Tab>
       <Tab title="Students">
         <StudentsView/>
       </Tab>
-      <Tab title="Queue Status">
-        <QueueStatus/>
-      </Tab>
       <Tab title="Downloads">
         <Analytics/>
         <HonorChecker/>
       </Tab>
+      <Tab title="Config">
+        <ConfigView/>
+      </Tab>
     </Tabs>
   </div>
 </template>
diff --git a/src/main/resources/frontend/src/views/AdminView/ConfigView.vue b/src/main/resources/frontend/src/views/AdminView/ConfigView.vue
new file mode 100644
index 000000000..3a98132fa
--- /dev/null
+++ b/src/main/resources/frontend/src/views/AdminView/ConfigView.vue
@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { listOfPhases, Phase } from '@/types/types'
+import PopUp from '@/components/PopUp.vue'
+import { setBannerMessage, setLivePhases } from '@/services/configService'
+import { useAppConfigStore } from '@/stores/appConfig'
+
+// PopUp Control
+const openLivePhases = ref<boolean>(false);
+const openBannerMessage = ref<boolean>(false);
+// =========================
+
+// Banner Message Setting
+const bannerMessageToSubmit = ref<string>("")
+const clearBannerMessage = () => {
+  bannerMessageToSubmit.value = ""
+}
+const submitBannerMessage = async () => {
+  try {
+    await setBannerMessage(bannerMessageToSubmit.value)
+  } catch (e) {
+    alert("There was a problem in saving the updated banner message")
+  }
+  openBannerMessage.value = false
+}
+// =========================
+
+// Live Phase Setting
+const setAllPhases = (setting: boolean) => {
+  for (const phase of listOfPhases() as Phase[]) {
+    useAppConfigStore().phaseActivationList[phase] = setting
+  }
+}
+const submitLivePhases = async () => {
+  let livePhases: Phase[] = []
+  for (const phase of listOfPhases() as Phase[]) {
+    if (useAppConfigStore().phaseActivationList[phase]) {
+      livePhases.push(phase);
+    }
+  }
+
+  try {
+    await setLivePhases(livePhases)
+  } catch (e) {
+    alert("There was a problem in saving live phases")
+  }
+  openLivePhases.value = false
+}
+// =========================
+
+</script>
+
+<template>
+  <div id="configContainer">
+    <div class="configCategory">
+      <h3>Live Phases</h3>
+      <p>These are the phases are live and open for students to submit to</p>
+      <div v-for="phase in listOfPhases()">
+        <p>
+          <i v-if="useAppConfigStore().phaseActivationList[phase]" class="fa-solid fa-circle-check" style="color: green"/>
+          <i v-else class="fa-solid fa-x" style="color: red"/>
+          {{phase}}</p>
+      </div>
+      <button @click="openLivePhases = true">Update</button>
+    </div>
+
+    <div class="configCategory">
+      <h3>Banner message</h3>
+      <p v-if="useAppConfigStore().bannerMessage"><span class="infoDescription">Current Message: </span><span v-text="useAppConfigStore().bannerMessage"/></p>
+      <p v-else>There is currently no banner message</p>
+      <button @click="openBannerMessage = true">Set</button>
+    </div>
+  </div>
+
+  <PopUp
+    v-if="openLivePhases"
+    @closePopUp="openLivePhases = false; useAppConfigStore().updateConfig()">
+    <h3>Live Phases</h3>
+    <p>Enable student submissions for the following phases:</p>
+
+    <div class="checkboxes">
+      <label v-for="(phase, index) in listOfPhases()" :key="index">
+        <span><input type="checkbox" v-model="useAppConfigStore().phaseActivationList[phase]"> {{ phase }}</span>
+      </label>
+    </div>
+
+    <div class="submitChanges">
+      <p><em>This will not effect admin submissions</em></p>
+      <div>
+        <button @click="setAllPhases(true)" class="small">Enable all</button>
+        <button @click="setAllPhases(false)" class="small">Disable all</button>
+      </div>
+      <button @click="submitLivePhases">Submit Changes</button>
+    </div>
+  </PopUp>
+
+  <PopUp
+    v-if="openBannerMessage"
+    @closePopUp="openBannerMessage = false">
+    <h3>Banner Message</h3>
+    <p>Set a message for students to see from the Autograder</p>
+    <input v-model="bannerMessageToSubmit" type="text" id="repoUrlInput" placeholder="No Banner Message"/>
+    <div>
+      <button class="small" @click="submitBannerMessage">Save</button>
+      <button class="small" @click="clearBannerMessage">Clear</button>
+    </div>
+  </PopUp>
+</template>
+
+<style scoped>
+.submitChanges {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.submitChanges >* {
+  margin: 5px;
+}
+.infoDescription {
+  font-weight: bold;
+}
+
+#configContainer {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr; /* Three columns of 100px each */
+  grid-gap: 10px; /* Gap between grid items */
+  margin: 10px;
+}
+
+button {
+  margin-right: 5px;
+  margin-top: 5px;
+}
+
+input[type="text"]{
+  padding: 5px;
+  width: 100%;
+}
+
+.checkboxes {
+  display: flex;
+  flex-direction: column;
+}
+</style>
\ No newline at end of file
diff --git a/src/main/resources/frontend/src/views/AdminView/QueueStatus.vue b/src/main/resources/frontend/src/views/AdminView/QueueStatus.vue
index 7dfacb643..c799e2198 100644
--- a/src/main/resources/frontend/src/views/AdminView/QueueStatus.vue
+++ b/src/main/resources/frontend/src/views/AdminView/QueueStatus.vue
@@ -66,14 +66,17 @@ const reRunQueue = async () => {
 
 <style scoped>
 .container {
-  padding: 10px;
   display: grid;
   grid-template-columns: 2fr 1fr;
   align-items: first;
 }
 
 .grading-queue {
-cursor: pointer;
+margin: 10px;
+padding: 10px;
+border: 1px solid #ccc;
+border-radius: 5px;
+background-color: #f2f2f2;
 }
 
 #queue-refresh-message {
diff --git a/src/main/resources/frontend/src/views/HomeView.vue b/src/main/resources/frontend/src/views/HomeView.vue
index 4afc42fd2..b9470760d 100644
--- a/src/main/resources/frontend/src/views/HomeView.vue
+++ b/src/main/resources/frontend/src/views/HomeView.vue
@@ -9,6 +9,7 @@ import LiveStatus from '@/views/StudentView/LiveStatus.vue'
 import SubmissionHistory from '@/views/StudentView/SubmissionHistory.vue'
 import InfoPanel from '@/components/InfoPanel.vue'
 import ResultsPreview from '@/views/StudentView/ResultsPreview.vue'
+import {useAppConfigStore} from "@/stores/appConfig";
 
 // periodically check if grading is happening
 onMounted(async () => {
@@ -49,6 +50,10 @@ const handleGradingDone = async () => {
   showResults.value = true;
 }
 
+const isPhaseDisabled = () => {
+  return selectedPhase.value != null && !useAppConfigStore().phaseActivationList[Phase[selectedPhase.value] as unknown as Phase]
+}
+
 </script>
 
 <template>
@@ -64,6 +69,11 @@ const handleGradingDone = async () => {
         </a>
       </div>
 
+      <div v-if="isPhaseDisabled()">
+        <br>
+        <span style="color: red; font-weight: bold" >Submissions to this phase are currently disabled</span>
+      </div>
+
       <div id="submitDialog">
         <select v-model="selectedPhase" @change="useSubmissionStore().checkGrading()">
           <option :value=null selected disabled>Select a phase</option>
@@ -76,7 +86,7 @@ const handleGradingDone = async () => {
           <option :value=Phase.Phase6>Phase 6</option>
           <option :value=Phase.Quality>Code Quality Check</option>
         </select>
-        <button :disabled="(selectedPhase === null) || useSubmissionStore().currentlyGrading" class="primary" @click="submitSelectedPhase">Submit</button>
+        <button :disabled="(selectedPhase === null) || isPhaseDisabled() || useSubmissionStore().currentlyGrading" class="primary" @click="submitSelectedPhase">Submit</button>
       </div>
     </div>