{{-- resources/views/admin/users/partials/user-details.blade.php --}}
<div class="space-y-6">
    <!-- User Profile Header -->
    <div class="flex items-center space-x-4 p-4 bg-gray-50 rounded-lg">
        <img class="h-20 w-20 rounded-full object-cover" src="{{ $user->getAvatarUrl() }}" alt="{{ $user->name }}">
        <div class="flex-1">
            <h3 class="text-xl font-semibold text-gray-900">{{ $user->name }}</h3>
            <p class="text-gray-600">{{ $user->email }}</p>
            <div class="flex items-center space-x-2 mt-2">
                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full {{ $user->getRoleBadgeClass() }}">
                    {{ ucfirst($user->role) }}
                </span>
                <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full {{ $user->getStatusBadgeClass() }}">
                    {{ ucfirst($user->status) }}
                </span>
                @if(!$user->is_active)
                    <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-red-100 text-red-800">
                        Inactive
                    </span>
                @endif
            </div>
        </div>
    </div>

    <!-- Basic Information -->
    <div>
        <h4 class="text-lg font-medium text-gray-900 mb-3">Basic Information</h4>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <dt class="text-sm font-medium text-gray-500">Full Name</dt>
                <dd class="text-sm text-gray-900">{{ $user->name }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-gray-500">Email</dt>
                <dd class="text-sm text-gray-900">{{ $user->email }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-gray-500">Role</dt>
                <dd class="text-sm text-gray-900">{{ ucfirst($user->role) }}</dd>
            </div>
            @if($user->school)
                <div>
                    <dt class="text-sm font-medium text-gray-500">School</dt>
                    <dd class="text-sm text-gray-900">{{ $user->school->name }}</dd>
                </div>
            @endif
            @if($user->nip_nis)
                <div>
                    <dt class="text-sm font-medium text-gray-500">{{ $user->role == 'siswa' ? 'NIS' : 'NIP' }}</dt>
                    <dd class="text-sm text-gray-900">{{ $user->nip_nis }}</dd>
                </div>
            @endif
            @if($user->phone)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Phone</dt>
                    <dd class="text-sm text-gray-900">{{ $user->phone }}</dd>
                </div>
            @endif
            @if($user->gender)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Gender</dt>
                    <dd class="text-sm text-gray-900">{{ $user->gender == 'L' ? 'Laki-laki' : 'Perempuan' }}</dd>
                </div>
            @endif
            @if($user->birth_date)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Birth Date</dt>
                    <dd class="text-sm text-gray-900">{{ $user->birth_date->format('d M Y') }} ({{ $user->birth_date->age }} years old)</dd>
                </div>
            @endif
        </div>

        @if($user->address)
            <div class="mt-4">
                <dt class="text-sm font-medium text-gray-500">Address</dt>
                <dd class="text-sm text-gray-900">{{ $user->address }}</dd>
            </div>
        @endif
    </div>

    <!-- Registration Information -->
    <div>
        <h4 class="text-lg font-medium text-gray-900 mb-3">Registration Information</h4>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <dt class="text-sm font-medium text-gray-500">Registration Date</dt>
                <dd class="text-sm text-gray-900">{{ $user->created_at->format('d M Y, H:i') }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-gray-500">Registration Time Ago</dt>
                <dd class="text-sm text-gray-900">{{ $user->created_at->diffForHumans() }}</dd>
            </div>
            <div>
                <dt class="text-sm font-medium text-gray-500">Current Status</dt>
                <dd class="text-sm text-gray-900">
                    <span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full {{ $user->getStatusBadgeClass() }}">
                        {{ ucfirst($user->status) }}
                    </span>
                </dd>
            </div>
            @if($user->last_login)
                <div>
                    <dt class="text-sm font-medium text-gray-500">Last Login</dt>
                    <dd class="text-sm text-gray-900">{{ $user->last_login->diffForHumans() }}</dd>
                </div>
            @endif
        </div>
    </div>

    <!-- Approval Information -->
    @if($user->approved_by || $user->rejection_reason)
        <div>
            <h4 class="text-lg font-medium text-gray-900 mb-3">Approval Information</h4>
            <div class="space-y-3">
                @if($user->approved_by)
                    <div>
                        <dt class="text-sm font-medium text-gray-500">Reviewed By</dt>
                        <dd class="text-sm text-gray-900">{{ $user->approvedBy->name ?? 'Unknown' }}</dd>
                    </div>
                @endif
                @if($user->approved_at)
                    <div>
                        <dt class="text-sm font-medium text-gray-500">Review Date</dt>
                        <dd class="text-sm text-gray-900">{{ $user->approved_at->format('d M Y, H:i') }}</dd>
                    </div>
                @endif
                @if($user->rejection_reason)
                    <div>
                        <dt class="text-sm font-medium text-gray-500">Rejection Reason</dt>
                        <dd class="text-sm text-gray-900 p-3 bg-red-50 border border-red-200 rounded-md">{{ $user->rejection_reason }}</dd>
                    </div>
                @endif
            </div>
        </div>
    @endif

    <!-- Quick Actions -->
    @if($user->isPending())
        <div class="flex space-x-3 pt-4 border-t">
            <form method="POST" action="{{ route('admin.users.approve', $user) }}" class="flex-1">
                @csrf
                <button type="submit"
                        onclick="return confirm('Approve {{ $user->name }}? This will activate their account.')"
                        class="w-full bg-green-500 hover:bg-green-600 text-white font-medium py-2 px-4 rounded">
                    Approve User
                </button>
            </form>

            <button onclick="hideUserDetails(); showRejectModal({{ $user->id }}, '{{ $user->name }}')"
                    class="flex-1 bg-red-100 hover:bg-red-200 text-red-800 font-medium py-2 px-4 rounded">
                Reject User
            </button>
        </div>
    @endif
</div>