@php
    $badge = ['lead' => 'bg-amber-100 text-amber-700', 'prospect' => 'bg-blue-100 text-blue-700', 'client' => 'bg-green-100 text-green-700', 'inactive' => 'bg-gray-100 text-gray-600'];
    $s = $contact->social_links ?? [];
@endphp
<x-app-layout :title="$contact->display_name">
    <x-page-header :title="$contact->display_name" subtitle="Contact details">
        @if(auth()->user()?->hasPermission('crm.contacts.edit'))
            <a href="{{ route('crm.contacts.edit', $contact) }}" class="bg-primary text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-primary-700">Edit</a>
        @endif
        <a href="{{ route('crm.contacts.index') }}" class="text-sm text-gray-500 hover:text-primary px-3">Back</a>
    </x-page-header>

    <div class="grid lg:grid-cols-3 gap-6">
        <x-card>
            <div class="flex items-center gap-2 mb-4">
                <span class="px-2 py-0.5 rounded-full text-xs {{ $badge[$contact->type] ?? '' }}">{{ ucfirst($contact->type) }}</span>
            </div>
            <dl class="space-y-2 text-sm">
                <div><dt class="text-gray-500">Email</dt><dd>{{ $contact->email ?: '—' }}</dd></div>
                <div><dt class="text-gray-500">Phone</dt><dd>{{ $contact->phone ?: '—' }}</dd></div>
                <div><dt class="text-gray-500">Website</dt><dd>{{ $contact->website ?: '—' }}</dd></div>
                <div><dt class="text-gray-500">Assigned To</dt><dd>{{ $contact->assignedTo?->name ?: '—' }}</dd></div>
                <div><dt class="text-gray-500">Address</dt><dd>{{ $contact->address ?: '—' }}</dd></div>
                @if(array_filter($s))
                    <div><dt class="text-gray-500">Social</dt><dd class="flex gap-3">
                        @foreach(['linkedin','twitter','facebook'] as $net)
                            @if(!empty($s[$net]))<a href="{{ $s[$net] }}" class="text-primary hover:underline">{{ ucfirst($net) }}</a>@endif
                        @endforeach
                    </dd></div>
                @endif
                @if($contact->notes)<div><dt class="text-gray-500">Notes</dt><dd class="whitespace-pre-line">{{ $contact->notes }}</dd></div>@endif
            </dl>
        </x-card>

        <div class="lg:col-span-2 space-y-6">
            <x-card title="Deals">
                @forelse($contact->deals as $deal)
                    <a href="{{ route('crm.deals.show', $deal) }}" class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 hover:text-primary">
                        <span>{{ $deal->title }}</span>
                        <span class="text-sm text-gray-500">{{ \Modules\CRM\Models\Deal::STAGES[$deal->stage] }} · {{ money($deal->value) }}</span>
                    </a>
                @empty
                    <p class="text-gray-400 text-sm">No deals yet.</p>
                @endforelse
            </x-card>

            <x-card title="Activity Feed">
                @forelse($activities as $a)
                    <div class="flex gap-3 py-2 border-b border-gray-50 last:border-0">
                        <span class="px-2 py-0.5 h-fit rounded-full text-xs bg-indigo-50 text-primary">{{ \Modules\CRM\Models\DealActivity::TYPES[$a->type] }}</span>
                        <div class="flex-1">
                            <p class="text-sm whitespace-pre-line">{{ $a->note }}</p>
                            <p class="text-xs text-gray-400">{{ $a->user?->name }} · {{ $a->created_at->diffForHumans() }}</p>
                        </div>
                    </div>
                @empty
                    <p class="text-gray-400 text-sm">No activity recorded.</p>
                @endforelse
            </x-card>
        </div>
    </div>
</x-app-layout>