S9 OR Tools basic scheduling

agiledancers-fe/src/app/schools/school-page.html

@@ -114,7 +114,7 @@
           <p class="eyebrow">IN DE SPOTLIGHT</p>
           @if (upcoming(); as show) {
             <h2>{{ show.name }}</h2>
-            <p class="spotlight-date">{{ show.date | date: 'd MMMM yyyy' }}</p>
+            <p class="spotlight-date">{{ dateRange(show) }}</p>
             <p>Drie dagdelen. Eén gedeelde passie.</p>
             <a class="button light" [routerLink]="['/schools', context.school.id, 'shows']"
               >Shows bekijken <span aria-hidden="true">→</span></a
@@ -345,16 +345,39 @@
         @for (show of shows(); track show.id) {
           <article class="show-card">
             <div class="date-tile">
-              <strong>{{ show.date | date: 'dd' }}</strong
-              ><span>{{ show.date | date: 'MMM yyyy' }}</span>
+              <strong>{{ firstDate(show) | date: 'dd' }}</strong
+              ><span>{{ firstDate(show) | date: 'MMM yyyy' }}</span>
             </div>
             <div class="show-details">
               <h3>{{ show.name }}</h3>
-              <div class="tag-list">
-                <span class="style-tag">Ochtend</span><span class="style-tag">Middag</span
-                ><span class="style-tag">Avond</span>
-              </div>
-              <p class="muted">Groepen indelen over dagdelen is nog niet beschikbaar.</p>
+              <p>{{ dateRange(show) }}</p>
+              @for (part of show.dayParts; track $index) {
+                <p>{{ part.date }} · {{ part.type }}: {{ groupNamesFor(part.danceGroupIds) }}</p>
+              }
+              <p role="status">
+                {{
+                  scheduleValid(show)
+                    ? 'Planning voldoet aan alle optredensaantallen.'
+                    : 'Geen geldige planning. Plan de groepen opnieuw in.'
+                }}
+              </p>
+              <button
+                type="button"
+                class="button primary"
+                [disabled]="
+                  scheduling().includes(show.id) || !context.groups.length || !show.dayParts.length
+                "
+                (click)="schedule(show)"
+              >
+                {{
+                  scheduling().includes(show.id)
+                    ? 'Bezig met inplannen…'
+                    : 'Schedule groups — vervangt huidige toewijzingen'
+                }}
+              </button>
+              @if (!context.groups.length || !show.dayParts.length) {
+                <p>Inplannen vereist minstens één dansgroep en één dagdeel.</p>
+              }
             </div>
             <div class="row-actions">
               <button
@@ -385,7 +408,7 @@
           <div class="empty-state">
             <span class="empty-symbol" aria-hidden="true">✦</span>
             <h2>Het podium wacht op je</h2>
-            <p>Plan een show met een ochtend-, middag- en avonddeel.</p>
+            <p>Plan een show met maximaal zes gedateerde dagdelen.</p>
             <button class="button primary" type="button" (click)="editor.set({ kind: 'show' })">
               Eerste show plannen
             </button>
@@ -398,6 +421,7 @@
     <app-entity-editor
       [target]="target"
       [schoolId]="context.school.id"
+      [shows]="context.shows"
       (closed)="editor.set(null)"
       (saved)="saved()"
     />