Added multiple levels for the guests

1 files changed, 19 insertions, 3 deletions

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 %}