@php
  $fs = fn (string $s) => route('scenario.workspace.show', [$account, $scenario, $s]);
  $subItems = [
    'line-register-page' => 'LINE登録ページ',
    'line-register-page-settings' => 'LINE登録ページ設定',
  ];
  $currentSub = in_array($slug, array_keys($subItems), true) ? $slug : 'line-register-page';
  $openUrl = url('/line/open/'.$scenario->uid);
@endphp

<div class="card scenario-ws-card mb-3">
  <div class="card-body">
    <h2 class="h5 mb-2">LINE登録ページ</h2>
    <p class="text-muted small mb-3">ゲスト向けURLを配布し、QRコードから公式LINEを友だち追加してもらうためのページです。</p>

    <div class="d-flex flex-wrap gap-2 mb-3">
      @foreach($subItems as $subSlug => $label)
        <a href="{{ $fs($subSlug) }}" class="btn btn-sm {{ $currentSub === $subSlug ? 'btn-primary' : 'btn-outline-primary' }}">{{ $label }}</a>
      @endforeach
    </div>

    @if($currentSub === 'line-register-page')
      <div class="border rounded-3 p-3 bg-light-subtle mb-3">
        <div class="fw-semibold mb-2">公開URL</div>
        <p class="small text-muted mb-2">LINE友だち追加へ案内する公開URLです。</p>
        <div class="small mb-2">
          <a href="{{ $openUrl }}" target="_blank" rel="noopener noreferrer">{{ $openUrl }}</a>
        </div>
        <p class="small text-muted mb-0">QRコード画像は QuickChart のサービスで生成しています（URLに友だち追加リンクが含まれます）。送信用アカウントに <strong>ベーシックID</strong> が無い場合は案内メッセージのみ表示されます。</p>
      </div>
      <div class="d-flex flex-wrap gap-2">
        <a href="{{ $openUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn-outline-primary btn-sm"><i class="bi bi-box-arrow-up-right me-1"></i>LINE登録ページを開く</a>
        <a href="{{ $fs('line-register-page-settings') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-sliders me-1"></i>LINE登録ページ設定</a>
      </div>
    @elseif($currentSub === 'line-register-page-settings')
      <div class="border rounded-3 p-3 mb-3">
        <div class="fw-semibold mb-2">LINE登録ページ設定</div>
        <p class="small text-muted mb-0">公開ページの <code>&lt;head&gt;</code> 末尾・<code>&lt;body&gt;</code> 先頭／末尾に挿入するJavaScriptです。<strong>scriptタグを含めて</strong>入力してください。</p>
      </div>
      <form method="POST" action="{{ route('scenario.workspace.line-register-settings.update', [$account, $scenario]) }}" class="row g-3">
        @csrf
        @method('PUT')
        <div class="col-12">
          <label class="form-label fw-semibold">重複登録</label>
          <div class="d-flex flex-wrap gap-3">
            <div class="form-check">
              <input class="form-check-input" type="radio" name="allow_duplicate_registration" id="line_dup_1" value="1" {{ old('allow_duplicate_registration', $lineRegisterSettings->allow_duplicate_registration ? '1' : '0') === '1' ? 'checked' : '' }}>
              <label class="form-check-label" for="line_dup_1">許可する</label>
            </div>
            <div class="form-check">
              <input class="form-check-input" type="radio" name="allow_duplicate_registration" id="line_dup_0" value="0" {{ old('allow_duplicate_registration', $lineRegisterSettings->allow_duplicate_registration ? '1' : '0') === '0' ? 'checked' : '' }}>
              <label class="form-check-label" for="line_dup_0">許可しない</label>
            </div>
          </div>
          <div class="form-text">※ 現状の友だち追加フローでは未使用です。今後、LINEユーザーと読者の紐付けで利用する予定の保存項目です。</div>
        </div>
        <div class="col-12">
          <label class="form-label fw-semibold" for="line_open_head_js">headタグの最後に挿入するJavaScript</label>
          <textarea name="line_open_head_js" id="line_open_head_js" rows="4" class="form-control font-monospace small @error('line_open_head_js') is-invalid @enderror">{{ old('line_open_head_js', $lineRegisterSettings->line_open_head_js) }}</textarea>
          @error('line_open_head_js')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-12">
          <label class="form-label fw-semibold" for="line_open_body_start_js">bodyタグの最初に挿入するJavaScript</label>
          <textarea name="line_open_body_start_js" id="line_open_body_start_js" rows="4" class="form-control font-monospace small @error('line_open_body_start_js') is-invalid @enderror">{{ old('line_open_body_start_js', $lineRegisterSettings->line_open_body_start_js) }}</textarea>
          @error('line_open_body_start_js')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-12">
          <label class="form-label fw-semibold" for="line_open_body_end_js">bodyタグの最後に挿入するJavaScript</label>
          <textarea name="line_open_body_end_js" id="line_open_body_end_js" rows="4" class="form-control font-monospace small @error('line_open_body_end_js') is-invalid @enderror">{{ old('line_open_body_end_js', $lineRegisterSettings->line_open_body_end_js) }}</textarea>
          @error('line_open_body_end_js')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-12">
          <button type="submit" class="btn btn-success"><i class="bi bi-check2 me-1"></i>保存</button>
        </div>
      </form>
    @endif
  </div>
</div>