@extends('layouts.app')
@section('title', $scenario->name . ' - ' . $pageTitle)
@php
  $scenarioGroupName = optional($scenario->group)->name ?: '未分類';
@endphp
@section('page-title', $scenarioGroupName . ' / ' . $scenario->name)
@section('page-subtitle', '選択中のシナリオ画面です。メール向け・LINE向けの設定は、それぞれの列にまとめています。')
@push('styles')
<style>
.scenario-ws-card { border-radius: 10px; }
.scenario-ws-nav .list-group-item { padding: 0.55rem 1rem; font-size: 0.9rem; }
.scenario-ws-nav .list-group-item a { text-decoration: none; color: #2b4f9b; }
.scenario-ws-nav .list-group-item a:hover { text-decoration: underline; }
.scenario-ws-nav .badge-stub { font-size: 0.65rem; font-weight: 600; }
</style>
@endpush
@section('content')
@include('account.scenario._workspace_archive_bar', ['account' => $account, 'scenario' => $scenario, 'slug' => $slug])
@if($slug === 'overview')
  @php
    // 各メニューのアイコンと一言説明（初期設定と同じタイル型で見やすく）
    $wsMeta = [
      '読者一覧' => ['bi-people', '登録している読者の一覧・追加・状態変更'],
      '読者数推移' => ['bi-graph-up', '日別の登録・解除と読者数の推移'],
      'メール一斉送信' => ['bi-envelope-paper', '対象の読者へメールを一斉送信'],
      'ステップ配信' => ['bi-clock-history', '登録からの経過で順番に自動送信'],
      'リマインダ配信' => ['bi-alarm', 'イベント前後に自動でリマインド'],
      '予約中' => ['bi-hourglass-split', 'これから送る予約分の一覧'],
      '送信済' => ['bi-check2-circle', '送信済みメールの記録'],
      'メール配信エラー' => ['bi-envelope-exclamation', '送信に失敗したメール'],
      '登録フォーム・読者項目' => ['bi-input-cursor-text', '登録フォームの項目を設定'],
      '登録・解除フォーム' => ['bi-ui-checks', '公開の登録／解除フォーム'],
      '登録経路' => ['bi-signpost-2', 'どこから登録されたかの管理'],
      '独自置き換え文字' => ['bi-braces', '%name% などの差し込み文字'],
      'LINEチャット' => ['bi-chat-dots', '友だちと1対1でやり取り'],
      '読者数推移(LINE)' => ['bi-graph-up', 'LINE読者の推移'],
      '登録経路（LINE）' => ['bi-signpost', 'LINEの流入経路'],
      'LINE一斉送信' => ['bi-send', '友だちへLINEを一斉送信'],
      'LINEステップ配信' => ['bi-clock-history', '登録からの経過でLINEを自動送信'],
      'LINE友だち' => ['bi-person-hearts', '友だちの一覧・取り込み'],
      'LINE自動応答' => ['bi-robot', 'キーワードに自動で返信'],
      'LINEリッチメニュー' => ['bi-grid-3x3-gap', 'トーク下部のメニューを設定'],
      'LINEテンプレート' => ['bi-file-text', 'よく使う定型文を保存'],
      'LINEカスタム送信者' => ['bi-person-badge', '送信者の名前・アイコン'],
      'LINEアカウント' => ['bi-gear', 'LINE連携の設定'],
      'LINE通知設定' => ['bi-bell', '申込などの通知'],
      'LINE配信エラー' => ['bi-exclamation-triangle', '送信に失敗したLINE'],
      'LINE登録ページ' => ['bi-file-earmark-person', 'LINE友だち追加ページ'],
      'ラベル設定' => ['bi-tags', '読者に付けるラベルの管理'],
      'シナリオ設定' => ['bi-sliders', 'シナリオの既定値・紐づけ'],
    ];
  @endphp
  <style>
    .ws-section-title { font-size: .95rem; font-weight: 700; color: #334155; margin: 1.25rem 0 .6rem; display: flex; align-items: center; gap: .4rem; }
    .ws-section-title .bi { color: #4f77cf; }
    .ws-cols { display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: flex-start; }
    .ws-col-mail, .ws-col-line { flex: 2 1 340px; min-width: 0; }
    .ws-col-common { flex: 1 1 220px; min-width: 0; }
    .ws-col-mail .ws-tile-grid, .ws-col-line .ws-tile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
    .ws-col-common .ws-tile-grid { display: grid; grid-template-columns: 1fr; gap: .6rem; }
    @media (max-width: 640px) { .ws-col-mail .ws-tile-grid, .ws-col-line .ws-tile-grid { grid-template-columns: 1fr; } }
    .ws-cols .ws-section-title { margin-top: .25rem; }
    .ws-tile { display: flex; align-items: flex-start; gap: .7rem; padding: .8rem .9rem; border: 1px solid #e5ebf5; border-radius: 12px; background: #fff; text-decoration: none; color: inherit; transition: box-shadow .12s, transform .12s, border-color .12s; height: 100%; }
    .ws-tile:hover { box-shadow: 0 6px 18px rgba(15,23,42,.08); border-color: #c8dcff; transform: translateY(-1px); }
    .ws-tile-icon { flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg,#eef4ff,#f7f0ff); color: #2b4f9b; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
    .ws-tile-title { font-weight: 600; font-size: .92rem; color: #2f3f59; display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
    .ws-tile-desc { font-size: .76rem; color: #7683a0; margin-top: .15rem; line-height: 1.45; }
    .ws-tile-badge { font-size: .62rem; font-weight: 700; padding: .05rem .4rem; border-radius: 999px; }
    .ws-tile-badge--ok { background: #e8f2ff; color: #2454a6; }
    .ws-tile-badge--soon { background: #f1f3f5; color: #6c757d; }
    .ws-tile--stub { opacity: .72; }
    .ws-tile--stub .ws-tile-icon { background: #f1f3f5; color: #94a3b8; }
  </style>

  <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
    <a href="{{ route('scenario.global.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>シナリオ一覧へ戻る</a>
  </div>
  <p class="app-help text-muted small mb-2">やりたいことのカードを選んでください。「準備中」以外はすぐ使えます。</p>

  <div class="ws-cols">
  @if($hasMailChannel)
   <div class="ws-col-mail">
    <div class="ws-section-title"><i class="bi bi-envelope"></i>メール管理</div>
    <div class="ws-tile-grid">
      @foreach($workspaceNav['delivery'] as $item)
        @php $m = $wsMeta[$item['label']] ?? ['bi-arrow-right-circle', '']; @endphp
        <a href="{{ $item['href'] }}" class="ws-tile {{ $item['stub'] ? 'ws-tile--stub' : '' }}">
          <div class="ws-tile-icon"><i class="bi {{ $m[0] }}"></i></div>
          <div>
            <div class="ws-tile-title">{{ $item['label'] }}
              <span class="ws-tile-badge {{ $item['stub'] ? 'ws-tile-badge--soon' : 'ws-tile-badge--ok' }}">{{ $item['stub'] ? '準備中' : '利用可' }}</span>
            </div>
            @if(!empty($m[1]))
            <div class="ws-tile-desc">{{ $m[1] }}</div>
            @endif
          </div>
        </a>
      @endforeach
    </div>
   </div>
  @endif

  @if($hasLineChannel)
   <div class="ws-col-line">
    <div class="ws-section-title"><i class="bi bi-chat-dots"></i>LINE管理</div>
    <div class="ws-tile-grid">
      @foreach($workspaceNav['line'] as $item)
        @php $m = $wsMeta[$item['label']] ?? ['bi-arrow-right-circle', '']; @endphp
        <a href="{{ $item['href'] }}" class="ws-tile {{ $item['stub'] ? 'ws-tile--stub' : '' }}">
          <div class="ws-tile-icon"><i class="bi {{ $m[0] }}"></i></div>
          <div>
            <div class="ws-tile-title">{{ $item['label'] }}
              <span class="ws-tile-badge {{ $item['stub'] ? 'ws-tile-badge--soon' : 'ws-tile-badge--ok' }}">{{ $item['stub'] ? '準備中' : '利用可' }}</span>
            </div>
            @if(!empty($m[1]))
            <div class="ws-tile-desc">{{ $m[1] }}</div>
            @endif
          </div>
        </a>
      @endforeach
    </div>
   </div>
  @endif

  <div class="ws-col-common">
   <div class="ws-section-title"><i class="bi bi-sliders"></i>共通（設定など）</div>
   <div class="ws-tile-grid ws-tile-grid--single mb-3">
    @foreach($workspaceNav['settings'] as $item)
      @php $m = $wsMeta[$item['label']] ?? ['bi-arrow-right-circle', '']; @endphp
      <a href="{{ $item['href'] }}" class="ws-tile {{ $item['stub'] ? 'ws-tile--stub' : '' }}">
        <div class="ws-tile-icon"><i class="bi {{ $m[0] }}"></i></div>
        <div>
          <div class="ws-tile-title">{{ $item['label'] }}
            <span class="ws-tile-badge {{ $item['stub'] ? 'ws-tile-badge--soon' : 'ws-tile-badge--ok' }}">{{ $item['stub'] ? '準備中' : '利用可' }}</span>
          </div>
          @if(!empty($m[1]))
            <div class="ws-tile-desc">{{ $m[1] }}</div>
            @endif
        </div>
      </a>
    @endforeach
   </div>
  </div>
  </div>
@elseif($slug === 'registration-fields')
  @include('account.scenario._registration_fields', ['account' => $account, 'scenario' => $scenario, 'readerFormFields' => $readerFormFields])
@elseif($slug === 'registration-routes')
  @include('account.scenario._registration_routes', [
    'account' => $account,
    'scenario' => $scenario,
    'mailRegistrationRoutes' => $mailRegistrationRoutes ?? collect(),
    'lineRegistrationRoutes' => $lineRegistrationRoutes ?? collect(),
    'lineRouteSubscriberCounts' => $lineRouteSubscriberCounts ?? [],
    'lineRouteVisitCounts' => $lineRouteVisitCounts ?? [],
    'lineRouteFollowCounts' => $lineRouteFollowCounts ?? [],
    'activeRegistrationRoutesTab' => $activeRegistrationRoutesTab ?? 'email',
    'hasMailChannel' => $hasMailChannel,
    'hasLineChannel' => $hasLineChannel,
  ])
@elseif(in_array($slug, ['form-unsubscribe', 'form-unsubscribe-register', 'form-unsubscribe-cancel', 'form-unsubscribe-settings', 'form-unsubscribe-tags'], true))
  @include('account.scenario._form_unsubscribe', ['account' => $account, 'scenario' => $scenario, 'slug' => $slug, 'publicFormSettings' => $publicFormSettings, 'embedSnippet' => $embedSnippet ?? null, 'embedFormFields' => $embedFormFields ?? collect()])
@elseif(in_array($slug, ['line-register-page', 'line-register-page-settings'], true))
  @include('account.scenario._line_register', ['account' => $account, 'scenario' => $scenario, 'slug' => $slug, 'lineRegisterSettings' => $lineRegisterSettings])
@elseif($slug === 'scenario-settings')
  @include('account.scenario._scenario_settings_form', [
    'account' => $account,
    'scenario' => $scenario,
    'scenarioGroups' => $scenarioGroupsForSettings,
    'extended' => $scenarioExtendedSetting,
    'readerFormFieldsForSettings' => $readerFormFieldsForSettings,
    'customPlaceholdersForSettings' => $customPlaceholdersForSettings,
    'mailAccounts' => $mailAccounts ?? collect(),
    'lineAccounts' => $lineAccounts ?? collect(),
  ])
@elseif($slug === 'placeholders')
  @include('account.scenario._custom_placeholders', [
    'account' => $account,
    'scenario' => $scenario,
    'accountCustomPlaceholders' => $customPlaceholdersForSettings,
    'scenarioPlaceholderValuesByPhId' => $scenarioPlaceholderValuesByPhId,
  ])
@elseif($slug === 'label-settings')
  @include('account.scenario._label_settings', [
    'account' => $account,
    'scenario' => $scenario,
    'scenarioLabelRows' => $scenarioLabelRows ?? collect(),
  ])
@elseif($slug === 'line-notifications')
  @include('account.scenario._line_notifications', [
    'account' => $account,
    'scenario' => $scenario,
    'extended' => $scenarioExtendedSetting,
  ])
@elseif($slug === 'line-auto-reply')
  @include('account.scenario._line_auto_reply', [
    'account' => $account,
    'scenario' => $scenario,
    'lineAutoReplyRows' => $lineAutoReplyRows ?? collect(),
  ])
@elseif($slug === 'line-chat')
  @include('account.scenario._line_chat', [
    'account' => $account,
    'scenario' => $scenario,
    'lineAccount' => $lineAccount,
    'lineChatFriends' => $lineChatFriends,
    'lineChatTimeline' => $lineChatTimeline,
    'lineChatSelectedLineUserId' => $lineChatSelectedLineUserId,
    'lineChatSelectedSubscriber' => $lineChatSelectedSubscriber,
    'lineChatSearchQuery' => $lineChatSearchQuery,
    'lineBotPictureUrl' => $lineBotPictureUrl,
    'lineBotDisplayName' => $lineBotDisplayName,
  ])
@elseif($slug === 'line-friends')
  @include('account.scenario._line_friends', [
    'account' => $account,
    'scenario' => $scenario,
    'lineAccount' => $lineAccount,
    'lineFriendsRows' => $lineFriendsRows ?? collect(),
    'lineFriendsNameQuery' => $lineFriendsNameQuery,
    'lineFriendsLabelQuery' => $lineFriendsLabelQuery,
    'lineFriendsLabelSuggestions' => $lineFriendsLabelSuggestions ?? collect(),
    'scenarioLabelRows' => $scenarioLabelRows ?? collect(),
  ])
@elseif($slug === 'bulk-email')
  @include('account.scenario._bulk_email', ['account' => $account, 'scenario' => $scenario])
@elseif($slug === 'bulk-line')
  @include('account.scenario._line_bulk', ['account' => $account, 'scenario' => $scenario])
@elseif($slug === 'line-delivery-errors')
  @include('account.scenario._line_delivery_errors', [
    'account' => $account,
    'scenario' => $scenario,
    'lineDeliveryErrors' => $lineDeliveryErrors ?? collect(),
  ])
@elseif($slug === 'line-template')
  @include('account.scenario._line_templates', [
    'account' => $account,
    'scenario' => $scenario,
    'lineTemplates' => $lineTemplates ?? collect(),
  ])
@elseif($slug === 'line-custom-sender')
  @include('account.scenario._line_custom_senders', [
    'account' => $account,
    'scenario' => $scenario,
    'lineCustomSenders' => $lineCustomSenders ?? collect(),
  ])
@elseif($slug === 'line-rich-menu')
  @include('account.scenario._line_rich_menus', [
    'account' => $account,
    'scenario' => $scenario,
    'lineRichMenus' => $lineRichMenus ?? collect(),
  ])
@elseif($slug === 'line-reader-trends')
  @include('account.scenario._line_reader_trends', [
    'account' => $account,
    'scenario' => $scenario,
    'readerTrendRows' => $readerTrendRows ?? [],
    'readerTrendTotals' => $readerTrendTotals ?? [],
    'readerTrendFromStr' => $readerTrendFromStr ?? '',
    'readerTrendToStr' => $readerTrendToStr ?? '',
    'readerTrendRangeError' => $readerTrendRangeError ?? null,
  ])
@elseif($slug === 'reader-trends')
  @include('account.scenario._reader_trends', [
    'account' => $account,
    'scenario' => $scenario,
    'readerTrendRows' => $readerTrendRows ?? [],
    'readerTrendTotals' => $readerTrendTotals ?? [],
    'readerTrendFromStr' => $readerTrendFromStr ?? '',
    'readerTrendToStr' => $readerTrendToStr ?? '',
    'readerTrendRangeError' => $readerTrendRangeError ?? null,
  ])
@elseif($slug === 'reminder-delivery')
  @include('account.scenario._reminder_delivery', [
    'account' => $account,
    'scenario' => $scenario,
    'scenarioReminders' => $scenarioReminders ?? collect(),
    'reminderEvents' => $reminderEvents ?? collect(),
  ])
@elseif($slug === 'email-errors')
  @include('account.scenario._mail_delivery_errors', [
    'account' => $account,
    'scenario' => $scenario,
    'mailDeliveryErrors' => $mailDeliveryErrors ?? collect(),
  ])
@elseif(in_array($slug, ['scheduled', 'sent'], true))
  @include('account.scenario._mail_deliveries', [
    'account' => $account,
    'scenario' => $scenario,
    'mailDeliveries' => $mailDeliveries ?? collect(),
    'status' => $slug === 'scheduled' ? 'reserved' : 'sent',
  ])
@elseif($isStub)
  <div class="card scenario-ws-card mb-3">
    <div class="card-body">
      <h2 class="h5 mb-2">{{ $pageTitle }}</h2>
      <p class="text-muted small mb-3">今後追加予定の<strong>プレースホルダ</strong>です。配信・フォーム・経路などの処理は今後ここに実装します。</p>
      <a href="{{ route('scenario.workspace.show', [$account, $scenario]) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-house-door me-1"></i>シナリオ概要へ戻る</a>
    </div>
  </div>
@endif
@endsection