{{-- resources/views/public/ppdb/create.blade.php --}}
@extends('layouts.app')

@section('title', 'Pendaftaran PPDB')

@section('content')

<section class="section dark-background" style="padding-top: 140px; padding-bottom: 80px;">
  <div class="container text-center" data-aos="fade-in">
    <h1 class="fw-bold mb-0">Formulir Pendaftaran PPDB</h1>
  </div>
</section>

<section id="ppdb" class="contact section light-background">

  <div class="container section-title" data-aos="fade-up">
    <h2>Pendaftaran PPDB</h2>
    <p>
      Silakan isi formulir pendaftaran peserta didik baru
      <strong>SMP Al Idrus</strong> dengan data yang benar.
    </p>
  </div>

  @php
    use Carbon\Carbon;

    $today = Carbon::today();
    $ppdbStatus  = 'inactive';
    $ppdbMessage = 'Pendaftaran PPDB belum dibuka.';

    $terisi = 0;

    if ($tahunAjaranAktif) {
        $ppdbBuka  = $tahunAjaranAktif->ppdb_buka;
        $ppdbTutup = $tahunAjaranAktif->ppdb_tutup;
        $kuota     = $tahunAjaranAktif->ppdb_kuota;

        $terisi = \App\Models\Kesiswaan\Ppdb::where(
            'tahun_ajaran_id',
            $tahunAjaranAktif->id
        )->count();

        if ($ppdbBuka && $today->lt($ppdbBuka)) {
            $ppdbStatus  = 'waiting';
            $ppdbMessage = 'PPDB akan dibuka pada ' . $ppdbBuka->format('d M Y');
        } elseif ($ppdbTutup && $today->gt($ppdbTutup)) {
            $ppdbStatus  = 'closed';
            $ppdbMessage = 'PPDB telah ditutup.';
        } elseif ($kuota && $terisi >= $kuota) {
            $ppdbStatus  = 'full';
            $ppdbMessage = 'Kuota PPDB telah penuh.';
        } else {
            $ppdbStatus  = 'open';
            $ppdbMessage = 'Pendaftaran PPDB sedang dibuka.';
        }
    }
  @endphp

  <div class="container" data-aos="fade-up" data-aos-delay="100">
    <div class="row gy-4 justify-content-center">

        @if($ppdbStatus === 'open')
          <div class="alert alert-success text-center">
            <strong>PPDB DIBUKA</strong><br>
            Tahun Ajaran {{ $tahunAjaranAktif->tahun_ajaran }}<br>

            @if($tahunAjaranAktif->ppdb_buka && $tahunAjaranAktif->ppdb_tutup)
              {{ $tahunAjaranAktif->ppdb_buka->format('d M Y') }}
              –
              {{ $tahunAjaranAktif->ppdb_tutup->format('d M Y') }}<br>
            @endif

            <!-- @if($tahunAjaranAktif->ppdb_kuota)
              Sisa Kuota:
              <strong>
                {{ $tahunAjaranAktif->ppdb_kuota - $terisi }}
              </strong>
              dari {{ $tahunAjaranAktif->ppdb_kuota }}
            @endif -->
          </div>

        @elseif($ppdbStatus === 'waiting')
          <div class="alert alert-warning text-center">
            <strong>PPDB BELUM DIBUKA</strong><br>
            {{ $ppdbMessage }}
          </div>

        @elseif($ppdbStatus === 'full')
          <div class="alert alert-danger text-center">
            <strong>PPDB DITUTUP</strong><br>
            {{ $ppdbMessage }}
          </div>

        @else
          <div class="alert alert-secondary text-center">
            <strong>PPDB TIDAK AKTIF</strong><br>
            {{ $ppdbMessage }}
          </div>
        @endif
        
        @if($ppdbStatus === 'open')
        <form action="{{ route('ppdb.store') }}" method="POST" class="php-email-form">
          @csrf

          <div class="mb-4">
            <label class="form-label fw-semibold">
              Tahun Ajaran
            </label>
            <input type="text"
                   class="form-control"
                   value="{{ $tahunAjaranAktif->tahun_ajaran }}"
                   readonly>

            <input type="hidden"
                   name="tahun_ajaran_id"
                   value="{{ $tahunAjaranAktif->id }}">
          </div>

          <hr class="my-4">

          <h5 class="fw-bold mb-3">Data Calon Siswa</h5>

          <div class="row gy-4">
            <div class="col-md-12">
              <input type="text" name="name" class="form-control" placeholder="Nama Lengkap *" required>
            </div>
            <div class="col-md-6">
              <input type="text" name="tmpt_lahir" class="form-control" placeholder="Tempat Lahir">
            </div>
            <div class="col-md-6">
              <input type="date" name="tgl_lahir" class="form-control" required>
            </div>
            <div class="col-md-6">
              <select name="jenkel" class="form-control" required>
                <option value="">Jenis Kelamin *</option>
                <option value="L">Laki-laki</option>
                <option value="P">Perempuan</option>
              </select>
            </div>
            
            <div class="col-md-6">
              <input type="text" name="nis" class="form-control" placeholder="NIS / NISN (Opsional)">
            </div>
            <div class="col-md-6">
                <input type="email" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror" placeholder="Alamat Email *">
                @error('email')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="col-md-6">
                <input type="text" name="handphone" class="form-control" placeholder="No. Handphone Siswa (Opsional)">
            </div>
            <div class="col-md-12">
              <input type="text" name="sekolah_asal" class="form-control" placeholder="Asal Sekolah *" required>
            </div>
          </div>

          <hr class="my-4">

          <h5 class="fw-bold mb-3">Alamat Tempat Tinggal</h5>

          <div class="row gy-4">
            <div class="col-md-12">
                <textarea name="alamat" class="form-control" rows="2" placeholder="Alamat Lengkap (Nama Jalan, Blok, No. Rumah) *" required></textarea>
            </div>
            <div class="col-md-6">
                <input type="text" name="rt" class="form-control" placeholder="RT">
            </div>
            <div class="col-md-6">
                <input type="text" name="rw" class="form-control" placeholder="RW">
            </div>
            <div class="col-md-6">
                <input type="text" name="dusun" class="form-control" placeholder="Dusun / Lingkungan">
            </div>
            <div class="col-md-6">
                <input type="text" name="kelurahan" class="form-control" placeholder="Desa / Kelurahan">
            </div>
            <div class="col-md-6">
                <input type="text" name="kecamatan" class="form-control" placeholder="Kecamatan">
            </div>
            <div class="col-md-6">
                <input type="text" name="kota" class="form-control" placeholder="Kota / Kabupaten">
            </div>
            <div class="col-md-6">
                <input type="text" name="provinsi" class="form-control" placeholder="Provinsi">
            </div>
            <div class="col-md-6">
                <input type="text" name="kode_pos" class="form-control" placeholder="Kode Pos">
            </div>
          </div>

          <hr class="my-4">

          <h5 class="fw-bold mb-3">Data Orang Tua / Wali</h5>

          <div class="row gy-4">
            <div class="col-md-6">
              <input type="text" name="name_ayah" class="form-control" placeholder="Nama Ayah *" required>
            </div>
            <div class="col-md-6">
              <input type="text" name="handphone_ayah" class="form-control" placeholder="No. HP Ayah">
            </div>

            <div class="col-md-6">
              <input type="text" name="name_ibu" class="form-control" placeholder="Nama Ibu *" required>
            </div>
            <div class="col-md-6">
              <input type="text" name="handphone_ibu" class="form-control" placeholder="No. HP Ibu">
            </div>

            <div class="col-md-6">
                <input type="text" name="name_wali" class="form-control"placeholder="Nama Wali (Opsional)">
            </div>
            <div class="col-md-6">
                <input type="text" name="handphone_wali" class="form-control"placeholder="No. HP Wali (Opsional)">
            </div>
          </div>
          
          <div class="text-center mt-4">
            <button type="submit" class="btn btn-primary btn-lg w-100">
              <i class="bi bi-send me-2"></i> Kirim Pendaftaran
            </button>
          </div>
        </form>
        @endif

    
    </div>
  </div>

</section>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const oldForm = document.querySelector('.php-email-form');
    if (!oldForm) return;
    const newForm = oldForm.cloneNode(true);
    newForm.setAttribute('action', oldForm.getAttribute('action'));
    newForm.setAttribute('method', oldForm.getAttribute('method'));
    oldForm.parentNode.replaceChild(newForm, oldForm);
});
</script>
@endpush