@extends('layouts.app')
@section('title', $site->name.' - ラベル設定')
@section('page-title', $site->name.' - ラベル設定')
@section('page-subtitle-heading', '【この画面でできること】')
@section('page-subtitle')
会員サイトの受講生に付ける<strong>ラベル名</strong>を登録します。コース基本設定の「受講対象者＝ラベル」や、受講生管理での付与に使います。
@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>
  <a href="{{ route('site.members.index', $site) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-person me-1"></i>受講生管理</a>
</div>

<div class="card mb-3">
  <div class="card-body">
    @if(session('success'))
      <div class="alert alert-success py-2 small mb-3">{{ session('success') }}</div>
    @endif
    @if(session('error'))
      <div class="alert alert-danger py-2 small mb-3">{{ session('error') }}</div>
    @endif
    @if($errors->any())
      <div class="alert alert-danger py-2 small mb-3">
        <ul class="mb-0 ps-3">
          @foreach($errors->all() as $err)
            <li>{{ $err }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <div class="border rounded-3 p-3 mb-4 bg-light-subtle">
      <div class="fw-semibold small mb-2">ラベルを追加</div>
      <form method="post" action="{{ route('site.labels.store', $site) }}" class="row g-2 align-items-end">
        @csrf
        <div class="col-12 col-md-8">
          <label class="form-label small mb-1">ラベル名</label>
          <input type="text" name="name" class="form-control form-control-sm" value="{{ old('name') }}" maxlength="191" placeholder="例: VIP会員" required>
        </div>
        <div class="col-12 col-md-4">
          <button type="submit" class="btn btn-success btn-sm w-100 w-md-auto"><i class="bi bi-plus-lg me-1"></i>追加</button>
        </div>
      </form>
    </div>

    <div class="border rounded-3">
      <div class="px-3 py-2 border-bottom fw-semibold small">登録一覧（表示順）</div>
      <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th style="min-width:12rem;">ラベル名</th>
              <th style="min-width:6rem;">受講生数</th>
              <th style="width:7rem;">表示順</th>
              <th style="width:5rem;"></th>
            </tr>
          </thead>
          <tbody>
            @forelse($labelRows as $row)
              <tr>
                <td>
                  <form method="post" action="{{ route('site.labels.update', [$site, $row['id']]) }}" class="d-flex flex-wrap gap-1 align-items-center">
                    @csrf
                    @method('PUT')
                    <input type="text" name="name" class="form-control form-control-sm flex-grow-1" style="min-width:10rem;" value="{{ $row['name'] }}" maxlength="191" required>
                    <button type="submit" class="btn btn-outline-secondary btn-sm text-nowrap">名前を保存</button>
                  </form>
                </td>
                <td><span class="text-muted small"><i class="bi bi-person me-1"></i>{{ (int) $row['member_count'] }}</span></td>
                <td>
                  <div class="btn-group btn-group-sm">
                    <form method="post" action="{{ route('site.labels.move', [$site, $row['id']]) }}" class="d-inline">
                      @csrf
                      <input type="hidden" name="dir" value="up">
                      <button type="submit" class="btn btn-light border" title="上へ">↑</button>
                    </form>
                    <form method="post" action="{{ route('site.labels.move', [$site, $row['id']]) }}" class="d-inline">
                      @csrf
                      <input type="hidden" name="dir" value="down">
                      <button type="submit" class="btn btn-light border" title="下へ">↓</button>
                    </form>
                  </div>
                </td>
                <td>
                  <form method="post" action="{{ route('site.labels.destroy', [$site, $row['id']]) }}" onsubmit="return confirm('このラベル定義を削除しますか？\n既に受講生に付いているラベル文字列は自動では消えません。')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger btn-sm">削除</button>
                  </form>
                </td>
              </tr>
            @empty
              <tr><td colspan="4" class="text-center text-muted py-4">ラベルがありません</td></tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
    <p class="form-text mt-3 mb-0">一覧から名前を消しても、既に受講生に付いているラベルは自動では外れません。コースの受講対象に使う場合は、ここで登録したラベルを受講生管理で付与してください。</p>
  </div>
</div>
@endsection