@extends('layouts.admin')

@section('title', 'Profil Pengguna - JDIH Desa Gogik')

@section('content')
<div class="max-w-xl mx-auto space-y-6">
    <div class="bg-white p-6 rounded-2xl shadow-md border border-slate-200 space-y-6">
        <h2 class="text-xl font-extrabold text-slate-900 border-b pb-4">👤 Profil Saya</h2>

        <div class="space-y-4 text-xs font-semibold text-slate-700">
            <div>
                <label class="block mb-1">Nama Lengkap</label>
                <input type="text" value="{{ $user->name }}" readonly class="w-full p-2.5 bg-slate-100 border border-slate-200 rounded-xl font-bold" />
            </div>

            <div>
                <label class="block mb-1">Username Pengguna</label>
                <input type="text" value="{{ $user->username }}" readonly class="w-full p-2.5 bg-emerald-50 border border-emerald-200 rounded-xl font-bold text-emerald-950" />
            </div>

            <div>
                <label class="block mb-1">Email Resmi</label>
                <input type="text" value="{{ $user->email }}" readonly class="w-full p-2.5 bg-slate-100 border border-slate-200 rounded-xl" />
            </div>

            <div>
                <label class="block mb-1">Hak Akses Sistem (Role)</label>
                <span class="inline-block bg-gold-500/20 text-gold-700 font-extrabold border border-gold-400 px-3 py-1 rounded-lg">
                    {{ $user->role }}
                </span>
            </div>
        </div>
    </div>
</div>
@endsection