{{-- resources/views/admin/events/_form.blade.php --}}
@csrf
<div class="card-body">
  <div class="mb-3">
    <label for="title" class="form-label">Nama Kegiatan <span class="text-danger">*</span></label>
    <input type="text" class="form-control @error('title') is-invalid @enderror" 
           id="title" name="title" 
           value="{{ old('title', $event->title ?? null) }}" required>
    @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
  </div>

  <div class="row">
    <div class="col-md-4 mb-3">
      <label for="start_date" class="form-label">Tanggal Mulai <span class="text-danger">*</span></label>
      {{-- 'date' akan memunculkan datepicker di browser modern --}}
      <input type="date" class="form-control @error('start_date') is-invalid @enderror" 
             id="start_date" name="start_date" 
             value="{{ old('start_date', $event?->start_date?->format('Y-m-d')) }}" required>
      @error('start_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-md-4 mb-3">
      <label for="end_date" class="form-label">Tanggal Selesai <span class="text-danger">*</span></label>
      <input type="date" class="form-control @error('end_date') is-invalid @enderror" 
             id="end_date" name="end_date" 
             value="{{ old('end_date', $event?->end_date?->format('Y-m-d')) }}" required>
      @error('end_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-md-4 mb-3">
      <label for="category" class="form-label">Kategori (Warna) <span class="text-danger">*</span></label>
      <select class="form-select @error('category') is-invalid @enderror" id="category" name="category" required>
        <option value="" disabled selected>-- Pilih Warna --</option>
        @foreach($categories as $cat)
          <option value="{{ $cat }}" 
            {{ old('category', $event->category ?? null) == $cat ? 'selected' : '' }}>
            {{ ucfirst($cat) }} {{-- 'info' -> 'Info' --}}
          </option>
        @endforeach
      </select>
      @error('category') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
  </div>
</div>
<div class="card-footer text-end">
  <a href="{{ route('admin.events.index') }}" class="btn btn-secondary btn-round">Batal</a>
  <button type="submit" class="btn btn-primary btn-round">Simpan Kegiatan</button>
</div>