@extends('layouts.portal')
@section('title', 'Alumni')
@section('subtitle', 'Learners who completed an INFOTICS program — added automatically when a course is completed.')
@section('actions')
  <a class="btn btn-secondary" href="{{ route('admin.alumni.export') }}"><x-icon name="download" :size="16"/> Export CSV</a>
  <a class="btn btn-primary" href="{{ route('admin.comms.compose', ['users' => $alumni->pluck('id')->all(), 'template' => 'custom']) }}"><x-icon name="mail" :size="16"/> Email this page</a>
@endsection
@section('content')
<div class="op-kpis">
  <div class="op-kpi dark"><span>Alumni</span><b>{{ number_format($total) }}</b><small>all time</small></div>
  <div class="op-kpi green"><span>This year</span><b>{{ number_format($thisYear) }}</b><small>graduated in {{ now()->year }}</small></div>
  <div class="op-kpi violet"><span>Open to work</span><b>{{ number_format($openToWork) }}</b><small>visible to partner employers</small></div>
  <div class="op-kpi"><span>Career portal</span><b style="font-size:1.05rem"><a href="{{ route('admin.jobs.index') }}">Jobs →</a></b><small>match alumni to openings</small></div>
</div>
<form class="filters" method="get" role="search">
  <div class="searchbox"><x-icon name="search" :size="17"/><input class="input" type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Name, email or student ID" aria-label="Search alumni"></div>
  <label class="check"><input type="checkbox" name="open_to_work" value="1" @checked($filters['open_to_work'] ?? false) data-autosubmit> <span>Open to work</span></label>
  <button class="btn btn-secondary" type="submit">Search</button>
</form>
<div class="table-wrap"><table class="table ac-t">
  <thead><tr><th>Alumnus</th><th>Programs completed</th><th class="num">Certificates</th><th class="num">Badges</th><th>Alumni since</th><th class="actions"></th></tr></thead>
  <tbody>
  @forelse($alumni as $u)
    <tr><td><div class="person"><span class="avatar avatar-sm">@if($u->avatarUrl())<img src="{{ $u->avatarUrl() }}" alt="">@else{{ $u->initials() }}@endif</span><div><b>{{ $u->name }}</b><span class="ac-sub">{{ $u->email }}{{ $u->student_code ? ' · '.$u->student_code : '' }}</span></div></div></td>
      <td>{{ $u->enrollments->map(fn ($e) => $e->batch->course->title)->implode(', ') ?: '—' }}@if($u->open_to_work)<span class="ac-sub"><span class="op-chip green">Open to work</span></span>@endif</td>
      <td class="num">{{ $u->certificates_count }}</td><td class="num">{{ $u->badges_count }}</td>
      <td class="nowrap">{{ $u->alumni_since->format('d M Y') }}</td>
      <td class="actions"><div class="ac-actions"><a class="icon-btn" href="{{ route('admin.students.show', $u) }}" aria-label="Profile"><x-icon name="eye" :size="16"/></a>@if($u->portfolio?->slug ?? false)<a class="icon-btn" href="{{ route('portfolio.show', $u->portfolio->slug) }}" target="_blank" rel="noopener" aria-label="Portfolio"><x-icon name="id-card" :size="16"/></a>@endif</div></td></tr>
  @empty
    <tr><td colspan="6" class="table-empty"><x-empty icon="graduation-cap" title="No alumni yet" text="Mark an enrollment completed — the certificate, badge, alumni status and feedback request follow automatically."/></td></tr>
  @endforelse
  </tbody></table></div>
{{ $alumni->links() }}
@endsection