@extends('admin.layout')

@section('content')
<div class="max-w-5xl mx-auto bg-white rounded-2xl shadow-lg p-8 mt-8 border border-gray-100">

  @if ($errors->any())
  <div class="bg-red-100 text-red-700 p-3 rounded mb-4">
      <ul>
          @foreach ($errors->all() as $error)
              <li>- {{ $error }}</li>
          @endforeach
      </ul>
  </div>
  @endif

  <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center gap-3">
    <i class="fa-solid fa-pen-to-square text-yellow-500"></i>
    Edit Data Pendaftaran Siswa
  </h2>

  <form action="{{ route('admin.pendaftaran.update', $siswa->id) }}" 
        method="POST" 
        enctype="multipart/form-data" 
        class="space-y-6">
    @csrf
    @method('PUT')

    {{-- ============================
         DATA SISWA
    ============================= --}}
    <h3 class="text-lg font-semibold text-blue-600 mb-3">Data Siswa</h3>
    <div>
        <label class="font-semibold">Nama Lengkap</label>
        <input type="text" name="nama_lengkap"
            value="{{ old('nama_lengkap', $siswa->nama_lengkap) }}"
            class="w-full p-3 border rounded-lg">
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">NIK</label>
            <input type="text" name="nik"
                value="{{ old('nik', $siswa->nik) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">NISN</label>
            <input type="text" name="nisn"
                value="{{ old('nisn', $siswa->nisn) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">KIP</label>
            <input type="text" name="kip"
                value="{{ old('kip', $siswa->kip) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Agama</label>
            <input type="text" name="agama"
                value="{{ old('agama', $siswa->agama) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Tempat Lahir</label>
            <input type="text" name="tempat_lahir"
                value="{{ old('tempat_lahir', $siswa->tempat_lahir) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Tanggal Lahir</label>
            <input type="date" name="tanggal_lahir"
              value="{{ old('tanggal_lahir', optional($siswa->tanggal_lahir)->format('Y-m-d')) }}"
              class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div>
        <label class="font-semibold">Jenis Kelamin</label>
        <select name="jenis_kelamin" class="w-full p-3 border rounded-lg">
            <option value="L" {{ old('jenis_kelamin', $siswa->jenis_kelamin) == 'L' ? 'selected' : '' }}>
                Laki-laki
            </option>
            <option value="P" {{ old('jenis_kelamin', $siswa->jenis_kelamin) == 'P' ? 'selected' : '' }}>
                Perempuan
            </option>
        </select>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Anak Ke</label>
            <input type="number" name="anak_ke"
                value="{{ old('anak_ke', $siswa->anak_ke) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Jumlah Saudara</label>
            <input type="number" name="jumlah_saudara"
                value="{{ old('jumlah_saudara', $siswa->jumlah_saudara) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Hobi</label>
            <input type="text" name="hobi"
                value="{{ old('hobi', $siswa->hobi) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Cita-cita</label>
            <input type="text" name="cita_cita"
                value="{{ old('cita_cita', $siswa->cita_cita) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">No HP</label>
            <input type="text" name="no_hp"
                value="{{ old('no_hp', $siswa->no_hp) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Email Aktif</label>
            <input type="email" name="email"
                value="{{ old('email', $siswa->email) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div>
        <label class="font-semibold">Pembiaya Sekolah</label>
        <input type="text" name="pembiaya_sekolah"
            value="{{ old('pembiaya_sekolah', $siswa->pembiaya_sekolah) }}"
            class="w-full p-3 border rounded-lg">
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Kebutuhan Disabilitas</label>
            <input type="text" name="kebutuhan_disabilitas"
                value="{{ old('kebutuhan_disabilitas', $siswa->kebutuhan_disabilitas) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Kebutuhan Khusus</label>
            <input type="text" name="kebutuhan_khusus"
                value="{{ old('kebutuhan_khusus', $siswa->kebutuhan_khusus) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div>
        <label class="font-semibold">Alamat Lengkap</label>
        <textarea name="alamat_lengkap" rows="2"
            class="w-full p-3 border rounded-lg">{{ old('alamat_lengkap', $siswa->alamat_lengkap) }}</textarea>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Status Tempat Tinggal</label>
            <input type="text" name="status_tempat_tinggal"
                value="{{ old('status_tempat_tinggal', $siswa->status_tempat_tinggal) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Transportasi</label>
            <input type="text" name="transportasi"
                value="{{ old('transportasi', $siswa->transportasi) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Jarak ke Madrasah (KM)</label>
            <input type="number" step="0.01" name="jarak_ke_madrasah"
                value="{{ old('jarak_ke_madrasah', $siswa->jarak_ke_madrasah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Waktu Tempuh</label>
            <input type="text" name="waktu_tempuh"
                value="{{ old('waktu_tempuh', $siswa->waktu_tempuh) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Prestasi</label>
            <input type="text"name="prestasi"
                value="{{ old('prestasi', $siswa->prestasi) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Beasiswa / Bantuan</label>
            <input type="text" name="beasiswa"
                value="{{ old('beasiswa', $siswa->beasiswa) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>


    {{-- ============================
          DATA AYAH
    ============================= --}}
    <h3 class="text-lg font-semibold text-blue-600 mt-10 mb-3">Data Ayah</h3>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Nama Ayah</label>
            <input type="text" name="nama_ayah"
                value="{{ old('nama_ayah', $siswa->nama_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">NIK Ayah</label>
            <input type="text" name="nik_ayah"
                value="{{ old('nik_ayah', $siswa->nik_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Tempat Lahir Ayah</label>
            <input type="text" name="tempat_lahir_ayah"
                value="{{ old('tempat_lahir_ayah', $siswa->tempat_lahir_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Tanggal Lahir Ayah</label>
            <input type="date" name="tanggal_lahir_ayah"
              value="{{ old('tanggal_lahir_ayah', optional($siswa->tanggal_lahir_ayah)->format('Y-m-d')) }}"
              class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Status Ayah</label>
            <input type="text" name="status_ayah"
                value="{{ old('status_ayah', $siswa->status_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Pendidikan Ayah</label>
            <input type="text" name="pendidikan_ayah"
                value="{{ old('pendidikan_ayah', $siswa->pendidikan_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Pekerjaan Ayah</label>
            <input type="text" name="pekerjaan_ayah"
                value="{{ old('pekerjaan_ayah', $siswa->pekerjaan_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Penghasilan Ayah</label>
            <input type="number" name="penghasilan_ayah"
                value="{{ old('penghasilan_ayah', $siswa->penghasilan_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Domisili Ayah</label>
            <input type="text" name="domisili_ayah"
                value="{{ old('domisili_ayah', $siswa->domisili_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">No HP Ayah</label>
            <input type="text" name="no_hp_ayah"
                value="{{ old('no_hp_ayah', $siswa->no_hp_ayah) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div>
        <label class="font-semibold">Alamat Ayah</label>
        <textarea name="alamat_ayah" rows="2"
            class="w-full p-3 border rounded-lg">{{ old('alamat_ayah', $siswa->alamat_ayah) }}</textarea>
    </div>
    <div>
        <label class="font-semibold">Status Tempat Tinggal Ayah</label>
        <input type="text" name="status_tempat_tinggal_ayah"
            value="{{ old('status_tempat_tinggal_ayah', $siswa->status_tempat_tinggal_ayah) }}"
            class="w-full p-3 border rounded-lg">
    </div>


    {{-- ============================
          DATA IBU
    ============================= --}}
    <h3 class="text-lg font-semibold text-pink-600 mt-10 mb-3">Data Ibu</h3>
    <div class="grid sm:grid-cols-2 gap-4">
      <div>
          <label class="font-semibold">NIK Ibu</label>
          <input type="text" name="nik_ibu"
              value="{{ old('nik_ibu', $siswa->nik_ibu) }}"
              class="w-full p-3 border rounded-lg">
      </div>
      <div>
          <label class="font-semibold">Nama Ibu</label>
          <input type="text" name="nama_ibu"
              value="{{ old('nama_ibu', $siswa->nama_ibu) }}"
              class="w-full p-3 border rounded-lg">
      </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Tempat Lahir Ibu</label>
            <input type="text" name="tempat_lahir_ibu"
                value="{{ old('tempat_lahir_ibu', $siswa->tempat_lahir_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Tanggal Lahir Ibu</label>
            <input type="date" name="tanggal_lahir_ibu"
              value="{{ old('tanggal_lahir_ibu', optional($siswa->tanggal_lahir_ibu)->format('Y-m-d')) }}"
              class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Status Ibu</label>
            <input type="text" name="status_ibu"
                value="{{ old('status_ibu', $siswa->status_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Pendidikan Ibu</label>
            <input type="text" name="pendidikan_ibu"
                value="{{ old('pendidikan_ibu', $siswa->pendidikan_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Pekerjaan Ibu</label>
            <input type="text" name="pekerjaan_ibu"
                value="{{ old('pekerjaan_ibu', $siswa->pekerjaan_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Penghasilan Ibu</label>
            <input type="number" name="penghasilan_ibu"
                value="{{ old('penghasilan_ibu', $siswa->penghasilan_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Domisili Ibu</label>
            <input type="text" name="domisili_ibu"
                value="{{ old('domisili_ibu', $siswa->domisili_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">No HP Ibu</label>
            <input type="text" name="no_hp_ibu"
                value="{{ old('no_hp_ibu', $siswa->no_hp_ibu) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div>
        <label class="font-semibold">Alamat Ibu</label>
        <textarea name="alamat_ibu" rows="2"
            class="w-full p-3 border rounded-lg">{{ old('alamat_ibu', $siswa->alamat_ibu) }}</textarea>
    </div>
    <div>
        <label class="font-semibold">Status Tempat Tinggal Ibu</label>
        <input type="text" name="status_tempat_tinggal_ibu"
            value="{{ old('status_tempat_tinggal_ibu', $siswa->status_tempat_tinggal_ibu) }}"
            class="w-full p-3 border rounded-lg">
    </div>

    {{-- ============================
          DATA WALI
    ============================= --}}
    <h3 class="text-lg font-semibold text-green-600 mt-10 mb-3">Data Wali</h3>
    <div>
        <label class="font-semibold">NIK Wali</label>
        <input type="text" name="nik_wali"
            value="{{ old('nik_wali', $siswa->nik_wali) }}"
            class="w-full p-3 border rounded-lg">
    </div>
    <div>
        <label class="font-semibold">Nama Wali</label>
        <input type="text" name="nama_wali"
            value="{{ old('nama_wali', $siswa->nama_wali) }}"
            class="w-full p-3 border rounded-lg">
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Tempat Lahir Wali</label>
            <input type="text" name="tempat_lahir_wali"
                value="{{ old('tempat_lahir_wali', $siswa->tempat_lahir_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Tanggal Lahir Wali</label>
            <input type="date" name="tanggal_lahir_wali"
              value="{{ old('tanggal_lahir_wali', optional($siswa->tanggal_lahir_wali)->format('Y-m-d')) }}"
              class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Status Wali</label>
            <input type="text" name="status_wali"
                value="{{ old('status_wali', $siswa->status_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Pendidikan Wali</label>
            <input type="text" name="pendidikan_wali"
                value="{{ old('pendidikan_wali', $siswa->pendidikan_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Pekerjaan Wali</label>
            <input type="text" name="pekerjaan_wali"
                value="{{ old('pekerjaan_wali', $siswa->pekerjaan_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">Penghasilan Wali</label>
            <input type="number" name="penghasilan_wali"
                value="{{ old('penghasilan_wali', $siswa->penghasilan_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="font-semibold">Domisili Wali</label>
            <input type="text" name="domisili_wali"
                value="{{ old('domisili_wali', $siswa->domisili_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
        <div>
            <label class="font-semibold">No HP Wali</label>
            <input type="text" name="no_hp_wali"
                value="{{ old('no_hp_wali', $siswa->no_hp_wali) }}"
                class="w-full p-3 border rounded-lg">
        </div>
    </div>
    <div>
        <label class="font-semibold">Alamat Wali</label>
        <textarea name="alamat_wali" rows="2"
            class="w-full p-3 border rounded-lg">{{ old('alamat_wali', $siswa->alamat_wali) }}</textarea>
    </div>
    <div>
        <label class="font-semibold">Status Tempat Tinggal Wali</label>
        <input type="text" name="status_tempat_tinggal_wali"
            value="{{ old('status_tempat_tinggal_wali', $siswa->status_tempat_tinggal_wali) }}"
            class="w-full p-3 border rounded-lg">
    </div>

    {{-- ============================
          FILE UPLOAD
    ============================= --}}
    <h3 class="text-lg font-semibold text-blue-600 mt-10 mb-3">Upload Berkas</h3>

    @php
        $fileFields = [
          'file_kk',
          'file_ktp_ortu',
          'file_akte',
          'file_ijazah',
        ];
    @endphp

    @foreach ($fileFields as $field)
        <div class="mb-4">
            <label class="block font-medium mb-1">
                {{ ucwords(str_replace('_', ' ', $field)) }}
            </label>

            {{-- PREVIEW FILE (opsional) --}}
            <div class="preview-wrapper mb-2">
                <img id="preview_{{ $field }}" class="w-32 h-40 object-cover rounded hidden" />
                <iframe id="preview_{{ $field }}_pdf" class="w-full h-40 hidden"></iframe>
            </div>

            {{-- INPUT FILE --}}
            <input 
                type="file" 
                name="{{ $field }}" 
                accept="image/*,.pdf"
                onchange="previewAnyFile(event, 'preview_{{ $field }}')" 
                class="w-full border p-2 rounded"
            >

            {{-- JIKA ADA BERKAS --}}
            @if ($siswa->$field)
                <p class="text-sm text-gray-600 mt-1">
                    File saat ini:
                    <a href="{{ asset('storage/'.$siswa->$field) }}" 
                      target="_blank" 
                      class="text-blue-600 underline">
                        Lihat berkas
                    </a>
                </p>
            @else
                {{-- JIKA TIDAK ADA BERKAS --}}
                <p class="text-sm text-red-500 mt-1">
                    Tidak ada berkas diupload.
                </p>
            @endif
        </div>
    @endforeach


    {{-- Status Pendaftaran --}}
    <div class="mt-6">
      <label class="font-semibold">Status Pendaftaran</label>
      <select name="status_pendaftaran" class="w-full p-3 border rounded-lg">
        <option value="menunggu" {{ $siswa->status_pendaftaran == 'menunggu' ? 'selected' : '' }}>Menunggu</option>
        <option value="diterima" {{ $siswa->status_pendaftaran == 'diterima' ? 'selected' : '' }}>Diterima</option>
        <option value="ditolak"  {{ $siswa->status_pendaftaran == 'ditolak' ? 'selected' : '' }}>Ditolak</option>
      </select>
    </div>



    {{-- Tombol --}}
    <div class="flex justify-end gap-4 pt-4">
      <a href="{{ route('admin.pendaftaran.index') }}"
        class="px-5 py-2.5 rounded-xl bg-gray-200 text-gray-700 hover:bg-gray-300">
        <i class="fa-solid fa-arrow-left"></i> Batal
      </a>

      <button type="submit"
        class="px-6 py-2.5 rounded-xl bg-blue-600 text-white font-semibold hover:bg-blue-700">
        <i class="fa-solid fa-floppy-disk"></i> Simpan Perubahan
      </button>
    </div>

  </form>
</div>
@endsection