{{-- event/create.blade.php --}}
@extends('layouts.app')
@section('title', 'イベント追加')
@section('page-title', 'イベントを追加')
@section('content')
<div class="row justify-content-center"><div class="col-md-8">
  <div class="card"><div class="card-header">イベント情報</div><div class="card-body">
    <form method="POST" action="{{ route('event.store') }}">
      @csrf
      <div class="row mb-3">
        <div class="col-8">
          <label class="form-label fw-semibold">イベント名 <span class="text-danger">*</span></label>
          <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>
          @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-4">
          <label class="form-label fw-semibold">タイプ <span class="text-danger">*</span></label>
          <select name="type" class="form-select @error('type') is-invalid @enderror" required>
            <option value="seminar" @selected(old('type') === 'seminar')>セミナー・勉強会</option>
            <option value="consultation" @selected(old('type') === 'consultation')>個別相談・個別予約</option>
            <option value="other" @selected(old('type') === 'other')>その他</option>
          </select>
          @error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
      </div>
      @include('event.partials._settings_fields', ['event' => null, 'deliveryAccounts' => $deliveryAccounts])

      <div class="mb-3">
        <label class="form-label fw-semibold">説明</label>
        <textarea name="description" class="form-control @error('description') is-invalid @enderror" rows="4">{{ old('description') }}</textarea>
        @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
      </div>
      <div class="row mb-3">
        <div class="col-6">
          <label class="form-label fw-semibold">開催場所</label>
          <input type="text" name="location" class="form-control @error('location') is-invalid @enderror" value="{{ old('location') }}" placeholder="例：東京都渋谷区 / Zoom">
          @error('location')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-6">
          <label class="form-label fw-semibold">Zoom URL</label>
          <input type="url" name="zoom_url" class="form-control @error('zoom_url') is-invalid @enderror" value="{{ old('zoom_url') }}" placeholder="https://zoom.us/j/...">
          @error('zoom_url')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
      </div>
      <div class="row mb-3">
        <div class="col-4">
          <label class="form-label fw-semibold">定員</label>
          <input type="number" name="capacity" class="form-control @error('capacity') is-invalid @enderror" value="{{ old('capacity') }}" min="1" placeholder="無制限の場合は空白">
          @error('capacity')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-4">
          <label class="form-label fw-semibold">申込開始日時</label>
          <input type="datetime-local" name="apply_start_at" class="form-control @error('apply_start_at') is-invalid @enderror" value="{{ old('apply_start_at') }}">
          @error('apply_start_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-4">
          <label class="form-label fw-semibold">申込締切日時</label>
          <input type="datetime-local" name="apply_end_at" class="form-control @error('apply_end_at') is-invalid @enderror" value="{{ old('apply_end_at') }}">
          @error('apply_end_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
      </div>
      <div class="alert alert-info small py-2">
        イベント作成後、詳細画面で予約枠（日程）を追加してください。公開ページには、受付期間内かつ予約枠がある場合に予約ボタンが表示されます。
      </div>
      <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="is_published" value="1" id="is_published_create" {{ old('is_published', true) ? 'checked' : '' }}>
        <label class="form-check-label" for="is_published_create">公開ページを有効にする</label>
      </div>
      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary">作成する</button>
        <a href="{{ route('event.index') }}" class="btn btn-outline-secondary">キャンセル</a>
      </div>
    </form>
  </div></div>
</div></div>
@endsection