<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Detail alumni') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6">



    <div class="card max-w-xl mx-auto p-6">
        <h2 class="text-xl font-bold text-primary mb-4">Detail Alumni</h2>
        <div class="mb-2"><span class="font-semibold">Santri:</span> {{ $alumni->nama_santri }}</div>
        <div class="mb-2"><span class="font-semibold">Tahun Lulus:</span> {{ $alumni->tahun_lulus }}</div>
        <div class="mb-2"><span class="font-semibold">Aktivitas Setelah Lulus:</span> {{ $alumni->aktivitas_setelah_lulus }}</div>
        <div class="mb-2"><span class="font-semibold">Kontak:</span> {{ $alumni->kontak }}</div>
        <div class="mb-2"><span class="font-semibold">Keterangan:</span> {{ $alumni->keterangan }}</div>
        <div class="mt-4">
            <a href="{{ route('alumnis.index') }}" class="btn-accent">Kembali</a>
        

                
    </div>
</x-app-layout> 
