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

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Ekstrakurikuler</p>
    <h1 class="sd-admin-title">{{ $item->exists ? 'Edit Ekstrakurikuler' : 'Tambah Ekstrakurikuler' }}</h1>
  </div>
  <a href="{{ route('admin.ekstrakurikuler.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.ekstrakurikuler.update', $item->id) : route('admin.ekstrakurikuler.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    @if($item->exists) @method('PUT') @endif

    <div class="sd-form-group">
      <label>Nama Ekstrakurikuler</label>
      <input type="text" name="nama" class="sd-form-control" value="{{ old('nama', $item->nama) }}" required>
    </div>

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

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Jadwal</label>
        <input type="text" name="jadwal" class="sd-form-control" value="{{ old('jadwal', $item->jadwal) }}" placeholder="Contoh: Jumat, 14.00–16.00" required>
      </div>
      <div class="sd-form-group">
        <label>Pembina</label>
        <input type="text" name="pembina" class="sd-form-control" value="{{ old('pembina', $item->pembina) }}" required>
      </div>
    </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-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 class="sd-form-actions">
      <button type="submit" class="sd-admin-btn"><i class="bi bi-check2"></i> Simpan</button>
    </div>
  </form>
</div>
@endsection