{{-- Shared Teaching Schedule: actual time position, compact 30-minute grid and separate overlap lanes. --}}
@php
    $scheduleDayRows = $gridRows->filter(function ($item) use ($day) {
        return strtoupper(trim((string) ($item->timetable_date ?? ''))) === strtoupper($day);
    })->sortBy(function ($item) use ($timeToMinutes) {
        return $timeToMinutes($item->timetable_time_start ?? null) ?? PHP_INT_MAX;
    })->values();

    $scheduleSpan = max(1, (int) ($gridEnd - $gridStart));
    $scheduleLaneEnds = [];
    $scheduleEvents = [];

    foreach ($scheduleDayRows as $scheduleRow) {
        $actualStart = $timeToMinutes($scheduleRow->timetable_time_start ?? null);
        $actualEnd = $timeToMinutes($scheduleRow->timetable_time_end ?? null);

        if ($actualStart === null || $actualEnd === null || $actualEnd <= $actualStart) {
            continue;
        }

        // The coordinate must be the *course's* own start/end, not another course's colspan.
        $visibleStart = max((int) $gridStart, $actualStart);
        $visibleEnd = min((int) $gridEnd, $actualEnd);
        if ($visibleEnd <= $visibleStart) {
            continue;
        }

        // Overlapping courses use separate vertical lanes; nonoverlapping courses reuse lanes.
        $assignedLane = null;
        foreach ($scheduleLaneEnds as $laneNumber => $laneEnd) {
            if ($laneEnd <= $actualStart) {
                $assignedLane = $laneNumber;
                break;
            }
        }
        if ($assignedLane === null) {
            $assignedLane = count($scheduleLaneEnds);
        }
        $scheduleLaneEnds[$assignedLane] = $actualEnd;

        $scheduleEvents[] = [
            'course' => $scheduleRow,
            'left' => ($visibleStart - $gridStart) * 100 / $scheduleSpan,
            'width' => ($visibleEnd - $visibleStart) * 100 / $scheduleSpan,
            'top' => $assignedLane * 130 + 5,
        ];
    }

    $scheduleTrackHeight = count($scheduleEvents) > 0
        ? (count($scheduleLaneEnds) * 130 + 8)
        : 56;

    $lunchStart = max((int) $gridStart, 12 * 60);
    $lunchEnd = min((int) $gridEnd, 13 * 60);
    $showLunch = $lunchEnd > $lunchStart;
    $lunchLeft = ($lunchStart - $gridStart) * 100 / $scheduleSpan;
    $lunchWidth = ($lunchEnd - $lunchStart) * 100 / $scheduleSpan;

    // Do not allow the lunch label to peek through or overlap the course card.
    // The real course time is never split: lunch is a visual reference only.
    $scheduleLunchOccupied = false;
    if ($showLunch) {
        foreach ($scheduleEvents as $scheduleEvent) {
            $eventStart = $timeToMinutes($scheduleEvent['course']->timetable_time_start ?? null);
            $eventEnd = $timeToMinutes($scheduleEvent['course']->timetable_time_end ?? null);
            if ($eventStart !== null && $eventEnd !== null && $eventStart < $lunchEnd && $eventEnd > $lunchStart) {
                $scheduleLunchOccupied = true;
                break;
            }
        }
    }
@endphp
<tr>
    <td class="fw-bold bg-light timetable-day-column">{{ $day }}</td>
    <td colspan="{{ (int) $slotCount }}" class="tl-track-cell">
        <div class="tl-day-track" style="height: {{ (int) $scheduleTrackHeight }}px; --tl-slot-count: {{ max(1, (int) $slotCount) }};">
            @if($showLunch)
                <div class="tl-lunch-band"
                     style="left: {{ number_format($lunchLeft, 6, '.', '') }}%; width: {{ number_format($lunchWidth, 6, '.', '') }}%;">
                    @if(!$scheduleLunchOccupied)
                    <span class="tl-lunch-label" aria-label="Lunch time 12:00 to 13:00">
                        <span class="tl-lunch-heading">
                            {{-- Inline SVG: always visible even if an icon-font stylesheet is unavailable. --}}
                            <svg class="tl-lunch-icon" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M4 3v7a3 3 0 0 0 6 0V3M7 3v18M17 13v8M17 13c-2 0-3-2.2-3-5s1.5-6 3-6 3 3.2 3 6-1 5-3 5"/>
                            </svg>
                            <span>Lunch</span>
                        </span>
                        <span class="tl-lunch-time">12:00–13:00</span>
                    </span>
                    @endif
                </div>
            @endif

            @foreach($scheduleEvents as $scheduleEvent)
                @php
                    $class = $scheduleEvent['course'];
                    $courseStartMinutes = $timeToMinutes($class->timetable_time_start ?? null);
                    $courseEndMinutes = $timeToMinutes($class->timetable_time_end ?? null);
                    $overlapsLunch = $showLunch
                        && $courseStartMinutes !== null && $courseEndMinutes !== null
                        && $courseStartMinutes < $lunchEnd && $courseEndMinutes > $lunchStart;
                @endphp
                <div class="tl-course-position"
                     style="left: {{ number_format($scheduleEvent['left'], 6, '.', '') }}%;
                            width: {{ number_format($scheduleEvent['width'], 6, '.', '') }}%;
                            top: {{ (int) $scheduleEvent['top'] }}px;"
                     title="{{ ($class->timetable_course_code ?? '') . ' ' . ($class->timetable_course_name ?? '') . ' | ' . substr((string) ($class->timetable_time_start ?? ''), 0, 5) . '–' . substr((string) ($class->timetable_time_end ?? ''), 0, 5) }}">
                    <div class="timetable-class-box tl-course-card">
                        <div class="fw-bold tl-course-code">{{ $class->timetable_course_code }}</div>
                        <div class="tl-course-name">{{ $class->timetable_course_name }}</div>
                        <div class="tl-course-meta mt-1">
                            <i class="uil uil-clock"></i>
                            {{ substr((string) $class->timetable_time_start, 0, 5) }}–{{ substr((string) $class->timetable_time_end, 0, 5) }}
                        </div>
                        @if(!empty($class->timetable_room))
                            <div class="tl-course-meta"><i class="uil uil-map-marker"></i> {{ $class->timetable_room }}</div>
                        @endif
                        <div class="tl-badges mt-1">
                            @if(($class->timetable_activity ?? '') === 'Regular Teaching Schedule')
                                <span class="badge bg-soft-primary text-primary">Regular</span>
                            @else
                                <span class="badge bg-soft-warning text-warning">Extra</span>
                            @endif
                            @if(($class->timetable_teaching_type ?? '') === 'Lecture')
                                <span class="badge bg-soft-primary text-primary">Lecture</span>
                            @elseif(($class->timetable_teaching_type ?? '') === 'Laboratory')
                                <span class="badge bg-soft-warning text-warning">Laboratory</span>
                            @endif
                            @if(($class->source ?? 'AUTO') === 'MANUAL')
                                <span class="badge bg-soft-secondary text-dark">MANUAL</span>
                            @endif
                            @if($overlapsLunch)
                                <span class="tl-lunch-overlap-note"
                                      title="Scheduled teaching overlaps lunch time (12:00–13:00); class hours are shown unchanged.">
                                    <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none"
                                         stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                                         stroke-linejoin="round">
                                        <path d="M4 3v7a3 3 0 0 0 6 0V3M7 3v18M17 13v8M17 13c-2 0-3-2.2-3-5s1.5-6 3-6 3 3.2 3 6-1 5-3 5"/>
                                    </svg>
                                    Overlaps Lunch 12:00–13:00
                                </span>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </td>
</tr>