@extends('layouts.portal')
@section('title', 'Meetings')
@section('subtitle', 'Counselling, demo classes, orientations and corporate meetings — invitations with calendar files and reminders.')
@section('actions')<a class="btn btn-primary" href="{{ route('admin.meetings.create') }}"><x-icon name="plus" :size="16"/> Schedule meeting</a>@endsection
@section('content')
<nav class="ac-tabs"><a href="{{ route('admin.meetings.index') }}" class="{{ $when !== 'past' ? 'active' : '' }}">Upcoming</a><a href="{{ route('admin.meetings.index', ['when' => 'past']) }}" class="{{ $when === 'past' ? 'active' : '' }}">Past</a></nav>
<div class="table-wrap"><table class="table ac-t">
  <thead><tr><th>Meeting</th><th>When</th><th>Type</th><th class="num">Participants</th><th>Host</th><th>Status</th><th class="actions"></th></tr></thead>
  <tbody>
  @forelse($meetings as $m)
    <tr><td><a href="{{ route('admin.meetings.show', $m) }}"><b>{{ $m->title }}</b></a><span class="ac-sub op-mono">{{ $m->code }}</span></td>
      <td class="nowrap">{{ $m->starts_at->format('D d M Y') }}<span class="ac-sub">{{ $m->starts_at->format('h:i A') }} · {{ $m->duration_minutes }} min</span></td>
      <td>{{ \App\Models\Meeting::TYPES[$m->type] ?? ucfirst($m->type) }}</td><td class="num">{{ $m->participants_count }}</td><td>{{ $m->host?->name ?? '—' }}</td><td><x-pill :status="$m->status"/></td>
      <td class="actions"><a class="icon-btn" href="{{ route('admin.meetings.show', $m) }}" aria-label="Open"><x-icon name="eye" :size="16"/></a></td></tr>
  @empty
    <tr><td colspan="7" class="table-empty"><x-empty icon="calendar" title="No meetings" text="Schedule a counselling call, demo class or orientation and invite learners, leads or a whole batch."><a class="btn btn-primary btn-sm" href="{{ route('admin.meetings.create') }}">Schedule meeting</a></x-empty></td></tr>
  @endforelse
  </tbody></table></div>
{{ $meetings->links() }}
@endsection