@extends('layouts.app')
@section('title', $event->name.' — 担当者設定')
@section('page-title', $event->name)
@section('content')
@include('event.partials._workspace_toolbar')

<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
  <p class="small text-muted mb-0">担当者ごとに通知先・オンライン会議・受付可能な曜日・時間帯を設定します（Googleカレンダー連携はありません）。</p>
  <a href="{{ route('event.staff.create', $event) }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>担当者を追加</a>
</div>

@if($staffMembers->isEmpty())
<div class="card"><div class="card-body text-center py-5">
  <i class="bi bi-people" style="font-size:3rem;color:#ddd;"></i>
  <h5 class="mt-3 text-muted">担当者が登録されていません</h5>
  <a href="{{ route('event.staff.create', $event) }}" class="btn btn-primary mt-2">担当者を追加する</a>
</div></div>
@else
<div class="card">
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th class="ps-4">担当者名</th>
            <th>管理名称</th>
            <th>オンライン会議</th>
            <th>メール通知</th>
            <th>チャット通知</th>
            <th class="text-end pe-4">操作</th>
          </tr>
        </thead>
        <tbody>
          @foreach($staffMembers as $staff)
          <tr>
            <td class="ps-4 fw-semibold">{{ $staff->name }}</td>
            <td class="text-muted small">{{ $staff->admin_name ?: '—' }}</td>
            <td class="small">{{ $staff->onlineMeetingServiceLabel() }}
              @if($staff->isZoomLinked())<span class="badge bg-light text-dark border ms-1">設定済</span>@endif
            </td>
            <td class="small">{{ $staff->notify_emails ? 'あり' : '—' }}</td>
            <td class="small">{{ $staff->chat_notify_destination !== 'none' ? strtoupper($staff->chat_notify_destination) : '通知しない' }}</td>
            <td class="text-end pe-4 text-nowrap">
              <div class="d-inline-flex flex-nowrap align-items-center gap-1" role="group" aria-label="担当者操作">
                <a href="{{ route('event.staff.edit', [$event, $staff]) }}" class="btn btn-sm btn-outline-secondary" title="設定を開く">
                  <i class="bi bi-gear" aria-hidden="true"></i><span class="ms-1">設定</span>
                </a>
                <form method="POST" action="{{ route('event.staff.destroy', [$event, $staff]) }}" class="m-0" onsubmit="return confirm('この担当者を削除しますか？')">
                  @csrf @method('DELETE')
                  <button type="submit" class="btn btn-sm btn-outline-danger" title="削除">
                    <i class="bi bi-trash" aria-hidden="true"></i><span class="ms-1">削除</span>
                  </button>
                </form>
              </div>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endif
@endsection