@extends('layouts.app')

@section('page-title', 'Profil Saya')
@section('page-subtitle', 'Akun')

@section('content')
    @php $user = auth()->user(); @endphp

    <x-page-header eyebrow="Akun" title="Profil Saya">
        <x-slot:actions>
            <a href="{{ route('profile.change-password') }}" class="btn btn--ghost">
                <i data-lucide="lock"></i>
                <span>Ubah Kata Sandi</span>
            </a>
            <a href="{{ route('profile.edit') }}" class="btn">
                <i data-lucide="pencil"></i>
                <span>Edit Profil</span>
            </a>
        </x-slot:actions>
    </x-page-header>

    <div class="panel">
        <div class="panel__body">
            <div class="detail-list">
                <div>
                    <div class="detail-item__label">Nama Lengkap</div>
                    <div class="detail-item__value">{{ $user->name }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Email</div>
                    <div class="detail-item__value">{{ $user->email }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Telepon</div>
                    <div class="detail-item__value mono">{{ $user->phone ?: '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Role</div>
                    <div class="detail-item__value">{{ $user->role->nama ?? '-' }}</div>
                </div>
                <div>
                    <div class="detail-item__label">Status</div>
                    <div class="detail-item__value">
                        @if ($user->status === 'Aktif')
                            <x-badge variant="success">Aktif</x-badge>
                        @else
                            <x-badge variant="neutral">Nonaktif</x-badge>
                        @endif
                    </div>
                </div>
                <div>
                    <div class="detail-item__label">Bergabung Sejak</div>
                    <div class="detail-item__value">{{ \App\Helpers\DateHelper::formatTanggal($user->created_at) }}</div>
                </div>
            </div>
        </div>
    </div>
@endsection