@php
  $defaultReminderSubject = '【{{event_name}}】リマインド';
  $defaultReminderBody = "{{name}} 様\n\n{{event_name}} のリマインドです。\n開催日時: {{event_date}} {{event_time}}\n参加URL: {{zoom_url}}";
@endphp

<div class="card scenario-ws-card mb-3">
  <div class="card-body">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
      <div>
        <h2 class="h5 mb-1">リマインダ配信</h2>
        <p class="text-muted small mb-0">イベント予約の開始日時を基準に、メールリマインドを自動送信します。</p>
      </div>
      <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 class="alert alert-info small py-2 mb-3">
      今回の実装範囲はメールリマインダです。LINEリマインダは、LINE登録済み・ブロック状態・シナリオ登録状態の判定が必要なため後続拡張です。
    </div>

    @if($reminderEvents->isEmpty())
      <div class="alert alert-warning small">
        このシナリオに紐づくイベントがありません。イベント編集画面で「シナリオ連携」をこのシナリオに設定すると、リマインダ配信の対象イベントとして選べます。
      </div>
    @else
      <form method="POST" action="{{ route('scenario.workspace.reminders.store', [$account, $scenario]) }}" class="border rounded p-3 mb-4 bg-light">
        @csrf
        <div class="fw-semibold mb-3">リマインダを追加</div>
        <div class="row g-3">
          <div class="col-md-4">
            <label class="form-label">管理名称</label>
            <input type="text" name="title" class="form-control" value="{{ old('title') }}" placeholder="例: 前日20時リマインド" required>
          </div>
          <div class="col-md-4">
            <label class="form-label">対象イベント</label>
            <select name="event_id" class="form-select" required>
              @foreach($reminderEvents as $event)
                <option value="{{ $event->id }}" @selected((string) old('event_id') === (string) $event->id)>{{ $event->name }}</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">状態</label>
            <select name="status" class="form-select">
              <option value="active">有効</option>
              <option value="inactive">停止</option>
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">基準</label>
            <select name="timing_type" class="form-select">
              <option value="before">開始前</option>
              <option value="after">開始後</option>
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">日数</label>
            <input type="number" min="0" max="365" name="timing_days" class="form-control" value="{{ old('timing_days', 1) }}">
          </div>
          <div class="col-md-2">
            <label class="form-label">時間</label>
            <input type="number" min="0" max="240" name="timing_hours" class="form-control" value="{{ old('timing_hours', 0) }}">
          </div>
          <div class="col-md-2">
            <label class="form-label">分</label>
            <input type="number" min="0" max="1440" name="timing_minutes" class="form-control" value="{{ old('timing_minutes', 0) }}">
          </div>
          <div class="col-md-2">
            <label class="form-label">固定時刻</label>
            <input type="time" name="fixed_time" class="form-control" value="{{ old('fixed_time', '20:00') }}">
            <div class="form-text">日数指定時に使用</div>
          </div>
          <div class="col-md-4">
            <label class="form-label">必須ラベル（1行1件）</label>
            <textarea name="condition_required_labels" class="form-control" rows="2">{{ old('condition_required_labels') }}</textarea>
          </div>
          <div class="col-md-4">
            <label class="form-label">除外ラベル（1行1件）</label>
            <textarea name="condition_excluded_labels" class="form-control" rows="2">{{ old('condition_excluded_labels') }}</textarea>
          </div>
          <div class="col-md-4">
            <label class="form-label">件名</label>
            <input type="text" name="subject" class="form-control" value="{{ old('subject', $defaultReminderSubject) }}">
            <div class="form-check mt-2">
              <input type="hidden" name="exclude_cancelled" value="0">
              <input class="form-check-input" type="checkbox" name="exclude_cancelled" value="1" id="exclude_cancelled_add" checked>
              <label class="form-check-label small" for="exclude_cancelled_add">キャンセル済み予約を除外</label>
            </div>
          </div>
          <div class="col-12">
            <label class="form-label">本文</label>
            <textarea name="body_text" class="form-control font-monospace" rows="6">{{ old('body_text', $defaultReminderBody) }}</textarea>
            <div class="form-text">使用可能: <code>@{{name}}</code> <code>@{{event_name}}</code> <code>@{{event_date}}</code> <code>@{{event_time}}</code> <code>@{{zoom_url}}</code></div>
          </div>
          <div class="col-12">
            <button type="submit" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>追加する</button>
          </div>
        </div>
      </form>
    @endif

    @if($scenarioReminders->isEmpty())
      <div class="text-center text-muted small py-5 border rounded bg-light">登録済みのリマインダ配信はありません。</div>
    @else
      <div class="table-responsive">
        <table class="table table-sm table-hover align-middle">
          <thead class="table-light">
            <tr>
              <th>管理名称</th>
              <th>対象イベント</th>
              <th>タイミング</th>
              <th>条件</th>
              <th class="text-nowrap">状態</th>
              <th class="text-end">操作</th>
            </tr>
          </thead>
          <tbody>
            @foreach($scenarioReminders as $reminder)
              @php
                $requiredText = implode("\n", $reminder->condition_required_labels ?? []);
                $excludedText = implode("\n", $reminder->condition_excluded_labels ?? []);
              @endphp
              <tr>
                <td class="small">
                  <div class="fw-semibold">{{ $reminder->title }}</div>
                  <div class="text-muted">{{ $reminder->subject ?: '（件名なし）' }}</div>
                </td>
                <td class="small">{{ $reminder->event?->name ?: '—' }}</td>
                <td class="small">{{ $reminder->timingLabel() }}</td>
                <td class="small">
                  @if($requiredText !== '')<div>必須: {{ str_replace("\n", ' / ', $requiredText) }}</div>@endif
                  @if($excludedText !== '')<div>除外: {{ str_replace("\n", ' / ', $excludedText) }}</div>@endif
                  @if($requiredText === '' && $excludedText === '')<span class="text-muted">条件なし</span>@endif
                </td>
                <td class="small text-nowrap">
                  <span class="badge {{ $reminder->status === 'active' ? 'text-bg-success' : 'text-bg-secondary' }}">{{ $reminder->status === 'active' ? '有効' : '停止' }}</span>
                </td>
                <td class="text-end">
                  <button class="btn btn-sm btn-outline-primary" type="button" data-bs-toggle="collapse" data-bs-target="#reminderEdit{{ $reminder->id }}">編集</button>
                </td>
              </tr>
              <tr class="collapse" id="reminderEdit{{ $reminder->id }}">
                <td colspan="6" class="bg-light">
                  <form method="POST" action="{{ route('scenario.workspace.reminders.update', [$account, $scenario, $reminder]) }}" class="row g-2 align-items-end">
                    @csrf
                    @method('PUT')
                    <div class="col-md-3">
                      <label class="form-label small">管理名称</label>
                      <input type="text" name="title" class="form-control form-control-sm" value="{{ $reminder->title }}" required>
                    </div>
                    <div class="col-md-3">
                      <label class="form-label small">対象イベント</label>
                      <select name="event_id" class="form-select form-select-sm" required>
                        @foreach($reminderEvents as $event)
                          <option value="{{ $event->id }}" @selected((int) $reminder->event_id === (int) $event->id)>{{ $event->name }}</option>
                        @endforeach
                      </select>
                    </div>
                    <div class="col-md-2">
                      <label class="form-label small">状態</label>
                      <select name="status" class="form-select form-select-sm">
                        <option value="active" @selected($reminder->status === 'active')>有効</option>
                        <option value="inactive" @selected($reminder->status === 'inactive')>停止</option>
                      </select>
                    </div>
                    <div class="col-md-2">
                      <label class="form-label small">基準</label>
                      <select name="timing_type" class="form-select form-select-sm">
                        <option value="before" @selected($reminder->timing_type === 'before')>開始前</option>
                        <option value="after" @selected($reminder->timing_type === 'after')>開始後</option>
                      </select>
                    </div>
                    <div class="col-md-2">
                      <label class="form-label small">固定時刻</label>
                      <input type="time" name="fixed_time" class="form-control form-control-sm" value="{{ $reminder->fixed_time ? substr((string) $reminder->fixed_time, 0, 5) : '' }}">
                    </div>
                    <div class="col-md-2">
                      <label class="form-label small">日数</label>
                      <input type="number" min="0" max="365" name="timing_days" class="form-control form-control-sm" value="{{ $reminder->timing_days }}">
                    </div>
                    <div class="col-md-2">
                      <label class="form-label small">時間</label>
                      <input type="number" min="0" max="240" name="timing_hours" class="form-control form-control-sm" value="{{ $reminder->timing_hours }}">
                    </div>
                    <div class="col-md-2">
                      <label class="form-label small">分</label>
                      <input type="number" min="0" max="1440" name="timing_minutes" class="form-control form-control-sm" value="{{ $reminder->timing_minutes }}">
                    </div>
                    <div class="col-md-3">
                      <label class="form-label small">必須ラベル</label>
                      <textarea name="condition_required_labels" class="form-control form-control-sm" rows="2">{{ $requiredText }}</textarea>
                    </div>
                    <div class="col-md-3">
                      <label class="form-label small">除外ラベル</label>
                      <textarea name="condition_excluded_labels" class="form-control form-control-sm" rows="2">{{ $excludedText }}</textarea>
                    </div>
                    <div class="col-md-6">
                      <label class="form-label small">件名</label>
                      <input type="text" name="subject" class="form-control form-control-sm" value="{{ $reminder->subject }}">
                    </div>
                    <div class="col-12">
                      <label class="form-label small">本文</label>
                      <textarea name="body_text" class="form-control form-control-sm font-monospace" rows="5">{{ $reminder->body_text }}</textarea>
                      <div class="form-check mt-2">
                        <input type="hidden" name="exclude_cancelled" value="0">
                        <input class="form-check-input" type="checkbox" name="exclude_cancelled" value="1" id="exclude_cancelled_{{ $reminder->id }}" @checked($reminder->exclude_cancelled)>
                        <label class="form-check-label small" for="exclude_cancelled_{{ $reminder->id }}">キャンセル済み予約を除外</label>
                      </div>
                    </div>
                    <div class="col-12">
                      <button type="submit" class="btn btn-sm btn-primary">保存</button>
                    </div>
                  </form>
                  <form method="POST" action="{{ route('scenario.workspace.reminders.destroy', [$account, $scenario, $reminder]) }}" class="mt-2" onsubmit="return confirm('このリマインダ配信を削除しますか？');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger">削除</button>
                  </form>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    @endif
  </div>
</div>