@extends('simaju.layouts.main')
@section('title', 'Guru Wali')
@section('page-title', 'Guru Wali')
@section('content')
<div class="flex justify-between items-center mb-6">
    <h2 class="text-lg font-semibold text-gray-800">Daftar Wali Kelas</h2>
</div>

<!-- Table -->
<div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
    <table class="w-full">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Kelas</th>
                <th class="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Wali Kelas</th>
                <th class="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Tahun Ajaran</th>
                <th class="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Jumlah Siswa</th>
                <th class="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Aksi</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200">
            @forelse($kelass as $k)
            <tr class="hover:bg-gray-50">
                <td class="px-4 py-3">
                    <div class="font-medium text-gray-900">{{ $k->nama_kelas }}</div>
                    <div class="text-xs text-gray-500">{{ $k->jurusan->nama_jurusan ?? '-' }}</div>
                </td>
                <td class="px-4 py-3">
                    @if($k->waliKelas)
                        <div class="font-medium text-gray-900">{{ $k->waliKelas->nama }}</div>
                        <div class="text-xs text-gray-500">{{ $k->waliKelas->nip }}</div>
                    @else
                        <span class="text-gray-400 italic">Belum ditunjuk</span>
                    @endif
                </td>
                <td class="px-4 py-3 text-sm">{{ $k->tahun_ajaran }}</td>
                <td class="px-4 py-3 text-sm">{{ $k->siswas_count ?? ($k->siswas ? $k->siswas->count() : 0) }} siswa</td>
                <td class="px-4 py-3">
                    @if($k->waliKelas)
                    <div class="flex gap-1">
                        <a href="{{ route('simaju.guru-wali.dashboard', $k->waliKelas->id) }}" class="p-1.5 text-blue-600 hover:bg-blue-50 rounded" title="Dashboard">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
                        </a>
                        <a href="{{ route('simaju.guru-wali.siswa', $k->waliKelas->id) }}" class="p-1.5 text-green-600 hover:bg-green-50 rounded" title="Daftar Siswa">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
                        </a>
                        <a href="{{ route('simaju.guru-wali.rekap-absensi', $k->waliKelas->id) }}" class="p-1.5 text-purple-600 hover:bg-purple-50 rounded" title="Rekap Absensi">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
                        </a>
                        <a href="{{ route('simaju.guru-wali.rekap-nilai', $k->waliKelas->id) }}" class="p-1.5 text-yellow-600 hover:bg-yellow-50 rounded" title="Rekap Nilai">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg>
                        </a>
                    </div>
                    @else
                    <span class="text-gray-400 text-sm">-</span>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="px-4 py-12 text-center text-gray-500">Tidak ada data kelas</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@if($kelass->hasPages())<div class="mt-4">{{ $kelass->links() }}</div>@endif
@endsection