diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
new file mode 100644
index 0000000..26c781c
--- /dev/null
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -0,0 +1,205 @@
+<template>
+  <BaseCard showHeader="t" heading="" class="pb-3">
+    <template v-slot:left>
+      <v-select
+        :items="manageSites"
+        label="Site"
+        hide-details
+        v-model="selectedSite"
+        return-object
+        style="max-width: 250px"
+        item-title="name"
+        @update:modelValue="selectTodaysDate"
+        item-value="id"></v-select>
+    </template>
+
+    <template v-slot:center>
+      <div style="margin-top: 0px; text-align: center">
+        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">
+          {{ totalCountHeader }}
+        </div>
+        {{ dateHeader }}
+      </div>
+    </template>
+
+    <template v-slot:right>
+      <v-select
+        v-model="selectedDate"
+        label="Date"
+        :items="dateOptions"
+        item-title="date"
+        return-object
+        hide-details
+        style="max-width: 250px"></v-select>
+    </template>
+
+    <div v-if="selectedSite">
+      <v-row class="mt-5">
+        <v-col></v-col>
+        <v-col md="3" class="px-0">
+          <v-text-field
+            :modelValue="totalVistorsForDay"
+            @update:modelValue="updateTotalVistors"
+            type="number"
+            min="0"
+            label="Total vistors for day"
+            hide-details
+            bg-color="#e0f2f4" />
+        </v-col>
+      </v-row>
+      <v-row class="mt-5">
+        <v-col>Visitor Origin</v-col>
+        <v-col md="3"> Daily Visitors </v-col>
+      </v-row>
+      <v-row v-for="location in selectedDate.origins" :key="location.id">
+        <v-divider></v-divider>
+        <v-col>
+          <div class="text-h6 float-left pt-3">{{ location.name }}</div>
+        </v-col>
+        <v-col md="3" class="px-0">
+          <template v-if="location.id === uncategorizedLocation.id">
+            <v-text-field
+              :modelValue="uncategorizedVisitors"
+              density="compact"
+              hide-details
+              min="0"
+              readonly
+              append-inner-icon="mdi-lock"
+              single-line
+              bg-color="#dedede"
+              type="number"></v-text-field>
+          </template>
+          <template v-else>
+            <v-text-field
+              :max="totalVistorsForDay - categorizedVistorsExceptThoseIn(location)"
+              :modelValue="location.daily_total + location.delta"
+              @update:modelValue="(newValue) => updateLocationCategoryTotal(location, newValue)"
+              density="compact"
+              hide-details
+              min="0"
+              single-line
+              type="number"></v-text-field>
+          </template>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col></v-col>
+        <v-col sm="6" md="3">
+          <v-btn color="primary" size="large" block @click="saveAndExit">Save</v-btn>
+        </v-col>
+      </v-row>
+    </div>
+    <div v-else>Not site selected</div>
+  </BaseCard>
+</template>
+
+<script lang="ts">
+import { mapActions, mapState, mapWritableState } from "pinia";
+import moment from "moment";
+import { isEmpty } from "lodash";
+
+import { useUserStore } from "@/store/UserStore";
+import { useCentreStore } from "../store";
+
+const UNKNOWN_CATEGORY_LOCATION_NAME = "Unknown";
+
+export default {
+  name: "BulkDataEntryCard",
+  emits: ["save"],
+  components: {},
+  data: () => ({
+    totalVistorsForDay: 0,
+  }),
+  mounted() {
+    if (!isEmpty(this.dataEntrySites)) {
+      this.loadDailyStats(this.dataEntrySites).then(() => {
+        this.selectFirstToManage();
+        this.totalVistorsForDay = this.uncategorizedVisitors + this.categorizedVistors;
+      });
+    }
+  },
+  computed: {
+    ...mapState(useUserStore, ["dataEntrySites"]),
+    ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
+    ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
+    totalCountHeader() {
+      return `${this.totalVistorsForDay} visitors`;
+    },
+    dateHeader() {
+      if (this.selectedSite && this.selectedDate) {
+        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
+      }
+
+      return "";
+    },
+    categorizedLocations() {
+      return this.selectedDate.origins.filter((location: any) => location.name !== UNKNOWN_CATEGORY_LOCATION_NAME);
+    },
+    uncategorizedLocation() {
+      return this.selectedDate.origins.find((location: any) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME);
+    },
+    uncategorizedVisitors() {
+      return this.uncategorizedLocation.daily_total + this.uncategorizedLocation.delta;
+    },
+    categorizedVistors() {
+      return this.categorizedLocations.reduce(
+        (total: number, location: any) => total + location.daily_total + location.delta,
+        0
+      );
+    },
+  },
+  methods: {
+    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
+    selectTodaysDate() {
+      if (this.selectedSite && this.selectedSite.days) this.selectedDate = this.selectedSite.days[0];
+    },
+    categorizedVistorsExceptThoseIn(excludedLocation: any) {
+      return this.categorizedVistors - excludedLocation.daily_total - excludedLocation.delta;
+    },
+    parseAndNaturalizeNumber(value: any) {
+      return Math.max(0, parseInt(value) || 0);
+    },
+    saveAndExit() {
+      return this.save().then(() => {
+        this.$emit("save");
+      });
+    },
+    updateUncategorizedVisitors() {
+      this.uncategorizedLocation.delta =
+        this.totalVistorsForDay - this.categorizedVistors - this.uncategorizedLocation.daily_total;
+    },
+    updateLocationCategoryTotal(location: any, value: any) {
+      const normalizedValue = this.parseAndNaturalizeNumber(value);
+
+      const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location);
+      const maxLimitedValule = Math.min(normalizedValue, maxAvailableVisitors);
+
+      location.delta = maxLimitedValule - location.daily_total;
+      this.updateUncategorizedVisitors();
+    },
+    updateTotalVistors(value: any) {
+      const normalizedValue = this.parseAndNaturalizeNumber(value);
+      if (normalizedValue < this.totalVistorsForDay) {
+        this.categorizedLocations.forEach((location: any) => {
+          location.delta = -location.daily_total;
+        });
+      }
+      this.totalVistorsForDay = normalizedValue;
+      this.updateUncategorizedVisitors();
+    },
+  },
+};
+</script>
+
+<style>
+.v-btn.v-btn--disabled.bg-orange {
+  background-color: #895200 !important;
+}
+.v-btn.v-btn--disabled.bg-orange .v-btn__overlay {
+  opacity: 0;
+}
+
+.v-btn.v-btn--disabled.bg-orange .v-btn__content {
+  color: white !important;
+}
+</style>
diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index 29a0209..91249d3 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -1,187 +1,45 @@
 <template>
-  <h1 class="text-h5 mb-5">Daily Data Entry</h1>
-
-  <BaseCard showHeader="t" heading="" class="pb-3">
-    <template v-slot:left>
-      <v-select
-        :items="manageSites"
-        label="Site"
+  <div class="d-flex justify-space-between">
+    <h1 class="text-h5 mb-5">Daily Data Entry</h1>
+
+    <div>
+      <v-switch
+        v-model="entryMode"
+        label="Direct entry"
+        color="primary"
         hide-details
-        v-model="selectedSite"
-        return-object
-        style="max-width: 250px"
-        item-title="name"
-        :disabled="isDirty"
-        @update:modelValue="changed"
-        item-value="id"></v-select>
-    </template>
-
-    <template v-slot:center>
-      <div style="margin-top: 0px; text-align: center">
-        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">{{ totalCountHeader }}</div>
-        {{ dateHeader }}
-      </div>
-    </template>
-
-    <template v-slot:right>
-      <v-select
-        v-model="selectedDate"
-        label="Date"
-        :items="dateOptions"
-        item-title="date"
-        return-object
-        hide-details
-        :disabled="isDirty"
-        style="max-width: 250px"></v-select>
-    </template>
-
-    <div v-if="selectedSite">
-      <v-row class="mt-5">
-        <v-col cols="3">Visitor Origin</v-col>
-        <v-col></v-col>
-        <v-col cols="3" class="text-body-1 text-center"> Daily Totals </v-col>
-        <!-- <v-col cols="3" class="text-body-1 text-center"> Weekly Totals </v-col> -->
-      </v-row>
-      <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
-        <v-divider></v-divider>
-        <v-col cols="3">
-          <div class="text-h6 float-left pt-3">{{ location.name }}</div>
-        </v-col>
-        <v-col>
-          <div class="text-center">
-            <v-btn variant="flat" color="#3A8340" icon="" class="mr-3" @click="plusOne(location)"
-              ><span style="color: white">+1</span></v-btn
-            >
-            <v-btn variant="flat" color="#3A8340" icon="" class="mr-10" @click="plusFive(location)"
-              ><span style="color: white">+5</span></v-btn
-            >
-            <v-btn
-              variant="flat"
-              color="orange"
-              icon=""
-              class="mr-3"
-              @click="minusOne(location)"
-              :disabled="location.daily_total - 1 < 0"
-              >-1</v-btn
-            >
-            <v-btn
-              variant="flat"
-              color="orange"
-              icon=""
-              class="mr-0"
-              @click="minusFive(location)"
-              :disabled="location.daily_total - 5 < 0"
-              >-5</v-btn
-            >
-          </div>
-        </v-col>
-
-        <v-col cols="3" class="text-h6 text-center pt-3">
-          <div class="pt-3">{{ location.daily_total }}</div>
-        </v-col>
-        <!-- <v-col cols="3" class="text-h6 text-center pt-3">
-          <div class="pt-3">{{ location.weekly_total }}</div>
-        </v-col> -->
-      </v-row>
+      ></v-switch>
     </div>
-    <div v-else>Not site selected</div>
-  </BaseCard>
+  </div>
+
+  <template v-if="entryMode">
+    <BulkDataEntryCard
+      @save="entryMode = false"
+    />
+  </template>
+  <template v-else>
+    <IncrementalDataEntryCard />
+  </template>
 </template>
+
 <script lang="ts">
-import { mapActions, mapState, mapWritableState } from "pinia";
-import moment from "moment";
-import { useUserStore } from "@/store/UserStore";
-import { useCentreStore } from "../store";
+import IncrementalDataEntryCard from "./IncrementalDataEntryCard.vue";
+import BulkDataEntryCard from "./BulkDataEntryCard.vue";
 
 export default {
-  name: "Dashboard",
-  components: {},
-  data: () => ({
-    total: 0,
-    isDirty: false,
-  }),
-  async mounted() {
-    //if (this.user.primary_site && this.user.primary_site != -1) this.site = this.user.primary_site;
-    let r = window.setInterval(async () => {
-      if (!this.isDirty) return;
-
-      await this.save();
-      this.isDirty = false;
-    }, 2000);
-
-    if (this.loadFor.length > 0) {
-      await this.loadDailyStats(this.loadFor);
-      this.selectFirstToManage();
-    }
+  name: "DataEntry",
+  components: {
+    IncrementalDataEntryCard,
+    BulkDataEntryCard,
   },
-  async beforeUnmount() {
-    if (this.selectedDate && this.isDirty) {
-      await this.save();
+  data () {
+    return {
+      entryMode: false,
     }
   },
-  computed: {
-    ...mapState(useUserStore, ["user"]),
-    ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
-    ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
-
-    loadFor() {
-      return this.user.scopes
-        .filter((s: any) => s.name.startsWith("VIC.INPUT"))
-        .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
-    },
-    totalCountHeader() {
-      if (this.selectedDate && this.selectedDate.origins) {
-        let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
-        let total = counts.reduce((t: number, i: any) => t + i, 0);
-        return `${total} visitors`;
-      }
-      return "";
-    },
-    dateHeader() {
-      if (this.selectedSite && this.selectedDate) {
-        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
-      }
-
-      return "";
-    },
-  },
-  methods: {
-    ...mapActions(useUserStore, ["canDo"]),
-    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
-
-    changed() {
-      this.selectedDate = (this.selectedSite as any).days[0];
-    },
-
-    plusOne(location: any) {
-      this.isDirty = true;
-      location.delta++;
-    },
-    plusFive(location: any) {
-      this.isDirty = true;
-      location.delta += 5;
-    },
-    minusOne(location: any) {
-      this.isDirty = true;
-      location.delta--;
-    },
-    minusFive(location: any) {
-      this.isDirty = true;
-      location.delta -= 5;
-    },
-  },
-};
+}
 </script>
 
-<style>
-.v-btn.v-btn--disabled.bg-orange {
-  background-color: #895200 !important;
-}
-.v-btn.v-btn--disabled.bg-orange .v-btn__overlay {
-  opacity: 0;
-}
+<style scoped>
 
-.v-btn.v-btn--disabled.bg-orange .v-btn__content {
-  color: white !important;
-}
 </style>
diff --git a/src/web/src/modules/centre/components/IncrementalDataEntryCard.vue b/src/web/src/modules/centre/components/IncrementalDataEntryCard.vue
new file mode 100644
index 0000000..0375f32
--- /dev/null
+++ b/src/web/src/modules/centre/components/IncrementalDataEntryCard.vue
@@ -0,0 +1,186 @@
+<template>
+  <BaseCard showHeader="t" heading="" class="pb-3">
+    <template v-slot:left>
+      <v-select
+        :items="manageSites"
+        label="Site"
+        hide-details
+        v-model="selectedSite"
+        return-object
+        style="max-width: 250px"
+        item-title="name"
+        :disabled="isDirty"
+        @update:modelValue="changed"
+        item-value="id"></v-select>
+    </template>
+
+    <template v-slot:center>
+      <div style="margin-top: 0px; text-align: center">
+        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">{{ totalCountHeader }}</div>
+        {{ dateHeader }}
+      </div>
+    </template>
+
+    <template v-slot:right>
+      <v-select
+        v-model="selectedDate"
+        label="Date"
+        :items="dateOptions"
+        item-title="date"
+        return-object
+        hide-details
+        :disabled="isDirty"
+        style="max-width: 250px"></v-select>
+    </template>
+
+    <div v-if="selectedSite">
+      <v-row class="mt-5">
+        <v-col cols="3">Visitor Origin</v-col>
+        <v-col></v-col>
+        <v-col cols="3" class="text-body-1 text-center"> Daily Totals </v-col>
+        <!-- <v-col cols="3" class="text-body-1 text-center"> Weekly Totals </v-col> -->
+      </v-row>
+      <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
+        <v-divider></v-divider>
+        <v-col cols="3">
+          <div class="text-h6 float-left pt-3">{{ location.name }}</div>
+        </v-col>
+        <v-col>
+          <div class="text-center">
+            <v-btn variant="flat" color="#3A8340" icon="" class="mr-3" @click="plusOne(location)"
+              ><span style="color: white">+1</span></v-btn
+            >
+            <v-btn variant="flat" color="#3A8340" icon="" class="mr-10" @click="plusFive(location)"
+              ><span style="color: white">+5</span></v-btn
+            >
+            <v-btn
+              variant="flat"
+              color="orange"
+              icon=""
+              class="mr-3"
+              @click="minusOne(location)"
+              :disabled="location.daily_total - 1 < 0"
+              >-1</v-btn
+            >
+            <v-btn
+              variant="flat"
+              color="orange"
+              icon=""
+              class="mr-0"
+              @click="minusFive(location)"
+              :disabled="location.daily_total - 5 < 0"
+              >-5</v-btn
+            >
+          </div>
+        </v-col>
+
+        <v-col cols="3" class="text-h6 text-center pt-3">
+          <div class="pt-3">{{ location.daily_total }}</div>
+        </v-col>
+        <!-- <v-col cols="3" class="text-h6 text-center pt-3">
+          <div class="pt-3">{{ location.weekly_total }}</div>
+        </v-col> -->
+      </v-row>
+    </div>
+    <div v-else>Not site selected</div>
+  </BaseCard>
+</template>
+
+<script lang="ts">
+import { mapActions, mapState, mapWritableState } from "pinia";
+import moment from "moment";
+import { useUserStore } from "@/store/UserStore";
+import { useCentreStore } from "../store";
+
+export default {
+  name: "IncrementalDataEntryCard",
+  components: {},
+  data: () => ({
+    total: 0,
+    isDirty: false,
+  }),
+  async mounted() {
+    //if (this.user.primary_site && this.user.primary_site != -1) this.site = this.user.primary_site;
+    let r = window.setInterval(async () => {
+      if (!this.isDirty) return;
+
+      await this.save();
+      this.isDirty = false;
+    }, 2000);
+
+    if (this.loadFor.length > 0) {
+      await this.loadDailyStats(this.loadFor);
+      this.selectFirstToManage();
+    }
+  },
+  async beforeUnmount() {
+    if (this.selectedDate && this.isDirty) {
+      await this.save();
+    }
+  },
+  computed: {
+    ...mapState(useUserStore, ["user"]),
+    ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
+    ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
+
+    loadFor() {
+      return this.user.scopes
+        .filter((s: any) => s.name.startsWith("VIC.INPUT"))
+        .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
+    },
+    totalCountHeader() {
+      if (this.selectedDate && this.selectedDate.origins) {
+        let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
+        let total = counts.reduce((t: number, i: any) => t + i, 0);
+        return `${total} visitors`;
+      }
+      return "";
+    },
+    dateHeader() {
+      if (this.selectedSite && this.selectedDate) {
+        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
+      }
+
+      return "";
+    },
+  },
+  methods: {
+    ...mapActions(useUserStore, ["canDo"]),
+    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
+
+    changed() {
+      this.selectedDate = (this.selectedSite as any).days[0];
+    },
+
+    plusOne(location: any) {
+      this.isDirty = true;
+      location.delta++;
+    },
+    plusFive(location: any) {
+      this.isDirty = true;
+      location.delta += 5;
+    },
+    minusOne(location: any) {
+      this.isDirty = true;
+      location.delta--;
+    },
+    minusFive(location: any) {
+      this.isDirty = true;
+      location.delta -= 5;
+    },
+  },
+};
+</script>
+
+<style>
+.v-btn.v-btn--disabled.bg-orange {
+  background-color: #895200 !important;
+}
+.v-btn.v-btn--disabled.bg-orange .v-btn__overlay {
+  opacity: 0;
+}
+
+.v-btn.v-btn--disabled.bg-orange .v-btn__content {
+  color: white !important;
+}
+</style>
diff --git a/src/web/src/modules/centre/store/index.ts b/src/web/src/modules/centre/store/index.ts
index 065d873..51c2ac6 100644
--- a/src/web/src/modules/centre/store/index.ts
+++ b/src/web/src/modules/centre/store/index.ts
@@ -52,7 +52,7 @@ export const useCentreStore = defineStore("centre", {
     async save() {
       const api = useApiStore();
 
-      api
+      return api
         .secureCall("put", `${VISITORCENTRE_URL}/record-stats`, {
           date: this.selectedDate,
           site: this.selectedSite,
@@ -70,9 +70,11 @@ export const useCentreStore = defineStore("centre", {
               this.manageSites.splice(index, 1, this.selectedSite);
             }
           }
-        });
 
-      m.notify({ variant: "success", text: "Saved" });
+          m.notify({ variant: "success", text: "Saved" });
+
+          return this.selectedSite
+        });
     },
 
     add(originName: string, date: string, amount: number) {
diff --git a/src/web/src/modules/home/views/Reports.vue b/src/web/src/modules/home/views/Reports.vue
index befcdb5..15d1bdc 100644
--- a/src/web/src/modules/home/views/Reports.vue
+++ b/src/web/src/modules/home/views/Reports.vue
@@ -34,7 +34,6 @@ export default {
     if (iframeEle) {
       iframeEle.addEventListener("load", function () {
         // Hide the loading indicator
-        console.log("FINISHED LOADING");
         that.iFrameLoading = false;
       });
     }