diff --git a/src/main.rs b/src/main.rs
index 44512e6..9dbaa0d 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -376,6 +376,23 @@ async fn remove_ticket(
     "OK"
 }
 
+#[derive(Debug, Clone, Serialize, Deserialize)]
+struct StatResponse {
+    total: i32,
+    inside: i32,
+}
+
+async fn stats(
+    _: User,
+    Extension(pool): Extension<Database>,
+    Path(party): Path<i32>,
+) -> Json<StatResponse> {
+    let tickets = pool.get_all_tickets_for_party(party).await;
+    let total = tickets.len() as i32;
+    let inside = tickets.iter().filter(|t| t.inside).count() as i32;
+    Json(StatResponse { total, inside })
+}
+
 #[tokio::main]
 async fn main() {
     let url = if let Some(url) = std::env::var("DATABASE_URL").ok() {
@@ -383,10 +400,7 @@ async fn main() {
     } else {
         "postgres://tickets:verysecure@localhost:5432/tickets".to_string()
     };
-    let pool = PgPoolOptions::new()
-        .connect(&url)
-        .await
-        .unwrap();
+    let pool = PgPoolOptions::new().connect(&url).await.unwrap();
     db::setup_db(&pool).await;
     let pool = Arc::new(Db::new(pool));
     if let None = pool.get_user_by_username("admin").await {
@@ -419,6 +433,7 @@ async fn main() {
             "/static",
             get_service(ServeDir::new("static")).handle_error(handle_error),
         )
+        .route("/api/party/:id/stats", get(stats))
         .layer(Extension(pool));
 
     axum::Server::bind(&"0.0.0.0:8080".parse().unwrap())
diff --git a/templates/party.html b/templates/party.html
index eb2838d..156a330 100644
--- a/templates/party.html
+++ b/templates/party.html
@@ -12,15 +12,16 @@
                 <input type="radio" name="mode" value="true"><i class="form-icon"></i> Controleren
             </label>
         </div>
-        <h2>Camera</h2>
+        <h2>Informatie</h2>
         <div>
             <p><select id="videoSource"></select><button class="btn btn-primary" id="start_scan_btn">Start
                     Scannen</button> </p>
-            <h4><span id="last-scanned">Nog geen gescand</span></h4>
-            <h3><span id="scan-status">Nog geen gescand</span></h3>
             <div class="columns">
                 <video autoplay playsinline controls="false" class="column col-12"></video>
             </div>
+            <h4><span id="last-scanned">Nog geen gescand</span></h4>
+            <h3><span id="scan-status">Nog geen gescand</span></h3>
+            <h3>Binnen/Betaald: <span id="stats">Laden...</span></h3>
         </div>
         <div class="columns">
             <div class="column col-md-12 col-6">
@@ -104,7 +105,19 @@
         } else {
             alert("Error");
         }
+
+        fetch_stats()
     }
+
+    function fetch_stats() {
+        let party_id = +document.getElementById("party_id").value;
+        fetch(`/api/party/${party_id}/stats`)
+            .then(response => response.json())
+            .then(data => {
+                document.getElementById("stats").innerText = `${data.inside}/${data.total}`;
+            });
+    }
+
     function scan_ticket(code) {
         let check = document.querySelector('input[name="mode"]:checked').value === "true";
         let party_id = +document.getElementById("party_id").value;
@@ -256,6 +269,7 @@
     let elem = document.getElementById("student_number");
     elem.focus();
     elem.select();
+    fetch_stats();
 
 </script>
 {% endblock %}
\ No newline at end of file