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

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Struktur Organisasi</p>
    <h1 class="sd-admin-title">{{ $item->exists ? 'Edit Jabatan' : 'Tambah Jabatan' }}</h1>
  </div>
  <a href="{{ route('admin.struktur-organisasi.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.struktur-organisasi.update', $item->id) : route('admin.struktur-organisasi.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 Orang</label>
        <input type="text" name="nama" class="sd-form-control" value="{{ old('nama', $item->nama) }}" required>
      </div>
      <div class="sd-form-group">
        <label>Jabatan</label>
        <input type="text" name="jabatan" class="sd-form-control" value="{{ old('jabatan', $item->jabatan) }}" required placeholder="Contoh: Guru Kelas 1, Bendahara, dst.">
      </div>
    </div>

    <div class="sd-form-group">
      <label>Foto</label>
      @if(!empty($item->foto))
      <img src="{{ str_starts_with($item->foto,'http') ? $item->foto : asset($item->foto) }}" class="sd-current-img">
      @endif
      <input type="file" name="foto" class="sd-form-control" accept="image/*">
      <p class="hint">Boleh dikosongkan — kalau tidak ada foto, akan ditampilkan avatar inisial otomatis.</p>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Atasan Langsung (Parent)</label>
        <select name="parent_id" class="sd-form-control">
          <option value="">— Tidak ada (Puncak/Kepala Sekolah) —</option>
          @foreach($parents as $p)
          <option value="{{ $p->id }}" {{ old('parent_id', $item->parent_id) == $p->id ? 'selected' : '' }}>{{ $p->jabatan }} ({{ $p->nama }})</option>
          @endforeach
        </select>
        <p class="hint">Kosongkan hanya untuk posisi Kepala Sekolah (puncak struktur).</p>
      </div>
      <div class="sd-form-group">
        <label>Kelompok Tampilan</label>
        <input type="text" name="kelompok" class="sd-form-control" value="{{ old('kelompok', $item->kelompok) }}" placeholder="Contoh: Manajemen, Guru Kelas & Mapel, Tenaga Pendukung">
      </div>
    </div>

    <div class="sd-form-group">
      <label>Urutan</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