From 6ca047f36fb688cdb72f0170e0fb3aaf3701ff95 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Fri, 15 Nov 2024 14:55:05 +0100
Subject: Added multiple levels for the guests

---
 src/match_up/templates/macros.j2 | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

(limited to 'src/match_up/templates/macros.j2')

diff --git a/src/match_up/templates/macros.j2 b/src/match_up/templates/macros.j2
index 2a8ad1e..83fc823 100644
--- a/src/match_up/templates/macros.j2
+++ b/src/match_up/templates/macros.j2
@@ -10,9 +10,25 @@
         hx-swap="outerHTML"> {{ player.first + " " + player.last}} </button>
 {%- endmacro %}
 
-{% macro guests(count, level) -%}
-<div class="control" id="{{level}}guests">
-    <input class="input is-responsive" type="text" style="text-align:center" value="{{ count }} Guests" disabled>
+{% macro guest_control(level, value) -%}
+<div class="field has-addons" id="guests_{{level}}">
+    <div class="control">
+        <button class="button is-responsive is-dark" 
+                hx-post="/decrement_guest" 
+                hx-swap="outerHTML"
+                hx-vals='{"level": "{{ level }}"}'
+                hx-target="#guests_{{ level }}"><span class="icon"><i class="fas fa-light fa-minus"></i></span></button>
+    </div>
+    <div class="control">
+        <input class="input is-responsive" type="text" style="text-align:center" value="{{ value }}" disabled>
+    </div>
+    <div class="control">
+        <button class="button is-responsive is-dark" 
+                hx-post="/increment_guest"
+                hx-swap="outerHTML"
+                hx-vals='{"level": "{{ level }}"}'
+                hx-target="#guests_{{ level }}"><span class="icon"><i class="fas fa-light fa-plus"></i></span></button>
+    </div>
 </div>
 {%- endmacro %}
 
-- 
cgit v1.3.1