@extends('layouts.app')
@section('title', 'Dashboard — Hrivex Command Center')

@section('content')
<div class="fade-in">

    {{-- Company Filter Tabs --}}
    <div class="flex gap-2 mb-5 overflow-x-auto pb-1">
        <a href="{{ route('dashboard') }}"
           class="text-xs px-3.5 py-1.5 rounded-full whitespace-nowrap transition {{ !$selectedCompany ? 'text-white' : 'text-gray-500 border border-gray-200 hover:bg-gray-100' }}"
           style="{{ !$selectedCompany ? 'background:#534AB7' : '' }}">
            All companies
        </a>
        @foreach($companies as $company)
            <a href="{{ route('dashboard', ['company' => $company['id']]) }}"
               class="text-xs px-3.5 py-1.5 rounded-full whitespace-nowrap flex items-center gap-1.5 transition {{ $selectedCompany === $company['id'] ? 'text-white' : 'text-gray-500 border border-gray-200 hover:bg-gray-100' }}"
               style="{{ $selectedCompany === $company['id'] ? 'background:'.$company['color'] : '' }}">
                <span class="w-1.5 h-1.5 rounded-full inline-block" style="background:{{ $selectedCompany === $company['id'] ? '#fff' : $company['color'] }}"></span>
                {{ $company['short'] }}
            </a>
        @endforeach
    </div>

    {{-- Stats Cards --}}
    <div class="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-5">
        @php $stats = [
            ['label' => 'Active tasks', 'value' => $totals['tasks'], 'sub' => 'Across all tools', 'icon' => 'fas fa-tasks', 'color' => '#534AB7'],
            ['label' => 'Team members', 'value' => $totals['members'], 'sub' => count($companies) . ' companies', 'icon' => 'fas fa-users', 'color' => '#1565C0'],
            ['label' => 'Overdue', 'value' => $totals['overdue'], 'sub' => 'Need attention', 'icon' => 'fas fa-exclamation-triangle', 'color' => '#C62828', 'danger' => true],
            ['label' => 'Projects', 'value' => $totals['projects'], 'sub' => 'In progress', 'icon' => 'fas fa-project-diagram', 'color' => '#2E7D32'],
        ]; @endphp
        @foreach($stats as $s)
            <div class="stat-card bg-white rounded-xl p-4 border border-gray-100">
                <div class="flex items-center justify-between mb-1">
                    <span class="text-xs text-gray-400">{{ $s['label'] }}</span>
                    <i class="{{ $s['icon'] }} text-xs" style="color:{{ $s['color'] }}"></i>
                </div>
                <div class="text-2xl font-medium {{ ($s['danger'] ?? false) ? 'text-red-600' : 'text-gray-900' }}">{{ number_format($s['value']) }}</div>
                <div class="text-xs mt-0.5 {{ ($s['danger'] ?? false) ? 'text-red-400' : 'text-green-500' }}">{{ $s['sub'] }}</div>
            </div>
        @endforeach
    </div>

    {{-- Company Cards Grid (only show when viewing all) --}}
    @if(!$selectedCompany)
        <div class="grid grid-cols-2 lg:grid-cols-3 gap-3 mb-5">
            @foreach($companies as $company)
                @php $cs = $companyStats[$company['id']] ?? []; @endphp
                <a href="{{ route('company.detail', $company['id']) }}" class="company-card bg-white rounded-xl p-4 border border-gray-100 block">
                    <div class="flex items-center gap-2 mb-3">
                        <span class="w-2.5 h-2.5 rounded-full" style="background:{{ $company['color'] }}"></span>
                        <span class="text-sm font-medium text-gray-900">{{ $company['name'] }}</span>
                    </div>
                    <div class="grid grid-cols-2 gap-2 text-xs text-gray-400">
                        <div><span class="font-medium text-gray-700">{{ $cs['total_tasks'] ?? 0 }}</span> tasks</div>
                        <div><span class="font-medium text-gray-700">{{ $cs['total_members'] ?? 0 }}</span> members</div>
                        <div><span class="font-medium {{ ($cs['overdue_tasks'] ?? 0) > 3 ? 'text-red-500' : 'text-gray-700' }}">{{ $cs['overdue_tasks'] ?? 0 }}</span> overdue</div>
                        <div><span class="font-medium text-gray-700">{{ $cs['total_projects'] ?? 0 }}</span> projects</div>
                    </div>
                    <div class="mt-3 pt-2 border-t border-gray-50 text-xs text-gray-400">
                        <i class="fas fa-{{ $company['icon'] }} mr-1"></i>
                        {{ $company['tool_type'] }} · {{ $company['short'] }}
                    </div>
                </a>
            @endforeach
        </div>
    @endif

    {{-- Tasks + Activity Grid --}}
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">

        {{-- Tasks Panel --}}
        <div class="bg-white rounded-xl p-5 border border-gray-100">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-sm font-medium text-gray-900">
                    {{ $selectedCompany ? 'Tasks' : 'Tasks across all companies' }}
                </h3>
                <span class="text-xs text-gray-400">{{ $tasks->count() }} items</span>
            </div>

            @forelse($tasks as $task)
                @php $co = collect($companies)->firstWhere('id', $task->company_id); @endphp
                <div class="task-row flex items-center gap-2.5 py-2.5 border-b border-gray-50 last:border-0 rounded px-1">
                    <div class="priority-dot" style="background:{{ $task->priority === 'high' ? '#C62828' : ($task->priority === 'medium' ? '#E65100' : '#999') }}"></div>
                    <div class="flex-1 min-w-0">
                        @if($task->external_url)
                            <a href="{{ $task->external_url }}" target="_blank" class="text-xs text-gray-800 hover:text-purple-600 truncate block">{{ $task->title }}</a>
                        @else
                            <span class="text-xs text-gray-800 truncate block">{{ $task->title }}</span>
                        @endif
                    </div>
                    @if(!$selectedCompany && $co)
                        <span class="text-xs px-1.5 py-0.5 rounded whitespace-nowrap" style="background:{{ $co['color'] }}12;color:{{ $co['color'] }};font-size:10px">
                            {{ $co['short'] }}
                        </span>
                    @endif
                    <span class="text-xs whitespace-nowrap {{ $task->is_overdue ? 'text-red-500 font-medium' : 'text-gray-400' }}" style="font-size:10px">
                        {{ $task->due_date ? $task->due_date->format('M d') : '--' }}
                    </span>
                </div>
            @empty
                <div class="text-center py-8 text-gray-400">
                    <i class="fas fa-inbox text-2xl mb-2 block"></i>
                    <p class="text-xs">No tasks synced yet. Click "Sync All" to pull data from your tools.</p>
                </div>
            @endforelse
        </div>

        {{-- Activity Feed --}}
        <div class="bg-white rounded-xl p-5 border border-gray-100">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-sm font-medium text-gray-900">Activity feed</h3>
                <span class="text-xs text-gray-400">Recent</span>
            </div>

            @forelse($activities as $activity)
                @php $co = collect($companies)->firstWhere('id', $activity->company_id); @endphp
                <div class="flex items-start gap-2.5 py-2.5 border-b border-gray-50 last:border-0">
                    <div class="w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium flex-shrink-0 mt-0.5"
                         style="background:{{ $co['color'] ?? '#999' }}15;color:{{ $co['color'] ?? '#999' }};font-size:9px">
                        {{ strtoupper(substr($activity->user_name, 0, 2)) }}
                    </div>
                    <div class="flex-1 min-w-0">
                        <div class="text-xs text-gray-700">
                            <span class="font-medium">{{ $activity->user_name }}</span>
                            {{ $activity->action }}
                        </div>
                        <div class="text-xs text-gray-300 mt-0.5" style="font-size:10px">
                            {{ $activity->activity_at ? $activity->activity_at->diffForHumans() : '' }}
                            @if(!$selectedCompany && $co)
                                · {{ $co['short'] }}
                            @endif
                        </div>
                    </div>
                </div>
            @empty
                <div class="text-center py-8 text-gray-400">
                    <i class="fas fa-history text-2xl mb-2 block"></i>
                    <p class="text-xs">No activity yet. Sync your tools to see team activity here.</p>
                </div>
            @endforelse
        </div>
    </div>
</div>
@endsection