@php
    $primaryPhone = data_get($person->contact_numbers, '0.value') ?: '-';
    $primaryEmail = data_get($person->emails, '0.value') ?: '-';
    $organizationName = $person->organization?->name ?: '-';
    $ownerName = $person->user?->name ?: '-';
    $prospect = $person->customerFollowUpCustomer;
    $addressFields = [
        'Alamat 1' => $person->address_line_1 ?: '-',
        'Alamat 2' => $person->address_line_2 ?: '-',
        'Alamat 3' => $person->address_line_3 ?: '-',
        'Alamat 4' => $person->address_line_4 ?: '-',
        'Alamat 5' => $person->address_line_5 ?: '-',
        'Kecamatan' => $person->district ?: '-',
        'Kota' => $person->city ?: '-',
    ];
@endphp

<div class="rounded-lg border border-gray-200 bg-white p-4 dark:border-gray-800 dark:bg-gray-900">
    <div class="text-lg font-bold dark:text-white">{{ $person->name }}</div>
    <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $organizationName }}</div>

    <div class="mt-4 grid gap-3 text-sm text-gray-600 dark:text-gray-300 md:grid-cols-2">
        <div>
            <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">Kontak</div>
            <div class="mt-1 font-semibold dark:text-white">{{ $primaryPhone }}</div>
        </div>

        <div>
            <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">Email</div>
            <div class="mt-1 font-semibold dark:text-white">{{ $primaryEmail }}</div>
        </div>

        <div>
            <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">PIC</div>
            <div class="mt-1 font-semibold dark:text-white">{{ $ownerName }}</div>
        </div>

        <div>
            <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">Customer ID</div>
            <div class="mt-1 font-semibold dark:text-white">#{{ $person->id }}</div>
        </div>

        @foreach ($addressFields as $label => $value)
            <div>
                <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">{{ $label }}</div>
                <div class="mt-1 font-semibold dark:text-white">{{ $value }}</div>
            </div>
        @endforeach

        @if ($prospect)
            <div>
                <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">Model KBM</div>
                <div class="mt-1 font-semibold dark:text-white">{{ $prospect->vehicle_model ?: '-' }}</div>
            </div>

            <div>
                <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">No. Polisi</div>
                <div class="mt-1 font-semibold dark:text-white">{{ $prospect->plate_number ?: '-' }}</div>
            </div>

            <div>
                <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">No. Rangka</div>
                <div class="mt-1 font-semibold dark:text-white">{{ $prospect->chassis_number ?: '-' }}</div>
            </div>

            <div>
                <div class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">Status Grab</div>
                <div class="mt-1 font-semibold dark:text-white">
                    {{ match ($prospect->assignment_status) {
                        'unassigned' => 'Belum Dibagikan',
                        'assigned' => 'Sudah Dibagikan',
                        'in_progress' => 'Sedang Difollow Up',
                        'completed' => 'Selesai',
                        default => '-',
                    } }}
                </div>
            </div>
        @endif
    </div>
</div>