{{-- Today's Homework Widget --}}
{{-- Usage: @include('components.homework-widget', ['homework' => $collection, 'compact' => false]) --}}
@php $hwItems = $homework ?? collect(); @endphp

@if($hwItems->isNotEmpty())
<div class="bg-white rounded-2xl ring-1 ring-stone-200/60 shadow-sm overflow-hidden">
    <div class="px-5 py-3 border-b border-stone-100 flex items-center justify-between bg-gradient-to-r from-amber-50 to-white">
        <div class="flex items-center gap-2">
            <div class="w-8 h-8 bg-amber-500 rounded-lg flex items-center justify-center">
                <i class="fas fa-book-open text-white text-xs"></i>
            </div>
            <div>
                <h3 class="font-bold text-stone-800 text-sm">Today's Homework</h3>
                <p class="text-[10px] text-stone-400">{{ $hwItems->count() }} {{ Str::plural('item', $hwItems->count()) }} assigned</p>
            </div>
        </div>
        <a href="{{ route('homework.index', ['date' => today()->format('Y-m-d')]) }}" class="text-xs text-amber-600 hover:text-amber-700 font-semibold">
            View All <i class="fas fa-arrow-right ml-0.5 text-[9px]"></i>
        </a>
    </div>
    <div class="divide-y divide-stone-50">
        @foreach($hwItems->take(isset($compact) && $compact ? 3 : 5) as $hw)
        @php
            $colors = ['bg-amber-500','bg-blue-500','bg-emerald-500','bg-purple-500','bg-rose-500','bg-cyan-500'];
            $dotColor = $colors[$hw->subject_id % count($colors)];
        @endphp
        <div class="px-5 py-3 flex items-start gap-3">
            <div class="w-2 h-2 rounded-full {{ $dotColor }} mt-1.5 flex-shrink-0"></div>
            <div class="flex-1 min-w-0">
                <div class="flex items-center gap-2">
                    <span class="text-[10px] px-1.5 py-0.5 rounded font-bold text-white {{ $dotColor }}">{{ $hw->subject->name ?? '—' }}</span>
                    <span class="text-[10px] text-stone-300">{{ $hw->teacher->name ?? '' }}</span>
                </div>
                <p class="text-sm text-stone-700 font-medium mt-0.5 leading-snug">{{ Str::limit($hw->title, 70) }}</p>
            </div>
            @if($hw->attachment)
            <a href="{{ Storage::url($hw->attachment) }}" target="_blank" class="text-amber-500 flex-shrink-0" title="Attachment">
                <i class="fas fa-paperclip text-xs"></i>
            </a>
            @endif
        </div>
        @endforeach
    </div>
    @if($hwItems->count() > (isset($compact) && $compact ? 3 : 5))
    <div class="px-5 py-2 text-center border-t border-stone-100">
        <a href="{{ route('homework.index', ['date' => today()->format('Y-m-d')]) }}" class="text-xs text-amber-600 font-medium">
            +{{ $hwItems->count() - (isset($compact) && $compact ? 3 : 5) }} more
        </a>
    </div>
    @endif
</div>
@endif