@extends('layouts.admin')
@section('title', ($item->exists ? 'Edit' : 'Tambah').' Program Sekolah – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Program Sekolah</p>
    <h1 class="sd-admin-title">{{ $item->exists ? 'Edit Program' : 'Tambah Program' }}</h1>
  </div>
  <a href="{{ route('admin.program-sekolah.index') }}" class="sd-admin-btn outline"><i class="bi bi-arrow-left"></i> Kembali</a>
</div>

<div class="sd-admin-card">
  <form action="{{ $item->exists ? route('admin.program-sekolah.update', $item->id) : route('admin.program-sekolah.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    @if($item->exists) @method('PUT') @endif

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Nama Program</label>
        <input type="text" name="nama" class="sd-form-control" value="{{ old('nama', $item->nama) }}" required>
      </div>
      <div class="sd-form-group">
        <label>Kategori</label>
        <input type="text" name="kategori" class="sd-form-control" value="{{ old('kategori', $item->kategori) }}" placeholder="Contoh: Akademik, Literasi, Karakter" required>
      </div>
    </div>

    <div class="sd-form-group">
      <label>Deskripsi Singkat (untuk kartu daftar)</label>
      <textarea name="deskripsi" class="sd-form-control" rows="2" required>{{ old('deskripsi', $item->deskripsi) }}</textarea>
    </div>

    <div class="sd-form-group">
      <label>Konten Lengkap (untuk halaman detail)</label>
      <textarea name="konten" class="sd-form-control" rows="6">{{ old('konten', $item->konten) }}</textarea>
    </div>

    <div class="sd-form-group">
      <label>Gambar</label>
      @if($item->gambar)
      <img src="{{ str_starts_with($item->gambar,'http') ? $item->gambar : asset($item->gambar) }}" class="sd-current-img">
      @endif
      <input type="file" name="gambar" class="sd-form-control" accept="image/*">
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Warna Aksen</label>
        <select name="warna" class="sd-form-control" required>
          <option value="biru" {{ old('warna', $item->warna) === 'biru' ? 'selected' : '' }}>Biru</option>
          <option value="kuning" {{ old('warna', $item->warna) === 'kuning' ? 'selected' : '' }}>Kuning</option>
          <option value="merah" {{ old('warna', $item->warna) === 'merah' ? 'selected' : '' }}>Merah</option>
        </select>
      </div>
      <div class="sd-form-group">
        <label>Urutan Tampil</label>
        <input type="number" name="urutan" class="sd-form-control" value="{{ old('urutan', $item->urutan) }}">
      </div>
    </div>

    <div class="sd-form-actions">
      <button type="submit" class="sd-admin-btn"><i class="bi bi-check2"></i> Simpan</button>
    </div>
  </form>
</div>
@endsection