@extends('layouts.portal')
@php
  $first = \Illuminate\Support\Str::of($trainer->name)->before(' ');
  $today = $upcoming->filter(fn ($s) => $s->starts_at->isToday());
  $later = $upcoming->reject(fn ($s) => $s->starts_at->isToday());
  $avgs = collect($batchStats)->pluck('avg')->filter(fn ($v) => $v !== null);
  $hour = (int) now()->format('G');
@endphp
@section('title', ($hour < 12 ? 'Good morning' : ($hour < 17 ? 'Good afternoon' : 'Good evening')).', '.$first)
@section('subtitle', $today->isNotEmpty() ? 'You have '.$today->count().' class'.($today->count() === 1 ? '' : 'es').' today.' : ($pending->isNotEmpty() ? $pending->count().' register'.($pending->count() === 1 ? '' : 's').' still need attendance.' : 'Your teaching overview at a glance.'))
@section('actions')
  <a class="btn btn-secondary" href="{{ route('trainer.materials') }}"><x-icon name="upload" :size="17"/> Upload material</a>
  <a class="btn btn-primary" href="{{ route('trainer.attendance') }}"><x-icon name="user-check" :size="17"/> Take attendance</a>
@endsection

@section('content')
<div class="kpis">
  <div class="card kpi reveal"><span class="ico"><x-icon name="users" :size="22"/></span><span>Active batches</span><b>{{ $batches->count() }}</b><small>{{ $batches->where('status', 'Running')->count() }} running now</small></div>
  <div class="card kpi green reveal d1"><span class="ico"><x-icon name="user-check" :size="22"/></span><span>Learners</span><b>{{ $learners }}</b><small>{{ $avgs->count() ? 'Average attendance '.round($avgs->avg()).'%' : 'Attendance not started' }}</small></div>
  <div class="card kpi {{ $pending->isNotEmpty() ? 'red' : 'green' }} reveal d2"><span class="ico"><x-icon name="clipboard-check" :size="22"/></span><span>Registers to complete</span><b>{{ $pending->count() }}</b><small>{{ $pending->isNotEmpty() ? 'Needs your action' : 'All up to date' }}</small></div>
  <div class="card kpi violet reveal d3"><span class="ico"><x-icon name="video" :size="22"/></span><span>Materials uploaded</span><b>{{ $materials }}</b><small><a href="{{ route('trainer.materials') }}">Manage materials</a></small></div>
</div>

@if($pending->isNotEmpty())
<section class="panel reveal" style="border-color:#f6dda0" aria-labelledby="need-h">
  <div class="panel-head" style="background:#fff8e6"><h2 id="need-h"><x-icon name="alert" :size="18"/> Needs action: attendance not taken</h2><a class="small bold" href="{{ route('trainer.attendance') }}">See all</a></div>
  @foreach($pending->take(5) as $s)
    <div class="list-row">
      <div class="pt-date"><b>{{ $s->starts_at->format('d') }}</b><span>{{ $s->starts_at->format('M') }}</span></div>
      <div class="grow" style="min-width:0"><b class="pt-ellipsis">{{ $s->batch->course->title }}</b><div class="xs muted">{{ $s->displayTitle() }} · {{ $s->starts_at->format('D g:i A') }} · {{ $s->starts_at->diffForHumans() }}</div></div>
      <a class="btn btn-primary btn-sm" href="{{ route('trainer.sessions.attendance', $s) }}"><x-icon name="check-circle" :size="15"/> Take attendance</a>
    </div>
  @endforeach
</section>
@endif

<div class="pt-cols">
  <div class="pt-main">
    <section class="panel reveal" aria-labelledby="today-h">
      <div class="panel-head"><h2 id="today-h">Today and coming up</h2><a class="small bold" href="{{ route('trainer.attendance') }}">Attendance</a></div>
      @forelse($upcoming as $s)
        @php $nowish = $s->starts_at->lte(now()->addMinutes(15)); @endphp
        <div class="pt-session {{ $nowish ? 'is-live' : '' }}">
          <div class="pt-date {{ $s->starts_at->isToday() ? 'today' : '' }}"><b>{{ $s->starts_at->format('d') }}</b><span>{{ $s->starts_at->format('M') }}</span></div>
          <div class="pt-session-body">
            <b>{{ $s->batch->course->title }}</b>
            <div class="small muted">{{ $s->displayTitle() }}@if($s->topic) · {{ $s->topic }}@endif</div>
            <div class="pt-meta-light"><span><x-icon name="clock" :size="14"/> {{ $s->starts_at->format('D g:i A') }}</span><span><x-icon name="users" :size="14"/> {{ $s->batch->batch_code }}</span><span data-relative="{{ $s->starts_at->toIso8601String() }}">{{ $s->starts_at->diffForHumans() }}</span></div>
          </div>
          <div class="pt-session-cta">
            @if($s->meeting_url)<a class="btn btn-secondary btn-sm" href="{{ $s->meeting_url }}" target="_blank" rel="noopener"><x-icon name="video" :size="15"/> Start class</a>@endif
            <a class="btn {{ $s->starts_at->isToday() ? 'btn-primary' : 'btn-secondary' }} btn-sm" href="{{ route('trainer.sessions.attendance', $s) }}"><x-icon name="user-check" :size="15"/> Take attendance</a>
          </div>
        </div>
      @empty
        <x-empty icon="calendar" title="No upcoming classes" text="Add a class from the batch page and learners are emailed a calendar invite."><a class="btn btn-secondary mt-2" href="{{ route('trainer.batches') }}">My batches</a></x-empty>
      @endforelse
    </section>

    <h2 class="pt-h2" style="margin-top:8px">My batches</h2>
    @if($batches->isEmpty())
      <div class="panel"><x-empty icon="users" title="No active batches" text="Batches assigned to you by INFOTICS appear here."/></div>
    @else
    <div class="pt-grid" style="grid-template-columns:repeat(auto-fill,minmax(260px,1fr))">
      @foreach($batches as $b)
        @php $bs = $batchStats[$b->id] ?? ['learners' => 0, 'avg' => null, 'taken' => 0, 'total' => 0]; @endphp
        <a class="card card-hover pt-batchcard reveal" href="{{ route('trainer.batches.show', $b) }}">
          <div class="between row"><span class="mono xs muted">{{ $b->batch_code }}</span><x-pill :status="$b->status"/></div>
          <h3>{{ $b->course->title }}</h3>
          <div class="pt-facts"><span class="pt-fact"><x-icon name="users" :size="15"/> {{ $bs['learners'] }} learners</span><span class="pt-fact"><x-icon name="calendar-check" :size="15"/> {{ $bs['taken'] }}/{{ $bs['total'] }} classes held</span></div>
          <div class="between row small"><span class="muted">Avg attendance</span><b>{{ $bs['avg'] !== null ? $bs['avg'].'%' : '—' }}</b></div>
          <div class="progress {{ $bs['avg'] === null ? '' : ($bs['avg'] >= $b->minAttendance() ? 'green' : 'amber') }} mt-1"><i style="width:{{ $bs['avg'] ?? 0 }}%"></i></div>
        </a>
      @endforeach
    </div>
    @endif
  </div>

  <aside class="pt-side">
    @if(count($risk))
    <section class="panel reveal" aria-labelledby="risk-h">
      <div class="panel-head"><h2 id="risk-h">Low attendance</h2><span class="pill pill-red">{{ count($risk) }}</span></div>
      @foreach(array_slice($risk, 0, 6) as $r)
        <a class="list-row pt-job" href="{{ route('trainer.batches.show', $r['batch']) }}#roster"><span class="avatar avatar-sm">{{ $r['user']->initials() }}</span><div class="grow" style="min-width:0"><b class="pt-ellipsis">{{ $r['user']->name }}</b><div class="xs muted">{{ $r['batch']->batch_code }}</div></div><span class="pill pill-red">{{ $r['percent'] }}%</span></a>
      @endforeach
      <div class="panel-body small muted">Below the {{ $batches->first()?->minAttendance() ?? 75 }}% minimum after at least 3 classes. Learners get a warning email automatically when a register is saved.</div>
    </section>
    @endif

    <section class="panel reveal" aria-labelledby="res-h">
      <div class="panel-head"><h2 id="res-h">Recent exam results</h2><a class="small bold" href="{{ route('trainer.exams') }}">All</a></div>
      @forelse($results as $a)
        <div class="list-row"><span class="avatar avatar-sm">{{ $a->user->initials() }}</span><div class="grow" style="min-width:0"><b class="pt-ellipsis">{{ $a->user->name }}</b><div class="xs muted pt-ellipsis">{{ $a->exam?->code }} · {{ $a->submitted_at?->diffForHumans() }}</div></div><span class="pill {{ $a->passed ? 'pill-green' : 'pill-red' }}">{{ rtrim(rtrim(number_format((float) $a->percent, 1), '0'), '.') }}%</span></div>
      @empty
        <div class="panel-body small muted">No exam attempts from your learners yet.</div>
      @endforelse
    </section>

    <section class="panel reveal">
      <div class="panel-head"><h2>Quick links</h2></div>
      <div class="panel-body pt-quick">
        <a href="{{ route('trainer.materials') }}"><x-icon name="upload" :size="18"/> Upload video or PDF</a>
        <a href="{{ route('trainer.batches') }}"><x-icon name="users" :size="18"/> Batches and rosters</a>
        <a href="{{ route('trainer.attendance') }}"><x-icon name="user-check" :size="18"/> Attendance registers</a>
        <a href="{{ route('trainer.exams') }}"><x-icon name="clipboard-check" :size="18"/> Exam results</a>
        <a href="{{ route('account.edit') }}"><x-icon name="user" :size="18"/> My profile</a>
      </div>
    </section>
  </aside>
</div>
@endsection