From 8e26cbf281b60cbb95d03ab19e00ca2fdc392733 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Sat, 5 Aug 2023 12:30:07 +1000
Subject: [PATCH] Add feilds to remove tags assigned to workout (Need to
 refactor as seperate template)

---
 templates/partials/workout_modal.html | 33 +++++++++++++++++++--------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/templates/partials/workout_modal.html b/templates/partials/workout_modal.html
index 34be390..7587c31 100644
--- a/templates/partials/workout_modal.html
+++ b/templates/partials/workout_modal.html
@@ -15,16 +15,20 @@
                         <div class="flex items-center justify-between">
                             <div class="w-full">
                                 <h3 class="text-xl font-bold text-gray-900">{{ workout['PersonName'] }}</h3>
+
                                 <div class="flex">
-                                    <span
-                                        class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1 max-h-fit	">Push
-                                    </span>
-                                    <span
-                                        class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1 max-h-fit	">Accessories
-                                    </span>
+                                    <div id="tag-wrapper-w-{{ workout['WorkoutId'] }}">
+                                        <span
+                                            class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1 max-h-fit">Push
+                                        </span>
+                                        <span
+                                            class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1 max-h-fit">Accessories
+                                        </span>
+                                    </div>
                                     <span id="tag-form-show-w-{{ workout['WorkoutId'] }}" class="" _="on click 
                                             toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }}
                                             then toggle .hidden on #tag-form-hide-w-{{ workout['WorkoutId'] }}
+                                            then toggle .hidden on #tag-wrapper-w-{{ workout['WorkoutId'] }}
                                             then toggle .hidden on me">
                                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6"
@@ -37,6 +41,7 @@
                                     <span id="tag-form-hide-w-{{ workout['WorkoutId'] }}" _="on click 
                                     toggle .hidden on #tag-form-w-{{ workout['WorkoutId'] }}
                                     then toggle .hidden on #tag-form-show-w-{{ workout['WorkoutId'] }}
+                                    then toggle .hidden on #tag-wrapper-w-{{ workout['WorkoutId'] }}
                                     then toggle .hidden on me" class="hidden">
                                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
@@ -49,7 +54,7 @@
 
                                     <span class="text-base font-normal text-gray-500">Add tag to workout</span>
 
-                                    <div class="flex pt-2">
+                                    <div class="flex pt-2 flex-col sm:flex-row pb-2">
 
                                         <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
                                             <label
@@ -99,12 +104,22 @@
                                                 </button>
                                             </div>
 
-
                                         </div>
-
                                     </div>
 
+
+                                    <span class="text-base font-normal text-gray-500 pt-2">Remove tag from
+                                        workout</span>
+                                    <div>
+                                        <span
+                                            class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-100 uppercase last:mr-0 mr-1 max-h-fit">Push
+                                        </span>
+                                        <span
+                                            class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-100 uppercase last:mr-0 mr-1 max-h-fit">Accessories
+                                        </span>
+                                    </div>
                                 </div>
+
                             </div>
 
                         </div>