@extends('layouts.portal')
@section('title', $meeting->title)
@section('subtitle', $meeting->code.' · '.($types[$meeting->type] ?? $meeting->type).' · '.$meeting->starts_at->format('l d M Y, h:i A').' · '.$meeting->duration_minutes.' min')
@section('actions')
  <a class="btn btn-secondary" href="{{ route('admin.meetings.index') }}"><x-icon name="arrow-left" :size="16"/> Meetings</a>
  <a class="btn btn-secondary" href="{{ route('admin.meetings.ics', $meeting) }}"><x-icon name="calendar" :size="16"/> Calendar file</a>
  @if($meeting->status === 'scheduled')<form method="post" action="{{ route('admin.meetings.resend', $meeting) }}" data-confirm="Re-send the meeting details to all participants?">@csrf<button class="btn btn-secondary" type="submit"><x-icon name="send" :size="16"/> Re-send details</button></form>@endif
@endsection
@section('content')
<div class="ac-split">
  <form method="post" action="{{ route('admin.meetings.attendance', $meeting) }}" class="ac-main">@csrf
    <section class="panel"><div class="panel-head"><h2>Participants ({{ $meeting->participants->count() }})</h2><span class="ac-hint">tick who attended</span></div>
      <div class="table-wrap" style="border:0;box-shadow:none"><table class="table ac-t">
        <thead><tr><th style="width:40px">Present</th><th>Name</th><th>Email</th><th>Invited</th><th>Status</th></tr></thead>
        <tbody>
        @forelse($meeting->participants as $p)
          <tr><td><input class="op-cb" type="checkbox" name="present[]" value="{{ $p->id }}" @checked($p->status === 'attended') aria-label="{{ $p->name }} attended"></td><td><b>{{ $p->name }}</b>@if($p->user)<span class="ac-sub">learner</span>@elseif($p->lead_id)<span class="ac-sub">lead</span>@endif</td><td>{{ $p->email }}</td><td class="nowrap">{{ $p->invited_at?->format('d M, h:i A') ?? '—' }}</td><td><x-pill :status="$p->status"/></td></tr>
        @empty
          <tr><td colspan="5" class="op-empty">No participants yet.</td></tr>
        @endforelse
        </tbody></table></div>
      @if($meeting->participants->isNotEmpty())<div class="panel-body"><button class="btn btn-primary" type="submit"><x-icon name="user-check" :size="16"/> Save attendance</button></div>@endif
    </section>
  </form>
  <aside class="ac-aside">
    <section class="panel"><div class="panel-head"><h2>Session</h2><x-pill :status="$meeting->status"/></div><div class="panel-body">
      <form method="post" action="{{ route('admin.meetings.update', $meeting) }}">@csrf @method('PUT')
        <x-field name="starts_at" label="Starts" type="datetime-local" :value="$meeting->starts_at->format('Y-m-d\TH:i')" required/>
        <x-field name="duration_minutes" label="Duration (min)" type="number" min="10" :value="$meeting->duration_minutes" required/>
        <x-field name="meeting_url" label="Meeting link" type="url" :value="$meeting->meeting_url"/>
        <x-field name="location" label="Location" :value="$meeting->location"/>
        <x-field name="agenda" label="Agenda" type="textarea" :rows="3" :value="$meeting->agenda"/>
        <label class="check"><input type="checkbox" name="notify" value="1"> <span>Email updated details to everyone</span></label>
        <button class="btn btn-secondary btn-block mt-1" type="submit">Save</button>
      </form>
    </div></section>
    <section class="panel"><div class="panel-head"><h2>Invite more</h2></div><div class="panel-body">
      <form method="post" action="{{ route('admin.meetings.participants', $meeting) }}">@csrf
        <textarea class="textarea" name="emails" rows="3" placeholder="name@company.com, other@company.com" aria-label="Emails" required></textarea>
        <button class="btn btn-secondary btn-block mt-1" type="submit">Add &amp; invite</button>
      </form>
    </div></section>
    @if($meeting->status === 'scheduled')
    <section class="panel"><div class="panel-body">
      <form method="post" action="{{ route('admin.meetings.cancel', $meeting) }}" data-confirm="Cancel this meeting and email all participants?">@csrf
        <x-field name="message" label="Cancellation message (optional)" type="textarea" :rows="2"/>
        <button class="btn btn-danger btn-block" type="submit"><x-icon name="x-circle" :size="16"/> Cancel meeting</button>
      </form>
    </div></section>
    @endif
  </aside>
</div>
@endsection