@extends('layouts.portal')
@section('title', $event->title)
@section('subtitle', $event->starts_at->format('l d M Y, h:i A').' · '.ucfirst($event->mode).($event->capacity ? ' · '.$event->capacity.' seats' : '').($event->requires_approval ? ' · approval required' : ' · open registration'))
@section('actions')
  <a class="btn btn-secondary" href="{{ route('admin.workshops.index') }}"><x-icon name="arrow-left" :size="16"/> Workshops</a>
  <a class="btn btn-secondary" href="{{ route('admin.workshops.export', $event) }}"><x-icon name="download" :size="16"/> Export CSV</a>
  <a class="btn btn-secondary" href="{{ route('admin.comms.compose', ['mode' => 'event', 'event_id' => $event->id, 'template' => 'workshop_details']) }}"><x-icon name="mail" :size="16"/> Email registrants</a>
  <a class="btn btn-secondary" href="{{ route('admin.workshops.edit', $event) }}"><x-icon name="edit" :size="16"/> Edit</a>
@endsection
@section('content')
<div class="op-kpis">
  <div class="op-kpi amber"><span>Pending</span><b>{{ $counts['pending'] ?? 0 }}</b><small>waiting for a decision</small></div>
  <div class="op-kpi green"><span>Approved</span><b>{{ ($counts['approved'] ?? 0) + ($counts['attended'] ?? 0) }}</b><small>{{ $counts['attended'] ?? 0 }} attended</small></div>
  <div class="op-kpi red"><span>Rejected</span><b>{{ $counts['rejected'] ?? 0 }}</b><small>{{ $counts['no_show'] ?? 0 }} no-show</small></div>
  <div class="op-kpi dark"><span>Session</span><b style="font-size:1.05rem">{{ $meeting?->code ?? 'Not created yet' }}</b><small>{{ $meeting ? 'created on first approval' : 'created automatically on first approval' }}</small></div>
</div>
<div class="ac-split">
  <form method="post" action="{{ route('admin.workshops.bulk', $event) }}" data-bulk class="ac-main">
    @csrf
    <nav class="ac-tabs">@foreach(['' => 'All', 'pending' => 'Pending', 'approved' => 'Approved', 'rejected' => 'Rejected', 'attended' => 'Attended'] as $k => $l)<a href="{{ route('admin.workshops.show', [$event, 'status' => $k ?: null]) }}" class="{{ ($status ?? '') === $k ? 'active' : '' }}">{{ $l }}@if($k)<span class="ac-n">{{ $counts[$k] ?? 0 }}</span>@endif</a>@endforeach</nav>
    <div class="table-wrap"><table class="table ac-t">
      <thead><tr><th style="width:34px"><input class="op-cb" type="checkbox" data-bulk-all aria-label="Select all"></th><th>Registrant</th><th>Company</th><th>Registered</th><th>Status</th><th class="actions">Decide</th></tr></thead>
      <tbody>
      @forelse($registrations as $r)
        <tr>
          <td><input class="op-cb" type="checkbox" name="ids[]" value="{{ $r->id }}" aria-label="Select {{ $r->name }}"></td>
          <td><b>{{ $r->name }}</b><span class="ac-sub">{{ $r->email }}{{ $r->phone ? ' · '.$r->phone : '' }}</span><span class="ac-sub op-mono">{{ $r->code }}</span>@if($r->message)<span class="ac-sub ac-tr" title="{{ $r->message }}">“{{ $r->message }}”</span>@endif</td>
          <td>{{ $r->company ?: '—' }}<span class="ac-sub">{{ $r->job_title }}</span></td>
          <td class="nowrap">{{ $r->created_at->format('d M Y') }}<span class="ac-sub">{{ $r->user ? 'learner account' : 'lead' }}</span></td>
          <td><x-pill :status="$r->status"/>@if($r->decider)<span class="ac-sub">{{ $r->decider->name }}</span>@endif</td>
          <td class="actions"><div class="ac-actions">
            @if($r->status !== 'approved' && $r->status !== 'attended')<button class="btn btn-success btn-sm" type="submit" form="dec-{{ $r->id }}-approve">Approve</button>@endif
            @if($r->status === 'pending' || $r->status === 'approved')<button class="btn btn-secondary btn-sm" type="submit" form="dec-{{ $r->id }}-reject" data-confirm="Reject {{ $r->name }}? They receive the rejection email.">Reject</button>@endif
            @if($r->status === 'approved' && $event->starts_at->isPast())<button class="btn btn-secondary btn-sm" type="submit" form="dec-{{ $r->id }}-attended">Attended</button>@endif
          </div></td>
        </tr>
      @empty
        <tr><td colspan="6" class="table-empty"><x-empty icon="users" title="No registrations yet" text="Share the Events page link, or add someone with the form on the right."/></td></tr>
      @endforelse
      </tbody></table></div>
    <div class="op-bulk"><b><span data-bulk-count>0</span> selected</b>
      <select class="select" name="action" aria-label="Bulk action"><option value="">Choose action…</option><option value="approve" data-heavy>Approve (emails confirmation + joining details)</option><option value="reject" data-heavy>Reject (emails rejection)</option><option value="attended">Mark attended</option><option value="no_show">Mark no-show</option><option value="send_details" data-heavy>Send workshop details</option><option value="send_meeting" data-heavy>Send meeting link</option></select>
      <input class="input" name="note" placeholder="Optional note in the email" style="max-width:240px">
      <button class="btn btn-secondary btn-sm" type="submit">Apply</button>
    </div>
  </form>
  <aside class="ac-aside">
    <section class="panel"><div class="panel-head"><h2>Details</h2></div><div class="panel-body small">
      <div class="ac-sum-row"><span>When</span><b>{{ $event->starts_at->format('d M Y, h:i A') }}{{ $event->ends_at ? ' – '.$event->ends_at->format('h:i A') : '' }}</b></div>
      <div class="ac-sum-row"><span>Join link</span><b>{{ $event->meeting_url ? 'set' : 'not set' }}</b></div>
      <div class="ac-sum-row"><span>Host</span><b>{{ $event->host_name ?: '—' }}</b></div>
      <div class="ac-sum-row"><span>Fee</span><b>{{ (float) $event->fee > 0 ? money($event->fee) : 'Free' }}</b></div>
      <div class="ac-sum-row"><span>Public page</span><a href="{{ route('events.show', $event->slug) }}" target="_blank" rel="noopener">Open</a></div>
      @if($meeting)<div class="ac-sum-row"><span>Session</span><a href="{{ route('admin.meetings.show', $meeting) }}">{{ $meeting->code }}</a></div>@endif
    </div></section>
    <section class="panel"><div class="panel-head"><h2>Add registration</h2></div><div class="panel-body">
      <form method="post" action="{{ route('admin.workshops.register', $event) }}">@csrf
        <x-field name="name" label="Name" required/><x-field name="email" label="Email" type="email" required/><x-field name="phone" label="Phone"/><x-field name="company" label="Company"/>
        <x-field name="approve" label="Approve immediately" type="checkbox" :value="true"/>
        <button class="btn btn-primary btn-block mt-1" type="submit">Register</button>
      </form>
    </div></section>
  </aside>
</div>
@foreach($registrations as $r)
  @foreach(['approve', 'reject', 'attended'] as $d)<form id="dec-{{ $r->id }}-{{ $d }}" method="post" action="{{ route('admin.workshops.decide', $r) }}">@csrf<input type="hidden" name="decision" value="{{ $d }}"></form>@endforeach
@endforeach
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/ops.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush