{!! view_render_event('admin.leads.view.person.before', ['lead' => $lead]) !!}

@if ($lead?->person)
    @php
        $followUpCustomer = $lead->person->customerFollowUpCustomer;
        $addressFields = [
            'Alamat 1' => $lead->person->address_line_1,
            'Alamat 2' => $lead->person->address_line_2,
            'Alamat 3' => $lead->person->address_line_3,
            'Alamat 4' => $lead->person->address_line_4,
            'Alamat 5' => $lead->person->address_line_5,
            'Kecamatan' => $lead->person->district,
            'Kota' => $lead->person->city,
        ];
    @endphp

    <div class="flex w-full flex-col gap-4 border-b border-gray-200 p-4 dark:border-gray-800">
        <x-admin::accordion class="select-none !border-none">
            <x-slot:header class="!p-0">
                <div class="flex w-full items-center justify-between gap-4 font-semibold dark:text-white">
                    <h4 >@lang('admin::app.leads.view.persons.title')</h4>

                    @if ($followUpCustomer)
                        <a
                            href="{{ route('admin.follow-up.grab-data.show', $followUpCustomer->getPublicIdentifier()) }}"
                            class="icon-edit rounded-md p-1.5 text-2xl transition-all hover:bg-gray-100 dark:hover:bg-gray-950"
                            target="_blank"
                        ></a>
                    @endif
                </div>
            </x-slot>
            
            <x-slot:content class="mt-4 !px-0 !pb-0">
                <div class="flex gap-2">
                    {!! view_render_event('admin.leads.view.person.avatar.before', ['lead' => $lead]) !!}
        
                    <!-- Person Initials -->
                    <x-admin::avatar :name="$lead->person->name" />
        
                    {!! view_render_event('admin.leads.view.person.avatar.after', ['lead' => $lead]) !!}
        
                    <!-- Person Details -->
                    <div class="flex flex-col gap-1">
                        {!! view_render_event('admin.leads.view.person.name.before', ['lead' => $lead]) !!}
        
                        <a
                            href="{{ $followUpCustomer ? route('admin.follow-up.grab-data.show', $followUpCustomer->getPublicIdentifier()) : 'javascript:void(0)' }}"
                            class="font-semibold text-brandColor"
                            @if ($followUpCustomer) target="_blank" @endif
                        >
                            {{ $lead->person->name }}
                        </a>
        
                        {!! view_render_event('admin.leads.view.person.name.after', ['lead' => $lead]) !!}
        
                        {!! view_render_event('admin.leads.view.person.job_title.before', ['lead' => $lead]) !!}
        
                        @if ($lead->person->job_title)
                            <span class="dark:text-white">
                                @if ($lead->person->organization)
                                    @lang('admin::app.leads.view.persons.job-title', [
                                        'job_title' => $lead->person->job_title,
                                        'organization' => $lead->person->organization->name
                                    ])
                                @else
                                    {{ $lead->person->job_title }}
                                @endif
                            </span>
                        @endif
        
                        {!! view_render_event('admin.leads.view.person.job_title.after', ['lead' => $lead]) !!}
                    
                        {!! view_render_event('admin.leads.view.person.email.before', ['lead' => $lead]) !!}
        
                        @foreach ($lead->person->emails as $email)
                            <div class="flex gap-1">
                                <a 
                                    class="text-brandColor"
                                    href="mailto:{{ $email['value'] }}"
                                >
                                    {{ $email['value'] }}
                                </a>
        
                                <span class="text-gray-500 dark:text-gray-300">
                                    ({{ $email['label'] }})
                                </span>
                            </div>
                        @endforeach
        
                        {!! view_render_event('admin.leads.view.person.email.after', ['lead' => $lead]) !!}
        
                        {!! view_render_event('admin.leads.view.person.contact_numbers.before', ['lead' => $lead]) !!}
                    
                        @foreach ($lead->person->contact_numbers as $contactNumber)
                            <div class="flex gap-1">
                                <a  
                                    class="text-brandColor"
                                    href="callto:{{ $contactNumber['value'] }}"
                                >
                                    {{ $contactNumber['value'] }}
                                </a>
        
                                <span class="text-gray-500 dark:text-gray-300">
                                    ({{ $contactNumber['label'] }})
                                </span>
                            </div>
                        @endforeach
        
                        {!! view_render_event('admin.leads.view.person.contact_numbers.after', ['lead' => $lead]) !!}

                        @if (collect($addressFields)->filter()->isNotEmpty())
                            <div class="mt-2 flex flex-col gap-1">
                                @foreach ($addressFields as $label => $value)
                                    @continue(blank($value))

                                    <div class="flex flex-col">
                                        <span class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-300">
                                            {{ $label }}
                                        </span>

                                        <span class="dark:text-white">
                                            {{ $value }}
                                        </span>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </x-slot>
        </x-admin::accordion>
    </div>
@endif
{!! view_render_event('admin.leads.view.person.after', ['lead' => $lead]) !!}