@extends('layouts.app')
@section('title', 'ファネル設定')
@section('page-title', 'ファネル設定')
@section('content')
<div class="row justify-content-center">
  <div class="col-lg-8">
    <div class="card">
      <div class="card-header">ファネル設定</div>
      <div class="card-body">
        <form method="POST" action="{{ route('funnel.update', $funnel) }}">
          @csrf @method('PUT')
          <div class="mb-3">
            <label class="form-label fw-semibold">ファネル名</label>
            <input type="text" name="name" class="form-control" value="{{ old('name', $funnel->name) }}" required>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">グループ</label>
            <select name="group_id" class="form-select">
              <option value="">グループなし</option>
              @foreach($groups as $group)
                <option value="{{ $group->id }}" {{ $funnel->group_id == $group->id ? 'selected' : '' }}>{{ $group->name }}</option>
              @endforeach
            </select>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">使用する会社</label>
            <select name="business_setting_id" class="form-select">
              <option value="">未選択</option>
              @foreach(($businessSettings ?? collect()) as $business)
                <option value="{{ $business->id }}" @selected((string) old('business_setting_id', $funnel->business_setting_id) === (string) $business->id)>
                  {{ $business->displayName() }}{{ $business->is_default ? '（既定）' : '' }}
                </option>
              @endforeach
            </select>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">公開ステータス</label>
            <select name="status" class="form-select">
              <option value="private" {{ $funnel->status === 'private' ? 'selected' : '' }}>非公開</option>
              <option value="public" {{ $funnel->status === 'public' ? 'selected' : '' }}>公開</option>
            </select>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">ファネルの目的</label>
            <input type="text" name="funnel_goal" class="form-control" value="{{ old('funnel_goal', $funnel->funnel_goal) }}" placeholder="例：メール登録後に個別相談予約へ進める">
            <div class="form-text">ページ制作ではなく、読者をどの状態へ遷移させるかを短く書きます。</div>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">状態遷移設計メモ</label>
            <textarea name="state_transition_notes" class="form-control" rows="5" placeholder="例：LP閲覧 → メール登録 → 教育シナリオ → イベント予約 → リマインド → 決済 → 会員サイト開放">{{ old('state_transition_notes', $funnel->state_transition_notes) }}</textarea>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">ラベル・停止条件メモ</label>
            <textarea name="label_design_notes" class="form-control" rows="4" placeholder="例：optin_登録済、seminar_申込、buyer_商品名、stop_オファー停止">{{ old('label_design_notes', $funnel->label_design_notes) }}</textarea>
          </div>
          <div class="mb-4">
            <label class="form-label fw-semibold">メモ</label>
            <textarea name="memo" class="form-control" rows="3">{{ old('memo', $funnel->memo) }}</textarea>
          </div>
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">更新する</button>
            <a href="{{ route('funnel.index') }}" class="btn btn-outline-secondary">戻る</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection