{{-- Shared attendance register (trainer + admin). Vars: $session, $batch, $roster, $records (keyed by user_id), $canEdit, $action, $back --}}
@php
    $statuses = ['present' => 'Present', 'late' => 'Late', 'absent' => 'Absent', 'excused' => 'Excused'];
    $existing = $records ?? collect();
@endphp
<div class="panel">
  <div class="panel-head">
    <div>
      <h2>{{ $session->displayTitle() }}</h2>
      <div class="small muted">{{ $batch->course?->title }} · {{ $session->starts_at->format('D, d M Y · g:i A') }} – {{ $session->ends_at?->format('g:i A') }} · {{ $session->durationMinutes() }} min</div>
    </div>
    <div class="row">
      @if($session->isTaken())<x-pill status="completed"/> <span class="small muted">Taken {{ $session->taken_at->diffForHumans() }}@if($session->takenBy) by {{ $session->takenBy->name }}@endif</span>@else<x-pill status="pending"/>@endif
    </div>
  </div>

  @unless($canEdit)
    <div class="panel-body" style="padding-bottom:0"><div class="callout warn"><x-icon name="lock" :size="20"/><div><b>This register is locked.</b> Trainers can edit a register for {{ config('infotics.attendance.trainer_edit_days', 7) }} days after it is taken. Ask an administrator to amend it.</div></div></div>
  @endunless

  @if($roster->isEmpty())
    <x-empty icon="users" title="No active learners in this batch" text="Learners appear here once their enrollment is active."/>
  @else
  <form method="post" action="{{ $action }}" data-att-sheet>
    @csrf
    <div class="panel-body" style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-2)">
      <div class="att-summary">
        <span class="pill pill-green"><span data-att-count="present">0</span> present</span>
        <span class="pill pill-amber"><span data-att-count="late">0</span> late</span>
        <span class="pill pill-red"><span data-att-count="absent">0</span> absent</span>
        <span class="pill pill-gray"><span data-att-count="excused">0</span> excused</span>
      </div>
      @if($canEdit)
      <div class="row gap-1">
        <span class="small muted">Mark everyone:</span>
        <button type="button" class="btn btn-secondary btn-sm" data-att-all="present"><x-icon name="check" :size="14"/> Present</button>
        <button type="button" class="btn btn-secondary btn-sm" data-att-all="absent"><x-icon name="x" :size="14"/> Absent</button>
      </div>
      @endif
    </div>

    @foreach($roster as $learner)
      @php $rec = $existing->get($learner->id); $cur = old('rows.'.$learner->id.'.status', $rec->status ?? 'present'); @endphp
      <div class="att-row">
        <div class="person"><span class="avatar avatar-sm">@if($learner->avatarUrl())<img src="{{ $learner->avatarUrl() }}" alt="">@else{{ $learner->initials() }}@endif</span><div><b>{{ $learner->name }}</b><div class="xs muted">{{ $learner->email }}</div></div></div>
        <div class="att-seg" role="radiogroup" aria-label="Attendance for {{ $learner->name }}">
          @foreach($statuses as $val => $label)
            <label><input type="radio" name="rows[{{ $learner->id }}][status]" value="{{ $val }}" @checked($cur === $val) @disabled(! $canEdit)><span class="s-{{ $val }}">{{ $label }}</span></label>
          @endforeach
        </div>
        <div><input class="input" style="padding:9px 12px" type="text" name="rows[{{ $learner->id }}][note]" aria-label="Note for {{ $learner->name }}" value="{{ old('rows.'.$learner->id.'.note', $rec->note ?? '') }}" placeholder="Note (optional)" maxlength="200" @disabled(! $canEdit)></div>
      </div>
    @endforeach

    <div class="panel-body row between">
      <a class="btn btn-secondary" href="{{ $back }}"><x-icon name="arrow-left" :size="16"/> Back</a>
      @if($canEdit)<button class="btn btn-primary" type="submit"><x-icon name="check-circle" :size="18"/> Save attendance</button>@endif
    </div>
  </form>
  @endif
</div>