{{-- resources/views/admin/kesiswaan/ppdb/convert.blade.php --}}

@extends('layouts.admin')

@section('title', 'Konversi PPDB ke Siswa')

@section('content')
<div class="page-inner">

  <h3 class="fw-bold mb-3">
    Konversi PPDB → Siswa
  </h3>

  <form method="POST"
        action="{{ route('admin.ppdb.convert.store', $ppdb->id) }}">
    @csrf

    <div class="card card-round shadow-sm border-0">
      <div class="card-body">
        
        <h5 class="fw-bold mb-3 border-bottom pb-2">
          <i class="fa fa-user me-2"></i>
          Data Calon Siswa (PPDB)
        </h5>

        <div class="row">
          <div class="col-md-6 mb-3">
            <label class="form-label">Nama Lengkap</label>
            <input type="text" class="form-control" value="{{ $ppdb->name }}" readonly>
          </div>

          <div class="col-md-3 mb-3">
            <label class="form-label">Jenis Kelamin</label>
            <input type="text" class="form-control" value="{{ $ppdb->jenkel === 'L' ? 'Laki-laki' : 'Perempuan' }}" readonly>
          </div>

          <div class="col-md-3 mb-3">
            <label class="form-label">Asal Sekolah</label>
            <input type="text" class="form-control" value="{{ $ppdb->sekolah_asal }}" readonly>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label">Tempat Lahir</label>
            <input type="text" class="form-control" value="{{ $ppdb->tmpt_lahir }}" readonly>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label">Tanggal Lahir</label>
            <input type="text" class="form-control" value="{{ optional($ppdb->tgl_lahir)->format('d-m-Y') }}" readonly>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label">NIS / NISN</label>
            <input type="text" class="form-control" value="{{ $ppdb->nis }}" readonly>
          </div>
        </div>

        <h6 class="fw-bold mt-4 mb-3 border-bottom pb-2">
          <i class="fa fa-file-alt me-2"></i>
          Data Registrasi PPDB
        </h6>

        <div class="row">
          <div class="col-md-4 mb-3">
            <label class="form-label">No. Registrasi</label>
            <input type="text" class="form-control" value="{{ $ppdb->register }}" readonly>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label">Tahun PPDB</label>
            <input type="text" class="form-control" value="{{ optional($ppdb->tahunAjaran)->tahun_ppdb ?? '-' }}" readonly>
          </div>
          
          <div class="col-md-4 mb-3">
             <label class="form-label">Status Tes</label>
             @if($ppdb->tes?->tes_total >= 70)
                <input type="text" class="form-control text-success fw-bold" value="LULUS ({{ $ppdb->tes->tes_total }})" readonly>
             @elseif($ppdb->tes?->tes_total >= 50)
                <input type="text" class="form-control text-warning fw-bold" value="PERTIMBANGKAN ({{ $ppdb->tes->tes_total }})" readonly>
             @else
                <input type="text" class="form-control text-danger fw-bold" value="GAGAL ({{ $ppdb->tes->tes_total }})" readonly>
             @endif
          </div>
        </div>

        <hr>

        <h5 class="fw-bold mb-3 text-primary">
          <i class="fa fa-school me-2"></i>
          Seting Akademik Siswa Baru
        </h5>

        <div class="row bg-light p-3 rounded mb-4">

          <div class="col-md-4 mb-3">
            <label class="form-label fw-bold">
              Tahun Masuk <span class="text-danger">*</span>
            </label>
            <input type="text" class="form-control bg-white" value="{{ $angkatan->tahun_masuk }}" readonly>
            <input type="hidden" name="angkatan_id" id="angkatan_id" value="{{ $angkatan->id }}">
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label fw-bold">
              NIPD <span class="text-danger">*</span>
            </label>
            <input type="text" name="nipd" id="nipd" class="form-control border-primary" required placeholder="Generate...">
            <small class="text-muted">Otomatis dari Tahun Masuk</small>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label fw-bold">
              Tahun Ajaran Aktif <span class="text-danger">*</span>
            </label>
            <select name="tahun_ajaran_id" id="tahun_ajaran_id" class="form-select border-primary" required>
              @foreach($tahunAjarans as $ta)
                <option value="{{ $ta->id }}" {{ $ta->is_active ? 'selected' : '' }}>
                  {{ $ta->tahun_ajaran }}
                </option>
              @endforeach
            </select>
          </div>
        
          <div class="col-md-4 mb-3">
            <label class="form-label fw-bold">Tingkat Kelas</label>
            <input type="text" class="form-control bg-white" value="VII (Tujuh)" readonly>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label fw-bold">
              Pilih Rombel <span class="text-danger">*</span>
            </label>
            <select name="rombel_id" class="form-select border-primary" required>
              <option value="">-- Pilih Rombel --</option>
              @foreach($rombels as $rombel)
                <option value="{{ $rombel->id }}">
                  {{ $rombel->nama_rombel }} ({{ $rombel->jenis_rombel == 'L' ? 'Putra' : 'Putri' }})
                </option>
              @endforeach
            </select>
          </div>

          <div class="col-md-4 mb-3">
            <label class="form-label fw-bold">Gender Siswa</label>
            <input type="text" class="form-control bg-white" 
                   value="{{ $ppdb->jenkel === 'L' ? 'Laki-laki' : 'Perempuan' }}" readonly>
          </div>
        </div>

        <hr>

        <h6 class="fw-bold mt-4 mb-3 border-bottom pb-2">
            <i class="fa fa-map-marker-alt me-2"></i> Data Alamat
        </h6>

        <div class="row">
            <div class="col-md-12 mb-3">
                <label class="form-label">Alamat Lengkap</label>
                <textarea class="form-control" rows="2" readonly>{{ $ppdb->alamat }}</textarea>
            </div>

            <div class="col-md-2 mb-3">
                <label class="form-label">RT</label>
                <input type="text" class="form-control" value="{{ $ppdb->rt }}" readonly>
            </div>
            <div class="col-md-2 mb-3">
                <label class="form-label">RW</label>
                <input type="text" class="form-control" value="{{ $ppdb->rw }}" readonly>
            </div>
            <div class="col-md-4 mb-3">
                <label class="form-label">Dusun</label>
                <input type="text" class="form-control" value="{{ $ppdb->dusun }}" readonly>
            </div>
            <div class="col-md-4 mb-3">
                <label class="form-label">Kode Pos</label>
                <input type="text" class="form-control" value="{{ $ppdb->kode_pos }}" readonly>
            </div>

            <div class="col-md-6 mb-3">
                <label class="form-label">Desa / Kelurahan</label>
                <input type="text" class="form-control" value="{{ $ppdb->kelurahan }}" readonly>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Kecamatan</label>
                <input type="text" class="form-control" value="{{ $ppdb->kecamatan }}" readonly>
            </div>

            <div class="col-md-6 mb-3">
                <label class="form-label">Kota / Kabupaten</label>
                <input type="text" class="form-control" value="{{ $ppdb->kota }}" readonly>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Provinsi</label>
                <input type="text" class="form-control" value="{{ $ppdb->provinsi }}" readonly>
            </div>
        </div>

        <h6 class="fw-bold mt-4 mb-3 border-bottom pb-2">
          <i class="fa fa-users me-2"></i>
          Data Orang Tua / Wali
        </h6>

        <div class="row">
          <div class="col-md-6 mb-3">
            <label class="form-label">Nama Ayah</label>
            <input type="text" class="form-control" value="{{ $ppdb->name_ayah }}" readonly>
          </div>
          <div class="col-md-6 mb-3">
            <label class="form-label">HP Ayah</label>
            <input type="text" class="form-control" value="{{ $ppdb->handphone_ayah }}" readonly>
          </div>
          
          <div class="col-md-6 mb-3">
            <label class="form-label">Nama Ibu</label>
            <input type="text" class="form-control" value="{{ $ppdb->name_ibu }}" readonly>
          </div>
          <div class="col-md-6 mb-3">
            <label class="form-label">HP Ibu</label>
            <input type="text" class="form-control" value="{{ $ppdb->handphone_ibu }}" readonly>
          </div>
          
          <div class="col-md-6 mb-3">
            <label class="form-label">Nama Wali</label>
            <input type="text" class="form-control" value="{{ $ppdb->name_wali }}" readonly>
          </div>
          <div class="col-md-6 mb-3">
            <label class="form-label">HP Wali</label>
            <input type="text" class="form-control" value="{{ $ppdb->handphone_wali }}" readonly>
          </div>
        </div>

      </div>

      <div class="card-footer text-end">
        <a href="{{ url()->previous() }}"
           class="btn btn-secondary btn-round me-2">
          <i class="fa fa-times me-1"></i> Batal
        </a>

        <button type="submit"
                class="btn btn-success btn-round"
                onclick="return confirm('Apakah Anda yakin ingin menetapkan calon siswa ini menjadi SISWA AKTIF?')">
          <i class="fa fa-check-circle me-1"></i> Konfirmasi & Simpan
        </button>
      </div>
    </div>
  </form>

</div>
@endsection

@push('scripts')
<script>
$(function () {
  const nipdUrl = "{{ url('api/generate-nipd') }}/";
  const angkatanId = $('#angkatan_id').val();

  if (angkatanId) {
    $.getJSON(nipdUrl + angkatanId)
      .done(res => {
        if (res.success && res.nipd) {
          $('#nipd').val(res.nipd);
        }
      })
      .fail(() => {
        console.error('Gagal generate NIPD otomatis. Silakan input manual.');
      });
  }
});
</script>
@endpush