app/views/components/_ticket_card.html.erb

@@ -15,7 +15,6 @@
     <div class="flex justify-between items-center">
       <div>
         <p class="text-sm text-neutral-600 flex items-center">
-          <span class="inline-block"><%= quantity %> total •</span>
           <% if sold_out %>
             <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800 ml-2">
               <svg class="-ml-0.5 mr-1.5 h-2 w-2 text-red-400" fill="currentColor" viewBox="0 0 8 8">
@@ -33,18 +32,8 @@
           <% end %>
         </p>
       </div>
-    </div>
 
-
+      <% unless sold_out %>
-    <div class="flex justify-between items-right mt-4">
-      <% if sold_out %>
-        <div class="text-sm text-slate-500 font-medium">
-          <svg class="w-5 h-5 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
-          </svg>
-          Unavailable
-        </div>
-      <% else %>
         <div class="flex items-center space-x-2">
           <button type="button"
                   class="w-8 h-8 rounded-full bg-slate-200 hover:bg-slate-300 flex items-center justify-center transition-colors duration-200"
@@ -66,6 +55,13 @@
             <span class="text-slate-600">+</span>
           </button>
         </div>
+      <% else %>
+        <div class="text-sm text-slate-500 font-medium">
+          <svg class="w-5 h-5 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
+          </svg>
+          Unavailable
+        </div>
       <% end %>
     </div>
   </div>