@extends('public.layouts.public')

@section('title', 'Katalog Fakultas & Program Studi')

@section('content')
<div class="max-w-[85%] mx-auto px-4 sm:px-6 lg:px-8 py-10 space-y-8">

    <div class="text-center space-y-3 max-w-2xl mx-auto">
        <h2 class="text-3xl font-extrabold text-white">Fakultas & Program Studi</h2>
        <p class="text-sm text-slate-400">
            Katalog resmi fakultas dan program studi terdaftar di Universitas Cenderawasih.
        </p>
    </div>

    <div class="space-y-8">
        @foreach ($fakultas as $f)
            <div class="p-8 rounded-3xl bg-slate-900 border border-slate-800 space-y-6">
                <div class="flex flex-wrap items-center justify-between gap-4 border-b border-slate-800 pb-4">
                    <div>
                        <span class="px-3 py-1 rounded-lg text-xs font-mono font-bold bg-indigo-500/10 text-indigo-400 border border-indigo-500/20">
                            {{ $f->kode_fakultas }}
                        </span>
                        <h3 class="text-2xl font-bold text-white mt-2">{{ $f->nama_fakultas }}</h3>
                    </div>
                    <div class="text-right">
                        <span class="text-xs text-slate-400">Dekan/Direktur:</span>
                        <p class="text-sm font-semibold text-slate-200">{{ $f->dekan ?? '-' }}</p>
                    </div>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
                    @forelse ($f->prodi as $p)
                        <div class="p-5 rounded-2xl bg-slate-950 border border-slate-800 space-y-3">
                            <div class="flex items-center justify-between">
                                <span class="px-2.5 py-0.5 rounded font-bold text-xs bg-slate-800 text-slate-300">
                                    {{ $p->jenjang }}
                                </span>
                                <span class="text-xs font-bold text-indigo-400">Akreditasi: {{ $p->akreditasi ?? 'Baik' }}</span>
                            </div>
                            <h4 class="text-base font-bold text-white">{{ $p->nama_prodi }}</h4>
                            <div class="pt-2 border-t border-slate-800/80 text-xs text-slate-500">
                                Kaprodi: <span class="text-slate-300">{{ $p->ketua_prodi ?? '-' }}</span>
                            </div>
                        </div>
                    @empty
                        <div class="col-span-full py-4 text-slate-500 text-sm">Belum ada program studi pada fakultas ini.</div>
                    @endforelse
                </div>
            </div>
        @endforeach
    </div>

</div>
@endsection