@extends('layouts.app')
@section('title', $site->name.' - 会員一覧')
@section('page-title', $site->name.' - 会員一覧')
@section('page-subtitle-heading', '【この画面でできること】')
@section('page-subtitle')
会員の追加・削除、パスワード再設定、<strong>コース単体</strong>または<strong>コースの結合（複数まとめ）</strong>のアクセス付与を行います。コース1本だけ開放するときはコースの結合は不要です。
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <a href="{{ route('site.show', $site) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>コース管理へ</a>
  <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addMemberModal"><i class="bi bi-person-plus me-1"></i>会員を追加</button>
</div>

<div class="card"><div class="card-body p-0">
  <div class="table-responsive">
    <table class="table table-hover mb-0">
      <thead class="table-light">
        <tr>
          <th class="ps-4">メール</th>
          <th>名前</th>
          <th>ラベル</th>
          <th>開放中のコース・結合</th>
          <th class="text-end pe-4">操作</th>
        </tr>
      </thead>
      <tbody>
        @forelse($members as $m)
        <tr>
          <td class="ps-4 small">{{ $m->email }}</td>
          <td class="small">{{ $m->name ?: '—' }}</td>
          <td class="small">
            @if(is_array($m->labels) && count($m->labels) > 0)
              @foreach($m->labels as $lbl)
                <span class="badge bg-secondary-subtle text-secondary-emphasis border me-1 mb-1">{{ $lbl }}</span>
              @endforeach
            @else
              <span class="text-muted">—</span>
            @endif
          </td>
          <td class="small">
            @if($m->bundleGrants->isEmpty())
              <span class="text-muted">なし</span>
            @else
              @foreach($m->bundleGrants as $g)
                <span class="badge bg-light text-dark me-1">{{ $g->courseBundle?->isLegacySingleCoursePack() ? ($g->courseBundle->legacySourceCourse?->name ?? $g->courseBundle->name) : ($g->courseBundle?->name ?? 'bundle #'.$g->course_bundle_id) }} / {{ $g->source === 'manual' ? '手動' : $g->source }}</span>
              @endforeach
            @endif
          </td>
          <td class="text-end pe-4">
            <button class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#labelsModal{{ $m->id }}">ラベル</button>
            <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#grantModal{{ $m->id }}">付与</button>
            <button class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#pwdModal{{ $m->id }}">PW</button>
            <form method="POST" action="{{ route('site.members.destroy', [$site, $m]) }}" class="d-inline" onsubmit="return confirm('削除しますか？')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger">削除</button>
            </form>
          </td>
        </tr>
        @empty
        <tr><td colspan="5" class="text-center text-muted py-4">会員がいません</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div></div>
<div class="mt-3">{{ $members->links() }}</div>

{{-- 会員追加 --}}
<div class="modal fade" id="addMemberModal" tabindex="-1">
  <div class="modal-dialog"><div class="modal-content">
    <form method="POST" action="{{ route('site.members.store', $site) }}">
      @csrf
      <div class="modal-header"><h5 class="modal-title">会員を追加</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">
        <div class="mb-3"><label class="form-label">メール</label><input type="email" name="email" class="form-control" required></div>
        <div class="mb-3"><label class="form-label">パスワード（8文字以上）</label><input type="password" name="password" class="form-control" required></div>
        <div class="mb-0"><label class="form-label">表示名</label><input type="text" name="name" class="form-control"></div>
      </div>
      <div class="modal-footer"><button type="submit" class="btn btn-primary">追加</button></div>
    </form>
  </div></div>
</div>

@foreach($members as $m)
@php
  $memberLabelSet = [];
  if (is_array($m->labels)) {
      foreach ($m->labels as $lbl) {
          $memberLabelSet[mb_strtolower(trim((string) $lbl))] = true;
      }
  }
@endphp
<div class="modal fade" id="labelsModal{{ $m->id }}" tabindex="-1">
  <div class="modal-dialog"><div class="modal-content">
    <form method="POST" action="{{ route('site.members.labels.update', [$site, $m]) }}">
      @csrf
      <div class="modal-header"><h5 class="modal-title">ラベル編集 — {{ $m->email }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">
        @if(($registeredLabels ?? collect())->isEmpty())
          <div class="alert alert-warning small mb-0">先に <a href="{{ route('site.labels.index', $site) }}">ラベル設定</a> でラベル名を登録してください。</div>
        @else
          <p class="small text-muted">登録済みのラベルから選んで付与します（最大20件）。</p>
          <div class="d-flex flex-column gap-1">
            @foreach($registeredLabels as $regLabel)
              @php $norm = mb_strtolower(trim((string) $regLabel->name)); @endphp
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="label_names[]" id="member{{ $m->id }}_label{{ $regLabel->id }}" value="{{ $regLabel->name }}" @checked(isset($memberLabelSet[$norm]))>
                <label class="form-check-label" for="member{{ $m->id }}_label{{ $regLabel->id }}">{{ $regLabel->name }}</label>
              </div>
            @endforeach
          </div>
        @endif
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary" @disabled(($registeredLabels ?? collect())->isEmpty())>保存</button>
      </div>
    </form>
  </div></div>
</div>
<div class="modal fade" id="grantModal{{ $m->id }}" tabindex="-1">
  <div class="modal-dialog"><div class="modal-content">
    <form method="POST" action="{{ route('site.members.grants.store', [$site, $m]) }}">
      @csrf
      <div class="modal-header"><h5 class="modal-title">コース・結合を付与</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">
        @if($siteCourses->isEmpty() && $courseBundles->isEmpty())
          <div class="alert alert-warning small mb-0">先に <a href="{{ route('site.show', $site) }}">コース一覧</a> で教材コースを作成してください。</div>
        @else
          <label class="form-label small">開放する対象</label>
          <select name="grant_target" class="form-select" required>
            @if($siteCourses->isNotEmpty())
            <optgroup label="コース（単体で開放）">
              @foreach($siteCourses as $c)
              <option value="course:{{ $c->id }}">{{ $c->name }}（{{ $c->status === 'published' ? '公開' : '下書き' }}）</option>
              @endforeach
            </optgroup>
            @endif
            @if($courseBundles->isNotEmpty())
            <optgroup label="コースの結合（複数コースをまとめたセット）">
              @foreach($courseBundles as $b)
              <option value="bundle:{{ $b->id }}">{{ $b->name }}（{{ $b->status === 'published' ? '公開' : '下書き' }}）</option>
              @endforeach
            </optgroup>
            @endif
          </select>
          @if($courseBundles->isEmpty())
          <p class="small text-muted mt-2 mb-0">複数コースをセットで渡すときだけ <a href="{{ route('site.bundle-settings', $site) }}">コースの結合</a> でまとめを作成します。</p>
          @endif
        @endif
        @if($m->bundleGrants->isNotEmpty())
          <hr>
          <div class="small fw-semibold mb-2">付与済み</div>
          @foreach($m->bundleGrants as $grant)
            <div class="d-flex justify-content-between align-items-center border rounded px-2 py-1 mb-2">
              <span class="small">{{ $grant->courseBundle?->isLegacySingleCoursePack() ? ($grant->courseBundle->legacySourceCourse?->name ?? $grant->courseBundle->name) : ($grant->courseBundle?->name ?? 'bundle #'.$grant->course_bundle_id) }}</span>
              <button type="submit" form="deleteGrant{{ $grant->id }}" class="btn btn-sm btn-outline-danger">削除</button>
            </div>
          @endforeach
        @endif
      </div>
      <div class="modal-footer"><button type="submit" class="btn btn-primary" @disabled($siteCourses->isEmpty() && $courseBundles->isEmpty())>付与</button></div>
    </form>
    @foreach($m->bundleGrants as $grant)
      <form id="deleteGrant{{ $grant->id }}" method="POST" action="{{ route('site.members.grants.destroy', [$site, $m, $grant]) }}">
        @csrf @method('DELETE')
      </form>
    @endforeach
  </div></div>
</div>
<div class="modal fade" id="pwdModal{{ $m->id }}" tabindex="-1">
  <div class="modal-dialog"><div class="modal-content">
    <form method="POST" action="{{ route('site.members.password', [$site, $m]) }}">
      @csrf @method('PUT')
      <div class="modal-header"><h5 class="modal-title">パスワード変更</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">
        <input type="password" name="password" class="form-control" required placeholder="新しいパスワード">
      </div>
      <div class="modal-footer"><button type="submit" class="btn btn-primary">更新</button></div>
    </form>
  </div></div>
</div>
@endforeach
@endsection