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

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Slide Hero Beranda</p>
    <h1 class="sd-admin-title">{{ $item->exists ? 'Edit Slide' : 'Tambah Slide' }}</h1>
  </div>
  <a href="{{ route('admin.hero-slide.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.hero-slide.update', $item->id) : route('admin.hero-slide.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>Label Kecil (Eyebrow)</label>
        <input type="text" name="eyebrow" class="sd-form-control" value="{{ old('eyebrow', $item->eyebrow) }}" placeholder="Contoh: Kegiatan, Acara, Prestasi">
      </div>
      <div class="sd-form-group">
        <label>Judul Besar</label>
        <input type="text" name="judul" class="sd-form-control" value="{{ old('judul', $item->judul) }}" required>
      </div>
    </div>

    <div class="sd-form-group">
      <label>Caption / Keterangan</label>
      <textarea name="caption" class="sd-form-control" rows="2">{{ old('caption', $item->caption) }}</textarea>
      <p class="hint">Enter baru = baris baru.</p>
    </div>

    <div class="sd-form-group">
      <label>Gambar Slide</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/*" {{ $item->exists ? '' : 'required' }}>
      <p class="hint">Gunakan gambar landscape beresolusi besar (idealnya 1600×900px ke atas) agar tidak pecah.</p>
    </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 class="sd-form-actions">
      <button type="submit" class="sd-admin-btn"><i class="bi bi-check2"></i> Simpan</button>
    </div>
  </form>
</div>
@endsection