@extends('layouts.app')

@section('title', $fakultas->nama_fakultas . ' - IAINU SUMSEL')

@section('content')
<div class="container mx-auto px-4 py-16">
    <div class="mb-12 border-b-2 border-green-700 pb-6">
        <h1 class="text-4xl font-bold text-green-800">{{ $fakultas->nama_fakultas }}</h1>
        @if($fakultas->dekan)
            <p class="mt-2 text-xl text-gray-600">Dekan: {{ $fakultas->dekan }}</p>
        @endif
    </div>

    <h2 class="text-2xl font-bold text-gray-800 mb-6">Program Studi:</h2>
    <div class="space-y-4">
        @forelse ($fakultas->programStudis as $prodi)
            <div class="bg-white p-6 rounded-lg shadow-md">
                <h3 class="text-xl font-semibold text-green-700">{{ $prodi->nama_prodi }} ({{ $prodi->jenjang }})</h3>
                @if($prodi->akreditasi)
                    <p class="mt-1 text-sm font-medium">Akreditasi: <span class="inline-block bg-yellow-400 text-yellow-900 px-2 py-1 rounded-full text-xs">{{ $prodi->akreditasi }}</span></p>
                @endif
            </div>
        @empty
            <div class="bg-white p-6 rounded-lg shadow-md">
                <p class="text-gray-500">Belum ada program studi untuk fakultas ini.</p>
            </div>
        @endforelse
    </div>

    <div class="mt-12">
        <a href="{{ route('fakultas.index') }}" class="text-green-700 font-semibold hover:underline">&larr; Kembali ke Daftar Fakultas</a>
    </div>
</div>
@endsection