{{--
    Assign Sessions — Service Manager books their team (Care Workers) onto sessions.
    From TeamSessionController@index: $sessions, $teamCount
--}}
@extends('layouts.app')
@section('title', 'Assign Sessions')
@section('content')

  @include('partials.flash')

  <div class="flex items-center gap-2 mb-stack-lg">
    <span class="material-symbols-outlined text-primary">group_add</span>
    <p class="text-body-md font-body-md text-outline">Book your team of <strong class="text-on-surface">{{ $teamCount }}</strong> care {{ Str::plural('worker', $teamCount) }} onto upcoming sessions.</p>
  </div>

  @if($sessions->isEmpty())
    <div class="surface-card rounded-xl px-6 py-12 text-center">
      <span class="material-symbols-outlined text-[42px] text-outline mb-2">event_busy</span>
      <p class="text-body-lg font-body-lg text-on-surface font-semibold">No upcoming sessions</p>
      <p class="text-body-md font-body-md text-outline">New training dates will appear here once scheduled.</p>
    </div>
  @else
    <div class="surface-card rounded-xl overflow-hidden">
      <div class="overflow-x-auto">
        <table class="w-full text-left min-w-[720px]">
          <thead class="bg-surface-container-high">
            <tr class="text-label-md font-label-md text-outline uppercase tracking-wide">
              <th class="px-5 py-3">Session</th>
              <th class="px-5 py-3">Date & Time</th>
              <th class="px-5 py-3">Format</th>
              <th class="px-5 py-3">Team Booked</th>
              <th class="px-5 py-3 text-right">Action</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-outline-variant">
            @foreach($sessions as $session)
              <tr class="text-body-md font-body-md text-on-surface">
                <td class="px-5 py-4 font-semibold">{{ $session->title }}</td>
                <td class="px-5 py-4 text-on-surface-variant whitespace-nowrap">
                  {{ $session->session_date->format('j M Y') }}
                  <span class="text-outline">· {{ \Carbon\Carbon::parse($session->start_time)->format('H:i') }}</span>
                </td>
                <td class="px-5 py-4">
                  <span class="inline-block text-label-md font-label-md px-2.5 py-1 rounded-full {{ $session->format === 'in_person' ? 'bg-secondary-container text-on-secondary-container' : 'bg-surface-container-high text-secondary' }}">
                    {{ $session->format === 'in_person' ? 'In-Person' : 'Online' }}
                  </span>
                </td>
                <td class="px-5 py-4 text-on-surface-variant">{{ $session->team_registered_count }} / {{ $teamCount }}</td>
                <td class="px-5 py-4 text-right">
                  <a href="{{ route('service_manager.team.session.manage', $session) }}"
                     class="inline-flex items-center gap-1.5 bg-primary text-on-primary px-4 py-2 rounded-lg text-label-md font-label-md hover:opacity-90 transition-opacity">
                    <span class="material-symbols-outlined text-[18px]">how_to_reg</span> Manage
                  </a>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  @endif

@endsection