Wartestatus für Tickets;

Components/Pages/Home.razor

@@ -16,9 +16,23 @@
     </div>
 
     <div class="ticket-list">
+        @{
+            bool dividerShown = false;
+        }
         @foreach (var ticket in TicketService.GetPendingTickets())
         {
-            <div class="ticket-card priority-@ticket.Priority.ToString().ToLower()">
+            // Sobald das erste wartende Ticket auftaucht und der Trenner noch nicht da ist:
+            @if (ticket.IsWaitingForFeedback && !dividerShown)
+            {
+                <div class="waiting-separator">
+                    <hr />
+                    <span>Wartende Tickets</span>
+                    <hr />
+                </div>
+                dividerShown = true; // Trenner wurde gezeichnet, nicht nochmal anzeigen
+            }
+
+            <div class="ticket-card priority-@ticket.Priority.ToString().ToLower() @(ticket.IsWaitingForFeedback ? "is-waiting" : "")">
                 <div class="ticket-header" @onclick="() => GoToDetails(ticket.Id)">
                     <span class="prio-tag">@ticket.Priority</span>
                     <h5>@ticket.Title</h5>
@@ -33,9 +47,18 @@
                     <span class="comments-info">
                         <i class="bi bi-chat-left-text"></i> @ticket.Comments.Count Kommentare
                     </span>
-                    <button class="btn btn-sm btn-outline-success" @onclick="() => Complete(ticket.Id)">
-                        Erledigen
-                    </button>
+                    <div class="ticket-actions">
+                        <button class="btn btn-sm @(ticket.IsWaitingForFeedback ? "btn-secondary" : "btn-outline-warning")" 
+                                @onclick="() => ToggleWaitingStatus(ticket)" 
+                                @onclick:stopPropagation="true">
+                            @(ticket.IsWaitingForFeedback ? "Warten aufheben" : "Auf Rückmeldung warten")
+                        </button>
+                        <button class="btn btn-sm btn-outline-success" 
+                                @onclick="() => Complete(ticket.Id)" 
+                                @onclick:stopPropagation="true">
+                            Erledigen
+                        </button>
+                    </div>
                 </div>
             </div>
         }
@@ -57,7 +80,23 @@
         }
     }
 
-    private void Complete(Guid id) => TicketService.CompleteTicket(id);
+    private void ToggleWaitingStatus(Ticket ticket)
+    {
+        // Status umkehren
+        ticket.IsWaitingForFeedback = !ticket.IsWaitingForFeedback;
+        
+        // In der Datenbank speichern
+        TicketService.UpdateTicket(ticket);
+        
+        // UI explizit anweisen, sich neu zu sortieren
+        StateHasChanged();
+    }
+
+    private void Complete(Guid id)
+    {
+        TicketService.CompleteTicket(id);
+        StateHasChanged();
+    }
     private void GoToDetails(Guid id) => Nav.NavigateTo($"/ticket/edit/{id}");
 }
 
@@ -68,10 +107,38 @@
         background: #f8f9fa; border-radius: 8px; padding: 1rem; margin-bottom: 1rem;
         border-left: 5px solid #ccc; cursor: pointer; transition: transform 0.1s;
     }
+    .is-waiting {
+        opacity: 0.6;
+        background-color: #e9ecef;
+        border-left-color: #6c757d !important; /* Überschreibt die Prio-Farbe mit Grau */
+    }
+    .ticket-actions {
+        display: flex;
+        gap: 0.5rem;
+    }
     .ticket-card:hover { transform: scale(1.01); }
     .priority-critical { border-left-color: #dc3545; }
     .priority-high { border-left-color: #fd7e14; }
     .ticket-header { display: flex; justify-content: space-between; align-items: center; }
     .prio-tag { font-size: 0.7rem; font-weight: bold; text-transform: uppercase; }
     .ticket-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; }
+    .waiting-separator {
+        display: flex;
+        align-items: center;
+        text-align: center;
+        margin: 2.5rem 0 1.5rem 0;
+        color: #6c757d;
+        font-size: 0.85rem;
+        font-weight: bold;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+    }
+
+    .waiting-separator hr {
+        flex-grow: 1;
+        border: none;
+        border-top: 2px dashed #dee2e6;
+        margin: 0 1rem;
+        opacity: 1;
+    }
 </style>