@extends('layouts.app')
@section('title', 'イベント設定')
@section('page-title', 'イベント設定')
@section('content')
@include('event.partials._workspace_toolbar')
<div class="alert alert-light border small mb-3">
  参加費・重複申込・リマインダ・連携配信アカウントは <a href="{{ route('event.workspace.show', [$event, 'settings']) }}">イベント設定</a> で変更できます。
</div>
<div class="row justify-content-center"><div class="col-lg-9">
  <div class="card"><div class="card-header">イベント詳細設定</div><div class="card-body">
    <form method="POST" action="{{ route('event.update', $event) }}">
      @csrf @method('PUT')
      <input type="hidden" name="workspace_redirect" value="settings">
      <div class="row mb-3">
        <div class="col-md-8">
          <label class="form-label fw-semibold">イベント名 <span class="text-danger">*</span></label>
          <input type="text" name="name" class="form-control" value="{{ old('name', $event->name) }}" required>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">タイプ</label>
          <select name="type" class="form-select">
            <option value="seminar" {{ $event->type === 'seminar' ? 'selected' : '' }}>セミナー・勉強会</option>
            <option value="consultation" {{ $event->type === 'consultation' ? 'selected' : '' }}>個別相談・個別予約</option>
            <option value="other" {{ $event->type === 'other' ? 'selected' : '' }}>その他</option>
          </select>
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">説明</label>
        <textarea name="description" class="form-control" rows="4">{{ old('description', $event->description) }}</textarea>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">サムネイルURL</label>
        <input type="url" name="thumbnail_url" class="form-control" value="{{ old('thumbnail_url', $event->thumbnail_url) }}" placeholder="https://...">
      </div>
      <div class="row mb-3">
        <div class="col-md-6">
          <label class="form-label fw-semibold">開催場所</label>
          <input type="text" name="location" class="form-control" value="{{ old('location', $event->location) }}" placeholder="例：東京都渋谷区 / Zoom">
        </div>
        <div class="col-md-6">
          <label class="form-label fw-semibold">Zoom / 参加URL</label>
          <input type="url" name="zoom_url" class="form-control" value="{{ old('zoom_url', $event->zoom_link) }}">
        </div>
      </div>
      <div class="row mb-3">
        <div class="col-md-3">
          <label class="form-label fw-semibold">定員（既定）</label>
          <input type="number" name="capacity" class="form-control" value="{{ old('capacity', $event->capacity) }}" min="1">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">申込開始日時</label>
          <input type="datetime-local" name="apply_start_at" class="form-control" value="{{ old('apply_start_at', $event->apply_start_at?->timezone(config('app.timezone'))->format('Y-m-d\\TH:i')) }}">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">申込締切日時</label>
          <input type="datetime-local" name="apply_end_at" class="form-control" value="{{ old('apply_end_at', $event->apply_end_at?->timezone(config('app.timezone'))->format('Y-m-d\\TH:i')) }}">
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold d-block">公開</label>
          <div class="form-check mt-2">
            <input class="form-check-input" type="checkbox" name="is_published" value="1" id="is_published" {{ old('is_published', $event->is_published) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_published">公開ページを有効にする</label>
          </div>
        </div>
      </div>
      <div class="mb-3">
        <p class="mb-1 fw-semibold">日程・予約枠のルール</p>
        <p class="text-muted small mb-2">所要時間・曜日ごとの時間帯・表示期間・予約枠の生成は、イベントワークスペースの <strong>日程設定</strong> で行います。</p>
        <a href="{{ route('event.workspace.show', [$event, 'schedules']) }}" class="btn btn-outline-primary btn-sm">日程設定を開く</a>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">サンクスメッセージ（HTMLなし・改行可）</label>
        <textarea name="thank_you_message" class="form-control" rows="3">{{ old('thank_you_message', $event->thank_you_message) }}</textarea>
      </div>
      <div class="mb-3">
        <label class="form-label fw-semibold">LINE登録誘導URL（任意）</label>
        <input type="url" name="thank_you_line_url" class="form-control" value="{{ old('thank_you_line_url', $event->thank_you_line_url) }}">
      </div>
      <div class="row mb-3">
        <div class="col-md-6">
          <label class="form-label fw-semibold">予約後に紐づけるシナリオ（任意）</label>
          <select name="scenario_id" class="form-select">
            <option value="">（なし）</option>
            @foreach($scenarios as $sc)
            <option value="{{ $sc->id }}" {{ (string)old('scenario_id', $event->scenario_id) === (string)$sc->id ? 'selected' : '' }}>{{ $sc->name }} (#{{ $sc->id }})</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6">
          <label class="form-label fw-semibold">付与する読者ラベル（任意）</label>
          <input type="text" name="subscriber_label_on_book" class="form-control" value="{{ old('subscriber_label_on_book', $event->subscriber_label_on_book) }}" placeholder="例: 説明会予約">
        </div>
      </div>
      <div class="mb-3">
        <p class="mb-1 fw-semibold">申込フォーム項目</p>
        <p class="text-muted small mb-2">名称・必須・入力形式・カスタム項目の追加は、イベントワークスペースの <strong>申込フォーム・申込者項目</strong> で編集します。</p>
        <a href="{{ route('event.workspace.show', [$event, 'booking-fields']) }}" class="btn btn-outline-primary btn-sm">申込フォーム項目を開く</a>
      </div>
      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary">更新する</button>
        <a href="{{ route('event.workspace.show', [$event, 'schedules']) }}" class="btn btn-outline-secondary">戻る</a>
      </div>
    </form>
  </div></div>
</div></div>
@endsection