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

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Guru &amp; Tendik</p>
    <h1 class="sd-admin-title">{{ $item->exists ? 'Edit Data' : 'Tambah Data' }}</h1>
  </div>
  <a href="{{ route('admin.guru-staf.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.guru-staf.update', $item->id) : route('admin.guru-staf.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>Kategori</label>
        <select name="kategori" class="sd-form-control" required>
          <option value="Guru" {{ old('kategori', $item->kategori) === 'Guru' ? 'selected' : '' }}>Guru</option>
          <option value="Tendik" {{ old('kategori', $item->kategori) === 'Tendik' ? 'selected' : '' }}>Tendik</option>
        </select>
      </div>
      <div class="sd-form-group">
        <label>Status Kepegawaian</label>
        <select name="status" class="sd-form-control" required>
          <option value="PNS" {{ old('status', $item->status) === 'PNS' ? 'selected' : '' }}>PNS</option>
          <option value="Honorer" {{ old('status', $item->status) === 'Honorer' ? 'selected' : '' }}>Honorer</option>
          <option value="P3K" {{ old('status', $item->status) === 'P3K' ? 'selected' : '' }}>P3K</option>
        </select>
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Nama Lengkap</label>
        <input type="text" name="nama" class="sd-form-control" value="{{ old('nama', $item->nama) }}" required>
      </div>
      <div class="sd-form-group">
        <label>NIP (kosongkan jika tidak ada)</label>
        <input type="text" name="nip" class="sd-form-control" value="{{ old('nip', $item->nip) }}">
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Jabatan</label>
        <input type="text" name="jabatan" class="sd-form-control" value="{{ old('jabatan', $item->jabatan) }}" required>
      </div>
      <div class="sd-form-group">
        <label>Pendidikan Terakhir</label>
        <input type="text" name="pendidikan" class="sd-form-control" value="{{ old('pendidikan', $item->pendidikan) }}">
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Telepon / WhatsApp</label>
        <input type="text" name="telepon" class="sd-form-control" value="{{ old('telepon', $item->telepon) }}">
      </div>
    </div>

    <div class="sd-form-row">
      <div class="sd-form-group">
        <label>Platform Sosial Media</label>
        <select name="social_platform" class="sd-form-control">
          <option value="instagram" {{ old('social_platform', $item->social_platform) === 'instagram' ? 'selected' : '' }}>Instagram</option>
          <option value="tiktok" {{ old('social_platform', $item->social_platform) === 'tiktok' ? 'selected' : '' }}>TikTok</option>
          <option value="facebook" {{ old('social_platform', $item->social_platform) === 'facebook' ? 'selected' : '' }}>Facebook</option>
          <option value="youtube" {{ old('social_platform', $item->social_platform) === 'youtube' ? 'selected' : '' }}>YouTube</option>
          <option value="twitter" {{ old('social_platform', $item->social_platform) === 'twitter' ? 'selected' : '' }}>X (Twitter)</option>
          <option value="whatsapp" {{ old('social_platform', $item->social_platform) === 'whatsapp' ? 'selected' : '' }}>WhatsApp</option>
        </select>
      </div>
      <div class="sd-form-group">
        <label>Username Sosial Media</label>
        <input type="text" name="social_handle" class="sd-form-control" value="{{ old('social_handle', $item->social_handle) }}" placeholder="@username">
      </div>
    </div>

    <div class="sd-form-group">
      <label>URL Sosial Media</label>
      <input type="url" name="social_url" class="sd-form-control" value="{{ old('social_url', $item->social_url) }}" placeholder="https://instagram.com/username">
    </div>

    <div class="sd-form-group">
      <label>Foto</label>
      @if($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/*">
    </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