@extends('simaju.layouts.main')
@section('title', 'Data Jurusan')
@section('page-title', 'Jurusan')
@section('content')
<div class="flex justify-between items-center mb-6">
    <a href="{{ route('simaju.jurusan.create') }}" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-blue-600">+ Tambah Jurusan</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
    @forelse($jurusans as $j)
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 card-hover transition-all">
        <div class="flex items-center justify-between mb-4">
            <div class="w-12 h-12 bg-gradient-to-br from-primary to-secondary rounded-xl flex items-center justify-center"><span class="text-white font-bold">{{ substr($j->kode_jurusan, 0, 2) }}</span></div>
            <div class="flex gap-1">
                <a href="{{ route('simaju.jurusan.edit', $j->id) }}" class="p-2 text-yellow-600 hover:bg-yellow-50 rounded-lg">Edit</a>
                <form action="{{ route('simaju.jurusan.destroy', $j->id) }}" method="POST">@csrf @method('DELETE')<button type="submit" class="p-2 text-red-600 hover:bg-red-50 rounded-lg" onclick="return confirm('Hapus?')">Del</button></form>
            </div>
        </div>
        <h3 class="font-heading font-semibold text-lg">{{ $j->nama_jurusan }}</h3>
        <p class="text-sm text-gray-500 mb-2">{{ $j->kode_jurusan }} - {{ $j->singkatan }}</p>
        <p class="text-xs text-gray-400">{{ $j->kelas()->count() }} kelas</p>
    </div>
    @empty
    <div class="col-span-full text-center py-12 text-gray-500">Tidak ada data</div>
    @endforelse
</div>
@endsection