@extends('layouts.admin')
@section('title', 'CRM Tasks')
@section('content')
@php
  $columns = ['task'=>'Task','priority'=>'Priority','due'=>'Due','status'=>'Status'];
  $prio = fn ($p) => match ($p) { 'high','urgent' => 'danger', 'medium' => 'warning', default => 'muted' };
  $pills = [
    ['label' => 'All', 'url' => route('admin.crm.tasks.index'), 'active' => ! request()->hasAny(['status','priority'])],
    ['label' => 'Open', 'url' => route('admin.crm.tasks.index', ['status' => 'open']), 'active' => request('status') === 'open', 'count' => $stats['open']],
    ['label' => 'High / urgent', 'url' => route('admin.crm.tasks.index', ['priority' => 'high']), 'active' => request('priority') === 'high', 'count' => $stats['high']],
    ['label' => 'Done', 'url' => route('admin.crm.tasks.index', ['status' => 'done']), 'active' => request('status') === 'done', 'count' => $stats['done']],
  ];
@endphp
<x-crm.shell title="Tasks" subtitle="Follow-ups tied to leads, quotes, and opportunities — overdue first, then due soon.">
    <x-slot:stats>
        <x-crm.stat label="Open" :value="$stats['open']" :href="route('admin.crm.tasks.index', ['status' => 'open'])" />
        <x-crm.stat label="Overdue" :value="$stats['overdue']" :tone="$stats['overdue'] ? 'danger' : null" />
        <x-crm.stat label="High / urgent" :value="$stats['high']" :tone="$stats['high'] ? 'warning' : null" />
        <x-crm.stat label="Done" :value="$stats['done']" tone="success" />
    </x-slot:stats>
    <x-slot:filters>
        <x-crm.pills :items="$pills" />
    </x-slot:filters>

    <div class="p-4 sm:p-6 lg:px-8">
        <x-admin.advanced-table id="tasks" :columns="$columns">
            <x-slot:filters>
                <div>
                    <label class="admin-label">Status</label>
                    <select name="status" form="tasks-filter" class="admin-input" onchange="document.getElementById('tasks-filter').submit()">
                        <option value="">All</option>
                        @foreach(['open','pending','done','cancelled'] as $s)
                            <option value="{{ $s }}" @selected(request('status')===$s)>{{ ucfirst($s) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="admin-label">Priority</label>
                    <select name="priority" form="tasks-filter" class="admin-input" onchange="document.getElementById('tasks-filter').submit()">
                        <option value="">All</option>
                        @foreach(['low','medium','high','urgent'] as $p)
                            <option value="{{ $p }}" @selected(request('priority')===$p)>{{ ucfirst($p) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="flex items-end">
                    <a href="{{ route('admin.crm.tasks.index') }}" class="admin-btn w-full justify-center">Clear</a>
                </div>
            </x-slot:filters>
            <thead>
                <tr>
                    <th data-col="task">Task</th>
                    <th data-col="priority">Priority</th>
                    <th data-col="due">Due</th>
                    <th data-col="status">Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($tasks as $task)
                    @php
                      $isOverdue = $task->due_at && $task->due_at->isPast() && ! in_array($task->status, ['done', 'cancelled'], true);
                    @endphp
                    <tr>
                        <td data-col="task">
                            <div class="flex items-start gap-2">
                                <span class="mt-1.5 h-2 w-2 shrink-0 rounded-full {{ in_array($task->priority, ['high','urgent']) ? 'bg-[var(--color-danger)]' : 'bg-[#2c6ecb]' }}"></span>
                                <div>
                                    <div class="font-medium">{{ $task->title }}</div>
                                    @if($task->description)
                                        <div class="mt-0.5 text-xs text-[#6d7175]">{{ \Illuminate\Support\Str::limit($task->description, 80) }}</div>
                                    @endif
                                </div>
                            </div>
                        </td>
                        <td data-col="priority"><x-admin.badge :tone="$prio($task->priority)">{{ $task->priority }}</x-admin.badge></td>
                        <td data-col="due" class="text-sm {{ $isOverdue ? 'font-medium text-[var(--color-danger)]' : 'text-[#6d7175]' }}">
                            {{ $task->due_at?->format('d M Y H:i') ?? '—' }}
                        </td>
                        <td data-col="status"><x-admin.badge :tone="$task->status === 'done' ? 'success' : 'info'">{{ $task->status }}</x-admin.badge></td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="p-8"><x-admin.empty title="No tasks" /></td></tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $tasks->links() }}</x-slot:footer>
        </x-admin.advanced-table>
        <form id="tasks-filter" method="get" action="{{ route('admin.crm.tasks.index') }}" class="hidden"></form>
    </div>
</x-crm.shell>
@endsection