@extends('layouts.admin')
@section('title', 'Good '.(now()->hour < 12 ? 'morning' : (now()->hour < 17 ? 'afternoon' : 'evening')).', '.explode(' ', auth('admin')->user()->name)[0])
@section('crumbs', now()->format('l, j F Y'))
@section('content')
@php($me = auth('admin')->user())
<div class="grid g4">
    <x-kpi label="Website visitors (30 days)" :value="number_format($kpis['visitors'])" :href="$me->canAccess('analytics') ? route('admin.analytics') : null" />
    <x-kpi label="New leads this month" :value="$kpis['leads']" :sub="$kpis['won'].' won'" :href="$me->canAccess('crm') ? route('admin.leads.index') : null" />
    <x-kpi label="Active projects" :value="$kpis['active_projects']" :href="$me->canAccess('projects') ? route('admin.projects.index') : null" />
    @if($me->canAccess('finance'))
        <x-kpi label="Outstanding" :value="inr($kpis['outstanding'])" :sub="$kpis['overdue'].' overdue · '.inr($kpis['billed']).' billed this month'" :href="route('admin.invoices.index')" />
    @else
        <x-kpi label="Team in today" :value="$team['in'].' / '.$team['total']" :sub="$team['leave'].' on leave'" />
    @endif
</div>

<div class="cols-main">
    <div class="stack" style="gap:24px;min-width:0">
        @if($me->canAccess('finance'))
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Revenue billed (before GST)</h2><a href="{{ route('admin.reports.finance') }}" class="small b">Finance report →</a></div>
            @php($max = max(1, $revenue->max('value')))
            <div class="panel-b">
                <div class="chartbox">@foreach($revenue as $r)<div class="colbar" style="height:{{ max(2, round($r['value'] / $max * 100)) }}%" title="{{ $r['label'] }}: {{ inr($r['value']) }}"></div>@endforeach</div>
                <div class="axis">@foreach($revenue as $r)<span>{{ $r['label'] }}<br><span class="b" style="color:var(--ink)">{{ inr($r['value'] / 1000) }}k</span></span>@endforeach</div>
            </div>
        </section>
        @endif

        @if($me->canAccess('crm') || $me->canAccess('crm.view'))
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Follow up today</h2><a href="{{ route('admin.leads.pipeline') }}" class="small b">Pipeline →</a></div>
            <div class="list">
                @forelse($followUps as $l)
                    <a href="{{ route('admin.leads.show', $l) }}" class="li" style="text-decoration:none"><span class="av">{{ mb_substr($l->name, 0, 1) }}</span><span class="stack" style="flex:1;gap:2px"><span class="b">{{ $l->name }} @if($l->company)<span class="muted">· {{ $l->company }}</span>@endif</span><span class="xs muted">{{ implode(', ', $l->services ?? []) }}</span></span><span class="xs {{ $l->next_follow_up_at->isPast() ? 'b' : 'muted' }}">{{ $l->next_follow_up_at->diffForHumans() }}</span></a>
                @empty
                    <x-empty>No follow-ups due. Nice.</x-empty>
                @endforelse
            </div>
        </section>
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Newest leads</h2><a href="{{ route('admin.leads.index') }}" class="small b">All leads →</a></div>
            <div class="tbl-wrap"><table class="tbl">
                <thead><tr><th>Name</th><th>Service</th><th>Budget</th><th>Source</th><th>Score</th><th>Status</th></tr></thead>
                <tbody>@forelse($newLeads as $l)<tr><td><a href="{{ route('admin.leads.show', $l) }}">{{ $l->name }}</a><div class="xs muted">{{ $l->company }}</div></td><td class="small">{{ \Illuminate\Support\Str::limit(implode(', ', $l->services ?? []), 40) }}</td><td class="small">{{ $l->budget }}</td><td class="small">{{ $l->utm_source ?: $l->source }}</td><td class="tnum">{{ $l->score }}</td><td><x-badge :status="$l->status" :label="\App\Models\Lead::STATUSES[$l->status]" /></td></tr>@empty<tr><td colspan="6"><x-empty>No open leads.</x-empty></td></tr>@endforelse</tbody>
            </table></div>
        </section>
        @endif

        @if($me->canAccess('projects'))
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Projects by deadline</h2><a href="{{ route('admin.projects.index') }}" class="small b">All projects →</a></div>
            <div class="list">@forelse($projects as $p)
                <a href="{{ route('admin.projects.show', $p) }}" class="li" style="text-decoration:none;align-items:center"><span class="stack" style="flex:1;gap:6px;min-width:0"><span class="b">{{ $p->name }} <span class="muted xs">{{ $p->client->company }}</span></span><span class="bar" style="max-width:320px"><span style="width:{{ $p->progress }}%"></span></span></span><x-badge :status="$p->status" :label="\App\Models\Project::STATUSES[$p->status]" /><span class="xs muted" style="width:72px;text-align:right">{{ $p->due_date?->format('j M') }}</span></a>
            @empty<x-empty>No active projects.</x-empty>@endforelse</div>
        </section>
        @endif
    </div>

    <aside class="stack" style="gap:24px;min-width:0">
        @if($me->canAccess('projects'))
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Waiting on clients</h2></div>
            <div class="list small">@forelse($approvals as $a)
                <a href="{{ route('admin.projects.show', $a->project_id) }}#approvals" class="li" style="text-decoration:none"><span class="stack" style="flex:1;gap:2px"><span class="b">{{ $a->title }} · round {{ $a->round }}</span><span class="xs muted">{{ $a->project->client->company }} · {{ $a->created_at->diffForHumans() }}</span></span></a>
            @empty<x-empty>Nothing waiting.</x-empty>@endforelse</div>
        </section>
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Overdue tasks</h2></div>
            <div class="list small">@forelse($overdueTasks as $t)
                <a href="{{ route('admin.projects.show', $t->project_id) }}" class="li" style="text-decoration:none"><span class="stack" style="flex:1;gap:2px"><span class="b">{{ $t->title }}</span><span class="xs muted">{{ $t->assignee?->name ?? 'Unassigned' }} · {{ $t->project->name }}</span></span><span class="badge b-bad">{{ $t->due_date->format('j M') }}</span></a>
            @empty<x-empty>All on time.</x-empty>@endforelse</div>
        </section>
        @endif
        @if($me->canAccess('hr') || $me->canAccess('hr.view'))
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Team today</h2><a href="{{ route('admin.attendance.index') }}" class="small b">Attendance →</a></div>
            <div class="panel-b row" style="gap:24px"><div class="stack"><span class="kpi-v">{{ $team['in'] }}</span><span class="xs muted">checked in</span></div><div class="stack"><span class="kpi-v">{{ $team['leave'] }}</span><span class="xs muted">on leave</span></div><div class="stack"><span class="kpi-v">{{ $team['total'] }}</span><span class="xs muted">team</span></div></div>
            @if($pendingLeave->isNotEmpty())
                <div class="list small" style="border-top:1px solid var(--line-2)">@foreach($pendingLeave as $l)<a href="{{ route('admin.leave.index') }}" class="li" style="text-decoration:none"><span class="stack" style="flex:1;gap:2px"><span class="b">{{ $l->employee->name }}</span><span class="xs muted">{{ $l->type->name }} · {{ $l->from_date->format('j M') }}–{{ $l->to_date->format('j M') }}</span></span><span class="badge b-warn">Approve?</span></a>@endforeach</div>
            @endif
        </section>
        @endif
        @if($me->canAccess('finance'))
        <section class="panel">
            <div class="panel-h"><h2 class="ht">Money to collect</h2></div>
            <div class="list small">@forelse($invoices as $i)
                <a href="{{ route('admin.invoices.show', $i) }}" class="li" style="text-decoration:none"><span class="stack" style="flex:1;gap:2px"><span class="b">{{ $i->client->company }}</span><span class="xs muted">{{ $i->number }} · due {{ $i->due_date->format('j M') }}</span></span><span class="stack" style="align-items:flex-end;gap:2px"><span class="b tnum">{{ inr($i->balance()) }}</span><x-badge :status="$i->status" /></span></a>
            @empty<x-empty>Everything is paid.</x-empty>@endforelse</div>
        </section>
        @endif
    </aside>
</div>
@endsection