@php
    $isPaginator = $rows instanceof \Illuminate\Contracts\Pagination\Paginator;
    $ids = collect($isPaginator ? $rows->items() : $rows)->pluck('id')->all();
@endphp
<x-layouts.app :title="$restricted ? 'My activities' : 'Doctor activities'" subtitle="Calling tasks for doctor contacts — open a task to log the call outcome."
               :breadcrumbs="['Doctor' => route('doctor.dashboard'), 'Activities' => null]">
    @if ($canManage)
        <x-slot:actions>
            <a href="{{ route('doctor.activities.export', request()->query()) }}" class="btn btn-secondary"><x-heroicon-m-arrow-down-tray class="h-4 w-4" /> Export CSV</a>
            <a href="{{ route('doctor.contacts.index', ['view' => 'not_allocated']) }}" class="btn btn-brand"><x-heroicon-m-user-plus class="h-4 w-4" /> Assign contacts</a>
        </x-slot:actions>
    @endif

    <div class="mb-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <x-stat label="All tasks" :value="number_format($counts->total)" icon="heroicon-o-rectangle-stack" tone="gray" :href="route('doctor.activities.index', ['status' => 'all'])" />
        <x-stat label="Not started" :value="number_format($counts->not_started)" icon="heroicon-o-clock" tone="amber" :href="route('doctor.activities.index', ['status' => 'Not Started'])" />
        <x-stat label="In progress" :value="number_format($counts->in_progress)" icon="heroicon-o-arrow-path" tone="blue" :href="route('doctor.activities.index', ['status' => 'In Progress'])" />
        <x-stat label="Completed" :value="number_format($counts->completed)" icon="heroicon-o-check-circle" tone="green" :href="route('doctor.activities.index', ['status' => 'Completed'])" />
    </div>

    <x-card :padded="false" x-data="bulkSelect">
        <div class="space-y-3 border-b border-ink-100 p-4 dark:border-ink-800">
            <x-filter-bar placeholder="Search subject, company, contact, mobile, keyword, remark…">
                <x-select name="status" :options="\App\Http\Controllers\Doctor\ActivityController::FILTERS" :value="$status" class="w-48" />
                <x-select name="location" :options="$locations" :value="request('location')" placeholder="All locations" class="w-48" />
                @if (! $restricted)
                    <x-select name="user" :options="$callers" :value="request('user')" placeholder="All callers" class="w-44" />
                @endif
            </x-filter-bar>

            @if ($canManage)
                <div x-cloak x-show="selected.length" x-transition class="flex items-center justify-between gap-3 rounded-xl bg-brand-50 px-4 py-2 text-sm dark:bg-brand-500/10">
                    <span class="font-medium text-brand-800 dark:text-brand-300"><span x-text="selected.length"></span> selected</span>
                    <form method="POST" action="{{ route('doctor.activities.destroy') }}" x-data="confirmSubmit('Delete the selected doctor tasks permanently?')" @submit="submit">
                        @csrf @method('DELETE')
                        <template x-for="id in selected" :key="id"><input type="hidden" name="ids[]" :value="id"></template>
                        <button class="btn btn-danger btn-sm"><x-heroicon-m-trash class="h-4 w-4" /> Delete tasks</button>
                    </form>
                </div>
            @endif
        </div>

        @if ($queue)
            <div class="flex items-start gap-3 border-b border-brand-200/60 bg-brand-50/70 px-5 py-3 text-sm text-brand-900 dark:border-brand-500/20 dark:bg-brand-500/10 dark:text-brand-200">
                <x-heroicon-s-queue-list class="mt-0.5 h-5 w-5 shrink-0" />
                <div>Your work queue shows the next <strong>{{ \App\Http\Controllers\Doctor\ActivityController::QUEUE_SIZE }}</strong> not-started tasks. Save a task and the next one moves up automatically.</div>
            </div>
        @endif

        @if (count($ids) === 0)
            <x-empty-state title="No tasks found" :message="$queue ? 'Your queue is empty — great work!' : 'Try a different status, location or search.'" icon="heroicon-o-clipboard-document-check" />
        @else
            <div class="table-wrap">
                <table class="table table-compact">
                    <thead>
                        <tr>
                            @if ($canManage)
                                <th class="w-8"><input type="checkbox" class="form-checkbox" @click="toggleAll(@js($ids))" :checked="all" aria-label="Select all"></th>
                            @endif
                            <th><x-sort-link column="status" label="Status" /></th>
                            <th><x-sort-link column="company" label="Company / contact" /></th>
                            <th><x-sort-link column="mobile" label="Mobile" /></th>
                            <th><x-sort-link column="subject" label="Subject" /></th>
                            <th><x-sort-link column="remark" label="Final remark" /></th>
                            <th><x-sort-link column="due" label="Due" /></th>
                            <th><x-sort-link column="called" label="Last called" /></th>
                            <th><x-sort-link column="keyword" label="Keyword" /></th>
                            <th><x-sort-link column="location" label="Location" /></th>
                            @unless ($restricted)<th>Caller</th>@endunless
                            <th class="text-right">Action</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-ink-100 dark:divide-ink-800">
                        @foreach ($rows as $r)
                            @php($overdue = $r->due_date && $r->status !== 'Completed' && $r->due_date < today()->toDateString())
                            <tr>
                                @if ($canManage)
                                    <td><input type="checkbox" class="form-checkbox" value="{{ $r->id }}" x-model.number="selected" aria-label="Select task {{ $r->id }}"></td>
                                @endif
                                <td>
                                    <span class="badge {{ \App\Models\DrActivity::statusBadge($r->status) }}">{{ $r->status ?: '—' }}</span>
                                    @if ($r->data_allocation_date)<div class="mt-0.5 text-[11px] text-ink-400">Allocated {{ $r->data_allocation_date }}</div>@endif
                                </td>
                                <td class="max-w-[260px]">
                                    <div class="truncate font-medium text-ink-900 dark:text-white" title="{{ $r->company }}">{{ $r->company ?: '—' }}</div>
                                    @if ($r->contact_name && $r->contact_name !== $r->company)<div class="truncate text-xs text-ink-500">{{ $r->contact_name }}</div>@endif
                                </td>
                                <td class="tabular-nums">
                                    @if ($r->mobile)<a href="tel:{{ $r->mobile }}" class="hover:text-brand-600">{{ $r->mobile }}</a>@else — @endif
                                </td>
                                <td><a href="{{ route('doctor.activities.edit', $r->id) }}" class="font-medium text-brand-700 hover:underline dark:text-brand-400">{{ $r->subject ?: 'Task #'.$r->id }}</a></td>
                                <td>{{ $r->final_remark_ins_loan ?: '—' }}</td>
                                <td class="tabular-nums {{ $overdue ? 'font-medium text-rose-600' : '' }}">{{ $r->due_date ? \Carbon\Carbon::parse($r->due_date)->format('d-m-Y') : '—' }}</td>
                                <td class="tabular-nums text-ink-500">{{ $r->modified_by ? \Carbon\Carbon::parse($r->modified_by)->format('d-m-Y') : '—' }}</td>
                                <td class="max-w-[180px] truncate" title="{{ $r->keyword }}">{{ $r->keyword ?: '—' }}</td>
                                <td>
                                    <div>{{ $r->location ?: '—' }}</div>
                                    @if ($r->other_street)<div class="max-w-[220px] truncate text-[11px] text-ink-400" title="{{ $r->other_street }}">{{ $r->other_street }}</div>@endif
                                </td>
                                @unless ($restricted)<td class="text-ink-500">{{ $r->assigned_user ?: ($r->user_id ? 'User #'.$r->user_id : '—') }}</td>@endunless
                                <td class="text-right">
                                    <a href="{{ route('doctor.activities.edit', $r->id) }}" class="btn btn-secondary btn-sm"><x-heroicon-m-phone class="h-3.5 w-3.5" /> Log call</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @if ($isPaginator)
                <x-pagination-bar :paginator="$rows" />
            @endif
        @endif
    </x-card>
</x-layouts.app>