@forelse($modules as $module)
<a href="{{ route('guru.tugas.module', $module->id) }}"
   class="group block bg-white rounded-xl border overflow-hidden
          hover:shadow-lg hover:border-indigo-300 transition">

    <div class="h-40 w-full overflow-hidden bg-gray-100">
        <img src="{{ asset($module->thumbnail ?? 'images/default-module.jpg') }}"
             class="w-full h-full object-cover group-hover:scale-105 transition">
    </div>

    <div class="p-5 flex flex-col justify-between h-full">
        <div>
            <span class="text-xs font-bold text-indigo-600">
                {{ $module->department->name ?? '-' }}
            </span>

            <h3 class="text-lg font-bold text-gray-800">
                {{ $module->title }}
            </h3>

            <p class="text-xs text-gray-400">
                {{ $module->tasks->count() }} Tugas
            </p>
        </div>
    </div>
</a>
@empty
<div class="col-span-full text-center py-20 text-gray-400 italic">
    Modul tidak ditemukan.
</div>
@endforelse