@extends('layout')@section('c')@php
$u=url('/'); $tot=max($s['candidates'],1); $pp=round($s['processing']*100/$tot,1); $pe=round($s['employed']*100/$tot,1);
$n=max(count($months),1); $keys=array_keys($months); $W=600; $B=190; $T=20; $L=44;
$px=fn($i)=>$n>1?round($L+$i*(($W-$L-12)/($n-1)),1):$L; $py=fn($v)=>round($B-($v/$max)*($B-$T),1);
$path=function($k) use($months,$keys,$px,$py){$d='';$pr=null;foreach($keys as $i=>$mk){$x=$px($i);$y=$py($months[$mk][$k]);if($pr===null){$d.="M$x,$y";}else{$cx=round(($pr[0]+$x)/2,1);$d.=" C$cx,{$pr[1]} $cx,$y $x,$y";}$pr=[$x,$y];}return $d;};
@endphp
<div class="head"><div><h1>Welcome back, {{ explode(' ',auth()->user()->name)[0] }}</h1><p class="muted" style="margin:2px 0 0">Here is your placement pipeline today</p></div><a class="btn" href="{{ $u }}/candidates/create">＋ New candidate</a></div>
<div class="kpis">
<div class="kpi g g1"><svg class="ic"><use href="#i-users"/></svg><div><b data-count="{{ $s['candidates'] }}">{{ $s['candidates'] }}</b><span>Total candidates</span></div></div>
<div class="kpi g g2"><svg class="ic"><use href="#i-list"/></svg><div><b data-count="{{ $s['processing'] }}">{{ $s['processing'] }}</b><span>In process</span></div></div>
<div class="kpi g g3"><svg class="ic"><use href="#i-check"/></svg><div><b data-count="{{ $s['employed'] }}">{{ $s['employed'] }}</b><span>Employed</span></div></div>
@if(!$fd)<div class="kpi g g4"><svg class="ic"><use href="#i-bld"/></svg><div><b data-count="{{ $s['employers'] }}">{{ $s['employers'] }}</b><span>Employers &amp; agencies</span></div></div>@endif</div>
@if(!$fd)<div class="kpis">
<div class="kpi f"><svg class="ic"><use href="#i-cash"/></svg><div><span>Income</span><b data-count="{{ $in }}">{{ number_format($in) }}</b></div></div>
<div class="kpi f"><svg class="ic" style="background:#fee4e2;color:var(--bad)"><use href="#i-upload"/></svg><div><span>Company expenses</span><b data-count="{{ $ex }}">{{ number_format($ex) }}</b></div></div>
<div class="kpi f"><svg class="ic" style="background:#d1fadf;color:var(--ok)"><use href="#i-chart"/></svg><div><span>Net profit</span><b style="color:{{ $in-$ex>=0?'var(--ok)':'var(--bad)' }}" data-count="{{ $in-$ex }}">{{ number_format($in-$ex) }}</b></div></div></div>@endif
<div class="row3">
@if(!$fd)<div class="card"><h3>Income vs company expenses — last 6 months</h3>
<svg class="lc" viewBox="0 0 600 220"><defs><linearGradient id="gi" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#1d5fe0" stop-opacity=".25"/><stop offset="1" stop-color="#1d5fe0" stop-opacity="0"/></linearGradient></defs>
@foreach([0,.25,.5,.75,1] as $g)<line class="gl" x1="{{ $L }}" x2="{{ $W-8 }}" y1="{{ $py($max*$g) }}" y2="{{ $py($max*$g) }}"/><text x="{{ $L-6 }}" y="{{ $py($max*$g)+3 }}" text-anchor="end">{{ $max*$g>=1000?round($max*$g/1000,1).'k':round($max*$g) }}</text>@endforeach
<path class="ar" d="{{ $path('in') }} L{{ $px($n-1) }},{{ $B }} L{{ $px(0) }},{{ $B }} Z" fill="url(#gi)"/>
<path class="ln" pathLength="1" d="{{ $path('in') }}" stroke="#1d5fe0"/><path class="ln" pathLength="1" d="{{ $path('ex') }}" stroke="#f04438" style="animation-delay:.3s"/>
@foreach($keys as $i=>$k)<text x="{{ $px($i) }}" y="210" text-anchor="middle">{{ substr($k,5) }}/{{ substr($k,2,2) }}</text>@endforeach</svg>
<div class="leg"><span><i style="background:#1d5fe0"></i>Income</span><span><i style="background:#f04438"></i>Company expenses</span></div></div>@else<div class="card"><h3>Pipeline</h3>@foreach($pipe as $p)<div class="hbar"><span>{{ $p->position }}. {{ $p->name }}</span><span class="t"><i style="--w:{{ $s['candidates']?round($p->n*100/$s['candidates']):0 }}%"></i></span><em>{{ $p->n }}</em></div>@endforeach</div>@endif
<div class="card"><h3>Candidates by status</h3><svg class="donut" viewBox="0 0 36 36"><circle class="ring" cx="18" cy="18" r="15.9155"/>
<circle class="a" cx="18" cy="18" r="15.9155" stroke="#1d5fe0" stroke-linecap="round" transform="rotate(-90 18 18)" style="stroke-dasharray:{{ $pp }} 100"/>
<circle class="a" cx="18" cy="18" r="15.9155" stroke="#12b76a" stroke-linecap="round" transform="rotate(-90 18 18)" style="stroke-dasharray:{{ $pe }} 100;stroke-dashoffset:-{{ $pp }}"/><text x="18" y="19.5">{{ $s['candidates'] }}</text></svg>
<div class="leg"><span><i style="background:#1d5fe0"></i>In process {{ $s['processing'] }}</span><span><i style="background:#12b76a"></i>Employed {{ $s['employed'] }}</span></div>
<div class="hbar" style="grid-template-columns:110px 1fr 30px;margin-top:16px"><span>Self sponsored</span><span class="t"><i style="--w:{{ round($s['self']*100/$tot) }}%"></i></span><em>{{ $s['self'] }}</em></div>
<div class="hbar" style="grid-template-columns:110px 1fr 30px"><span>Agency sponsored</span><span class="t"><i style="--w:{{ round($s['agency']*100/$tot) }}%"></i></span><em>{{ $s['agency'] }}</em></div></div></div>
<div class="grid2">@if(!$fd)<div class="card"><h3>Pipeline — candidates who completed each stage</h3>@foreach($pipe as $p)<div class="hbar"><span>{{ $p->position }}. {{ $p->name }}</span><span class="t"><i style="--w:{{ $s['candidates']?round($p->n*100/$s['candidates']):0 }}%"></i></span><em>{{ $p->n }}</em></div>@endforeach</div>@endif
<div class="card"><h3>⚠ Expiry alerts</h3>@forelse($alerts as $a)<p style="margin:6px 0"><span class="pill {{ $a['late']?'bad':'bypassed' }}">{{ $a['late']?'Expired':'Expiring' }}</span> <a href="{{ $u }}/candidates/{{ $a['id'] }}">{{ $a['name'] }}</a> <small>— {{ $a['what'] }} {{ $a['date'] }}</small></p>@empty<p class="muted">Nothing expiring soon. 🎉</p>@endforelse</div></div>
<div class="card"><div class="head" style="margin-bottom:6px"><h3 style="margin:0">Recent candidates</h3><a href="{{ $u }}/candidates">View all →</a></div><table><tr><th>Name</th><th>Employer</th><th>Sponsor</th><th>Status</th></tr>@foreach($recent as $x)<tr><td><a href="{{ $u }}/candidates/{{ $x->id }}"><b>{{ $x->full_name }}</b></a></td><td>{{ $x->employer }}</td><td>{{ $x->sponsorship }}</td><td><span class="pill {{ $x->status }}">{{ $x->status }}</span></td></tr>@endforeach</table></div>
@endsection