@extends('simaju.layouts.main')
@section('title', 'Detail Jurusan')
@section('content')
<div class="max-w-4xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 mb-6">
        <div class="flex items-center justify-between">
            <div><h2 class="font-heading font-bold text-xl">{{ $jurusan->nama_jurusan }}</h2><p class="text-gray-500">{{ $jurusan->kode_jurusan }} - {{ $jurusan->singkatan }}</p></div>
            <a href="{{ route('simaju.jurusan.index') }}" class="px-4 py-2 border rounded-lg hover:bg-gray-50">Kembali</a>
        </div>
    </div>
     <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
         <h3 class="font-heading font-semibold mb-4 pb-2 border-b">Kelas</h3>
         @if($jurusan->kelas && $jurusan->kelas->count() > 0)
         <div class="grid grid-cols-2 md:grid-cols-3 gap-4">@foreach($jurusan->kelas as $k)<div class="p-4 bg-gray-50 rounded-lg"><p class="font-medium">{{ $k->nama_kelas }}</p><p class="text-sm text-gray-500">{{ $k->siswas ? $k->siswas->count() : ($k->siswas()->count() ?? 0) }} siswa</p></div>@endforeach</div>
         @else <p class="text-center text-gray-500 py-8">Belum ada kelas</p> @endif
     </div>
</div>
@endsection