Wartungs-Abo: Worksheets als Abo-Stunden markieren

Haken beim Anlegen + Umschalter in der Worksheet-Liste setzen
worksheets.countsToPlan. Nur markierte Arbeitszeit wird im Kundenportal
vom Abo-Stundenguthaben abgezogen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/WorksheetList.jsx

@@ -5,7 +5,7 @@ function needsTimeEntry(ws) {
   return ws.serviceType === 'GIT' && (!ws.startTime || !Number(ws.totalTime))
 }
 
-export default function WorksheetList({ worksheets, totalTime, loading, onEditTime }) {
+export default function WorksheetList({ worksheets, totalTime, loading, onEditTime, onTogglePlan }) {
   const [expandedWorksheets, setExpandedWorksheets] = useState({})
   if (loading) {
     return (
@@ -123,6 +123,13 @@ export default function WorksheetList({ worksheets, totalTime, loading, onEditTi
                           <FaClock className="me-1" /> Zeit offen
                         </span>
                       )}
+                      {ws.countsToPlan && !ws.isComment && (
+                        <span className="badge ms-2" title="Wird vom Stundenguthaben des Wartungs-Abos abgezogen" style={{
+                          background: '#9d3dfe'
+                        }}>
+                          Abo-Stunden
+                        </span>
+                      )}
                     </div>
                     {/* Collapsed: Mitarbeiter & Zeit im Header */}
                     {!isExpanded && (
@@ -165,6 +172,27 @@ export default function WorksheetList({ worksheets, totalTime, loading, onEditTi
                         <FaClock className="me-1" /> Zeit nachtragen
                       </button>
                     )}
+                    {onTogglePlan && !ws.isComment && Number(ws.totalTime) > 0 && (
+                      <button
+                        type="button"
+                        className="btn btn-sm"
+                        title={ws.countsToPlan ? 'Nicht mehr vom Abo-Stundenkonto abziehen' : 'Vom Abo-Stundenkonto des Kunden abziehen'}
+                        style={{
+                          background: ws.countsToPlan ? '#9d3dfe' : 'rgba(255,255,255,0.15)',
+                          color: 'white',
+                          border: '1px solid rgba(255,255,255,0.4)',
+                          borderRadius: '6px',
+                          padding: '2px 10px',
+                          fontSize: '0.8rem',
+                        }}
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          onTogglePlan(ws)
+                        }}
+                      >
+                        {ws.countsToPlan ? '✓ Abo' : '+ Abo'}
+                      </button>
+                    )}
                     <small style={{ opacity: 0.9 }}>
                       {formatDateTime(ws.startDate, ws.startTime) || formatDateTime(ws.endDate, ws.endTime)}
                     </small>