@extends('layouts.portal')
@section('title', $batch->course?->title ?? 'Batch')
@section('subtitle', $batch->batch_code.' · '.ucfirst($batch->mode).($batch->schedule ? ' · '.$batch->schedule : ''))
@section('actions')
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.batches.index') }}"><x-icon name="arrow-left" :size="16"/> Batches</a>
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.batches.edit', $batch) }}"><x-icon name="edit" :size="16"/> Edit</a>
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.attendance.batch', $batch) }}"><x-icon name="user-check" :size="16"/> Attendance</a>
  @if($batch->course)<button class="btn btn-secondary btn-sm" type="button" data-modal-open="#send-{{ $batch->course_id }}-b{{ $batch->id }}"><x-icon name="mail" :size="16"/> Send course details</button>@endif
  <form method="post" action="{{ route('admin.batches.notify', $batch) }}" data-confirm="Email the full upcoming schedule (with a calendar file) to every active learner and the trainer?">@csrf<button class="btn btn-secondary btn-sm" type="submit"><x-icon name="send" :size="16"/> Notify schedule</button></form>
  @if($batch->status !== 'Completed')<button class="btn btn-primary btn-sm" type="button" data-modal-open="#complete-batch"><x-icon name="award" :size="16"/> Complete batch</button>@endif
@endsection

@section('content')
@php
  $tz = $batch->timezone ?: config('app.timezone');
  $taken = $sessions->whereNotNull('taken_at')->count();
  $upcoming = $sessions->where('status', 'scheduled')->where('starts_at', '>=', now())->count();
  $seats = $batch->seatsTaken();
  $avg = $roster->whereNotNull('percent')->avg('percent');
  $rosterByUser = $roster->keyBy(fn ($r) => $r['user']->id);
  $min = $batch->minAttendance();
@endphp

<div class="kpis ad-kpis">
  <div class="card kpi"><span class="ico"><x-icon name="calendar" :size="20"/></span><span>Status</span><b style="font-size:1.25rem;margin-top:8px"><x-pill :status="$batch->status"/></b><small>{{ $batch->start_date?->format('d M Y') ?? 'No start date' }}{{ $batch->end_date ? ' to '.$batch->end_date->format('d M Y') : '' }}</small></div>
  <div class="card kpi green"><span class="ico"><x-icon name="users" :size="20"/></span><span>Seats</span><b>{{ $seats }}{{ $batch->seat_limit ? ' / '.$batch->seat_limit : '' }}</b><small>{{ $batch->seat_limit ? max(0, $batch->seat_limit - $seats).' left' : 'Unlimited seats' }}</small></div>
  <div class="card kpi violet"><span class="ico"><x-icon name="video" :size="20"/></span><span>Classes</span><b>{{ $sessions->count() }}</b><small>{{ $upcoming }} upcoming · {{ $taken }} registers taken</small></div>
  <div class="card kpi amber"><span class="ico"><x-icon name="user-check" :size="20"/></span><span>Average attendance</span><b>{{ $avg !== null ? rtrim(rtrim(number_format($avg, 1), '0'), '.').'%' : 'n/a' }}</b><small>minimum {{ $min }}% for a certificate</small></div>
</div>

<section class="panel">
  <div class="panel-head"><h2>Batch details</h2><a class="small" href="{{ route('admin.batches.edit', $batch) }}">Edit</a></div>
  <dl class="ad-facts">
    <div><dt>Course</dt><dd><a href="{{ route('admin.courses.edit', $batch->course_id) }}">{{ $batch->course?->title }}</a></dd></div>
    <div><dt>Trainer</dt><dd>{{ $batch->trainer?->name ?? $batch->trainer_name ?? 'Not assigned' }}</dd></div>
    <div><dt>Fee</dt><dd>{{ $batch->fee !== null ? money($batch->fee) : 'Course fee' }}</dd></div>
    <div><dt>Platform</dt><dd>{{ $batch->platform ?: '—' }}</dd></div>
    @if($batch->meeting_url)<div><dt>Meeting link</dt><dd><a href="{{ $batch->meeting_url }}" target="_blank" rel="noopener" class="ad-ellipsis">{{ $batch->meeting_url }}</a></dd></div>@endif
    @if($batch->location)<div><dt>Venue</dt><dd>{{ $batch->location }}</dd></div>@endif
    <div><dt>Enrollment deadline</dt><dd>{{ $batch->enrollment_deadline?->format('d M Y') ?? 'None' }}</dd></div>
    <div><dt>Minimum attendance</dt><dd>{{ $min }}%</dd></div>
  </dl>
</section>

    <section class="panel" id="sessions">
      <div class="panel-head"><h2>Class sessions</h2><span class="xs muted">Times shown in {{ $tz }}</span></div>
      @if($sessions->isEmpty())
        <x-empty icon="calendar" title="No classes scheduled" text="Use the generator below to create the weekly class calendar from the start date."/>
      @else
      <div class="table-wrap" style="border:0;border-radius:0">
        <table class="table ad-table">
          <thead><tr><th>#</th><th>Date &amp; time</th><th>Class</th><th>Status</th><th>Attendance</th><th class="actions">Actions</th></tr></thead>
          <tbody>
          @foreach($sessions as $s)
            @php $local = $s->starts_at->copy()->setTimezone($tz); $minutes = $s->durationMinutes(); @endphp
            <tr class="{{ $s->status === 'cancelled' ? 'ad-row-dim' : '' }}">
              <td class="muted">{{ $loop->iteration }}</td>
              <td class="nowrap"><b>{{ $local->format('D, d M Y') }}</b><div class="xs muted">{{ $local->format('g:i A') }} · {{ $minutes }} min</div></td>
              <td style="min-width:180px"><b>{{ $s->displayTitle() }}</b>@if($s->topic)<div class="xs muted">{{ $s->topic }}</div>@endif @if($s->meeting_url)<div class="xs"><a href="{{ $s->meeting_url }}" target="_blank" rel="noopener">Meeting link</a></div>@endif</td>
              <td><x-pill :status="$s->status"/></td>
              <td class="small">@if($s->taken_at)<a href="{{ route('admin.attendance.sheet', $s) }}">{{ $s->present_count }} of {{ $roster->count() }} present</a>@elseif($s->status === 'cancelled')<span class="muted">n/a</span>@else<a href="{{ route('admin.attendance.sheet', $s) }}">Mark attendance</a>@endif</td>
              <td class="actions">
                <div class="ad-actions">
                  <button class="icon-btn" type="button" data-modal-open="#session-modal" data-session-edit
                    data-action="{{ route('admin.batches.sessions.update', $s) }}" data-title="{{ $s->title }}" data-topic="{{ $s->topic }}" data-url="{{ $s->meeting_url }}" data-recording="{{ $s->recording_url }}"
                    data-date="{{ $local->format('Y-m-d') }}" data-time="{{ $local->format('H:i') }}" data-minutes="{{ $minutes }}" data-status="{{ $s->status }}" data-label="{{ $local->format('D d M, g:i A') }}"
                    aria-label="Edit class of {{ $local->format('d M') }}" title="Edit class"><x-icon name="edit" :size="16"/></button>
                  @unless($s->taken_at)
                  <form method="post" action="{{ route('admin.batches.sessions.destroy', $s) }}" data-confirm="Remove the class on {{ $local->format('D d M') }}?">@csrf @method('DELETE')<button class="icon-btn" type="submit" aria-label="Delete class of {{ $local->format('d M') }}" title="Delete class"><x-icon name="trash" :size="16"/></button></form>
                  @endunless
                </div>
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
      @endif
    </section>

    <section class="panel" id="generate">
      <div class="panel-head"><h2>Generate classes</h2>@unless($batch->start_date)<span class="pill pill-amber">Set a start date first</span>@endunless</div>
      <form class="panel-body" method="post" action="{{ route('admin.batches.sessions.generate', $batch) }}">
        @csrf
        <fieldset style="border:0;padding:0;margin:0 0 16px">
          <legend class="label">Days of the week <span class="req">*</span></legend>
          <div class="row gap-1">
            @foreach([1 => 'Mon', 2 => 'Tue', 3 => 'Wed', 4 => 'Thu', 5 => 'Fri', 6 => 'Sat', 0 => 'Sun'] as $d => $lab)
              <label class="ad-day"><input type="checkbox" name="weekdays[]" value="{{ $d }}" @checked(in_array((string) $d, array_map('strval', (array) old('weekdays', [])), true))><span>{{ $lab }}</span></label>
            @endforeach
          </div>
          @error('weekdays')<div class="field-error">{{ $message }}</div>@enderror
        </fieldset>
        <div class="form-grid-3">
          <x-field name="time" label="Start time" type="time" required :value="'20:00'"/>
          <x-field name="count" label="How many classes" type="number" min="1" max="120" required :value="12"/>
          <x-field name="minutes" label="Length (minutes)" type="number" min="15" max="480" :value="$batch->session_minutes ?: 120"/>
          <x-field name="topic" label="Topic (optional)" placeholder="e.g. Azure Administrator"/>
        </div>
        <label class="check mb-2"><input type="hidden" name="notify" value="0"><input type="checkbox" name="notify" value="1" checked> <span>Email the new classes (with a calendar file) to active learners and the trainer</span></label>
        <button class="btn btn-primary btn-sm" type="submit" @disabled(! $batch->start_date)><x-icon name="calendar-check" :size="16"/> Generate classes</button>
        <span class="xs muted" style="margin-left:8px">Counting starts from {{ $batch->start_date?->format('d M Y') ?? 'the start date' }}. Existing times are skipped.</span>
      </form>
    </section>

<section class="panel" id="roster">
  <div class="panel-head"><h2>Learners and attendance</h2><a class="small" href="{{ route('admin.attendance.batch', $batch) }}">Full register</a></div>
  @if($enrollments->isEmpty())
    <x-empty icon="users" title="Nobody is enrolled yet" text="Enroll a learner from their profile or wait for website enrollments."><a class="btn btn-secondary btn-sm" href="{{ route('admin.students.index') }}">Find a learner</a></x-empty>
  @else
  <div class="table-wrap" style="border:0;border-radius:0">
    <table class="table ad-table">
      <thead><tr><th>Learner</th><th>Enrollment</th><th>Payment</th><th style="min-width:200px">Attendance</th><th class="num">P / L / A / E</th></tr></thead>
      <tbody>
      @foreach($enrollments as $e)
        @php $r = $rosterByUser[$e->user_id] ?? null; $pct = $r['percent'] ?? null; @endphp
        <tr>
          <td><div class="person"><span class="avatar avatar-sm">{{ $e->user?->initials() }}</span>@if($e->user)<a href="{{ route('admin.students.show', $e->user) }}"><b>{{ $e->user->name }}</b></a>@endif</div></td>
          <td><x-pill :status="$e->status"/></td>
          <td class="small"><x-pill :status="$e->payment_status ?? 'unpaid'"/> <span class="xs muted">{{ money($e->paid_amount) }} / {{ money($e->netFee()) }}</span></td>
          <td>
            @if($r && $pct !== null)
              <div class="row gap-1" style="flex-wrap:nowrap"><div class="progress {{ $pct >= $min ? 'green' : 'red' }}" style="flex:1" aria-hidden="true"><i style="width:{{ min(100, $pct) }}%"></i></div><b class="small nowrap {{ $pct < $min ? 'ad-bad' : '' }}">{{ rtrim(rtrim(number_format($pct, 1), '0'), '.') }}%</b></div>
            @else<span class="xs muted">{{ $r ? 'No registers yet' : 'Not attending' }}</span>@endif
          </td>
          <td class="num small nowrap">@if($r){{ $r['present'] }} / {{ $r['late'] }} / {{ $r['absent'] }} / {{ $r['excused'] }}@else<span class="muted">—</span>@endif</td>
        </tr>
      @endforeach
      </tbody>
    </table>
  </div>
  @endif
</section>

<div class="modal" id="session-modal" role="dialog" aria-modal="true" aria-labelledby="session-modal-h">
  <div class="modal-box ad-modal-wide">
    <div class="row between" style="flex-wrap:nowrap;align-items:flex-start"><div><h2 id="session-modal-h" style="font-size:1.2rem;margin-bottom:2px">Edit class</h2><div class="small muted" data-session-label></div></div><button class="icon-btn" type="button" data-modal-close aria-label="Close"><x-icon name="x" :size="18"/></button></div>
    <form method="post" action="#" data-session-form class="mt-2">
      @csrf @method('PUT')
      <div class="form-grid">
        <div class="field full"><label class="label" for="sm-title">Class title</label><input class="input" id="sm-title" name="title" maxlength="160"></div>
        <div class="field full"><label class="label" for="sm-topic">Topic</label><input class="input" id="sm-topic" name="topic" maxlength="160" placeholder="What will be covered"></div>
        <div class="field"><label class="label" for="sm-date">Date</label><input class="input" type="date" id="sm-date" name="date"></div>
        <div class="field"><label class="label" for="sm-time">Start time</label><input class="input" type="time" id="sm-time" name="time"></div>
        <div class="field"><label class="label" for="sm-minutes">Length (minutes)</label><input class="input" type="number" id="sm-minutes" name="minutes" min="15" max="480"></div>
        <div class="field"><label class="label" for="sm-status">Status</label><select class="select" id="sm-status" name="status"><option value="scheduled">Scheduled</option><option value="completed">Completed</option><option value="cancelled">Cancelled</option></select></div>
        <div class="field full"><label class="label" for="sm-url">Meeting link</label><input class="input" type="url" id="sm-url" name="meeting_url" maxlength="255" placeholder="https://…"></div>
        <div class="field full"><label class="label" for="sm-rec">Recording link</label><input class="input" type="url" id="sm-rec" name="recording_url" maxlength="255" placeholder="https://…"></div>
      </div>
      <label class="check mb-2"><input type="hidden" name="notify" value="0"><input type="checkbox" name="notify" value="1"> <span>Email learners and trainer about this change (cancellations are sent as cancelled invites)</span></label>
      <div class="row" style="justify-content:flex-end"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-primary" type="submit">Save class</button></div>
    </form>
  </div>
</div>

@if($batch->status !== 'Completed')
<div class="modal" id="complete-batch" role="dialog" aria-modal="true" aria-labelledby="complete-batch-h">
  <div class="modal-box">
    <h2 id="complete-batch-h" style="font-size:1.2rem">Complete this batch?</h2>
    <p class="small muted">All <b>active</b> learners are marked completed and a certificate is issued and emailed to each one whose attendance is at least {{ $min }}%. The batch status becomes Completed.</p>
    <form method="post" action="{{ route('admin.batches.complete', $batch) }}" data-confirm="Close {{ $batch->batch_code }} and issue certificates? This cannot be undone.">
      @csrf
      <label class="check mb-2"><input type="checkbox" name="force" value="1"><span>Issue certificates to everyone, even those below {{ $min }}% attendance (override)</span></label>
      <div class="row" style="justify-content:flex-end"><button class="btn btn-secondary" type="button" data-modal-close>Not yet</button><button class="btn btn-primary" type="submit"><x-icon name="award" :size="16"/> Complete &amp; issue certificates</button></div>
    </form>
  </div>
</div>
@endif

@if($batch->course)@include('admin.courses._send-details', ['course' => $batch->course, 'batch' => $batch])@endif
@push('scripts')<script src="{{ asset_v('assets/js/admin-a.js') }}" defer nonce="{{ csp_nonce() }}"></script><script src="{{ asset_v('assets/js/ops.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush
@endsection