@extends('layouts.app')
@section('title', $funnel->name . ' - ファネル共通設定')
@section('page-title', $funnel->name)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <a href="{{ route('funnel.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>ファネル一覧</a>
</div>
@include('funnel.partials.detail-nav', ['funnel' => $funnel])

<div class="card">
  <div class="card-header">ファネル共通設定</div>
  <div class="card-body">
    <form method="POST" action="{{ route('funnel.shared-settings.update', $funnel) }}">
      @csrf
      @method('PUT')
      <div class="mb-3">
        <label class="form-label fw-semibold">決済モード</label>
        <select name="payment_mode" class="form-select">
          <option value="">未設定</option>
          <option value="test" {{ ($funnel->payment_mode ?? '') === 'test' ? 'selected' : '' }}>テスト</option>
          <option value="live" {{ ($funnel->payment_mode ?? '') === 'live' ? 'selected' : '' }}>本番</option>
        </select>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">headタグ内スクリプト</label>
        <textarea name="head_js" class="form-control" rows="4">{{ old('head_js', $funnel->head_js) }}</textarea>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">body開始直後スクリプト</label>
        <textarea name="body_top_js" class="form-control" rows="4">{{ old('body_top_js', $funnel->body_top_js) }}</textarea>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">body終了直前スクリプト</label>
        <textarea name="body_bottom_js" class="form-control" rows="4">{{ old('body_bottom_js', $funnel->body_bottom_js) }}</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>
      <button type="submit" class="btn btn-primary">保存する</button>
    </form>
  </div>
</div>
@endsection