@extends('layouts.public_register')
@section('title', $scenario->name . ' - 配信解除')
@push('styles')
<style>
  .unsubscribe-title { font-size: 1.35rem; font-weight: 700; color: #0f172a; }
  .unsubscribe-divider { border-top: 1px solid #e2e8f0; margin: 1rem 0 1.25rem; }
  .btn-unsubscribe { background-color: #16a34a; border-color: #16a34a; color: #fff; font-weight: 600; padding-top: 0.65rem; padding-bottom: 0.65rem; }
  .btn-unsubscribe:hover { background-color: #15803d; border-color: #15803d; color: #fff; }
</style>
@endpush
@section('content')
<div class="register-card card">
  <div class="card-body p-4">
    <div class="unsubscribe-title mb-0">配信解除フォーム</div>
    <div class="unsubscribe-divider"></div>
    <p class="small text-muted mb-3">{{ $scenario->name }}</p>

    @if(session('success'))
      <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
      <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <form method="POST" action="{{ route('public.scenario.unsubscribe.store', ['uid' => $uid]) }}">
      @csrf
      <div class="mb-3">
        <label class="form-label text-secondary small mb-1" for="unsub_email">メールアドレス</label>
        <input type="email" name="email" id="unsub_email" value="{{ old('email') }}"
          class="form-control form-control-lg @error('email') is-invalid @enderror"
          autocomplete="email" required maxlength="191" placeholder="example@example.com">
        @error('email')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>
      <button type="submit" class="btn btn-unsubscribe w-100">解除する</button>
    </form>
  </div>
</div>
@endsection