@php
    $typeBadge = ['call' => 'bg-purple-100 text-purple-700', 'meeting' => 'bg-blue-100 text-blue-700', 'email' => 'bg-teal-100 text-teal-700', 'note' => 'bg-gray-100 text-gray-600'];
@endphp
<x-app-layout title="Activities">
    <x-page-header title="Activities" subtitle="Activity feed and follow-ups" />

    <div class="grid lg:grid-cols-3 gap-6">
        <div class="lg:col-span-2 space-y-4">
            <x-card padding="p-4">
                <form method="GET" class="flex gap-3 items-center">
                    <select name="type" class="rounded-lg border-gray-200 text-sm focus:ring-primary focus:border-primary">
                        <option value="">All types</option>
                        @foreach(\Modules\CRM\Models\DealActivity::TYPES as $k => $label)
                            <option value="{{ $k }}" @selected(request('type')===$k)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <button class="bg-gray-800 text-white px-4 py-2 rounded-lg text-sm">Filter</button>
                </form>
            </x-card>

            <x-card title="Feed">
                @forelse($activities as $a)
                    <div class="flex gap-3 py-3 border-b border-gray-50 last:border-0 {{ $a->scheduled_at && !$a->done_at && $a->scheduled_at->isFuture() ? 'bg-amber-50 -mx-6 px-6 rounded' : '' }}">
                        <span class="px-2 py-0.5 h-fit rounded-full text-xs {{ $typeBadge[$a->type] ?? '' }}">{{ \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() }}
                                @if($a->deal)· <a href="{{ route('crm.deals.show', $a->deal) }}" class="text-primary hover:underline">{{ $a->deal->title }}</a>@endif
                                @if($a->contact)· <a href="{{ route('crm.contacts.show', $a->contact) }}" class="text-primary hover:underline">{{ $a->contact->display_name }}</a>@endif
                                @if($a->scheduled_at)· <span class="text-amber-600">Follow-up {{ $a->scheduled_at->format('Y-m-d H:i') }}</span>@endif
                                @if($a->done_at)· <span class="text-green-600">Done</span>@endif
                            </p>
                        </div>
                        @if($a->scheduled_at && !$a->done_at && auth()->user()?->hasPermission('crm.activities.manage'))
                            <form method="POST" action="{{ route('crm.activities.done', $a) }}">@csrf
                                <button class="text-xs text-green-600 hover:underline">Mark done</button>
                            </form>
                        @endif
                    </div>
                @empty
                    <p class="text-gray-400 text-sm">No activities recorded.</p>
                @endforelse
                <div class="mt-4">{{ $activities->links() }}</div>
            </x-card>
        </div>

        <div class="space-y-6">
            @if(auth()->user()?->hasPermission('crm.activities.manage'))
                <x-card title="Log Activity">
                    <form method="POST" action="{{ route('crm.activities.store') }}" class="space-y-3">
                        @csrf
                        <select name="type" class="w-full rounded-lg border-gray-200 text-sm focus:ring-primary focus:border-primary">
                            @foreach(\Modules\CRM\Models\DealActivity::TYPES as $k => $label)
                                <option value="{{ $k }}">{{ $label }}</option>
                            @endforeach
                        </select>
                        <textarea name="note" rows="2" required placeholder="Note..." class="w-full rounded-lg border-gray-200 text-sm focus:ring-primary focus:border-primary"></textarea>
                        <div>
                            <label class="block text-xs text-gray-500 mb-1">Schedule follow-up (optional)</label>
                            <input type="datetime-local" name="scheduled_at" class="w-full rounded-lg border-gray-200 text-sm focus:ring-primary focus:border-primary">
                        </div>
                        <button class="w-full bg-primary text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-primary-700">Add Activity</button>
                    </form>
                </x-card>
            @endif

            <x-card title="Upcoming Follow-ups">
                @forelse($upcoming as $a)
                    <div class="py-2 border-b border-gray-50 last:border-0">
                        <p class="text-sm font-medium text-amber-700">{{ $a->scheduled_at->format('Y-m-d H:i') }}</p>
                        <p class="text-sm whitespace-pre-line">{{ \Illuminate\Support\Str::limit($a->note, 80) }}</p>
                        <p class="text-xs text-gray-400">{{ \Modules\CRM\Models\DealActivity::TYPES[$a->type] }}@if($a->deal) · {{ $a->deal->title }}@endif</p>
                    </div>
                @empty
                    <p class="text-gray-400 text-sm">No upcoming follow-ups.</p>
                @endforelse
            </x-card>
        </div>
    </div>
</x-app-layout>