@extends('layouts.app')
@section('title', 'Cek Status Pendaftaran – SD Negeri 4 Keling')

@push('styles')
<style>
.sd-cek-form{max-width:480px;margin:0 auto;background:var(--putih);border:1px solid var(--abu);padding:32px}
.sd-cek-form .sd-form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}
.sd-cek-form label{font-size:.78rem;font-weight:600;color:var(--teks)}
.sd-cek-form input{padding:11px 14px;border:1.5px solid #d0d0d0;font-family:var(--font);font-size:.85rem;outline:none}
.sd-cek-form input:focus{border-color:var(--biru)}
.sd-cek-submit{width:100%;padding:13px;background:var(--biru);color:var(--putih);border:none;font-weight:700;font-size:.88rem;cursor:pointer;margin-top:8px}
.sd-cek-submit:hover{background:#1a2280}

.sd-status-result{max-width:560px;margin:30px auto 0;background:var(--putih);border:1px solid var(--abu);padding:28px}
.sd-status-badge{display:inline-block;padding:6px 18px;font-weight:800;font-size:.9rem;margin-bottom:16px}
.sd-status-badge.Menunggu{background:rgba(255,173,0,.18);color:#9a6600}
.sd-status-badge.Kurang{background:rgba(196,49,47,.1);color:var(--merah)}
.sd-status-badge.Ditolak{background:rgba(196,49,47,.14);color:var(--merah)}
.sd-status-badge.Diterima{background:rgba(39,174,96,.14);color:#1e7e44}
.sd-status-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--abu);font-size:.85rem}
.sd-status-row:last-child{border-bottom:none}
</style>
@endpush

@section('content')
<div class="sd-page-hero" style="background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.30),rgba(0,0,0,.05)), url('{{ (isset($heroImages['pendaftaran']) ? $heroImages['pendaftaran']->url : asset('images/buatpendaftaran.jpeg')) }}');background-size:cover;background-position:center;">
  <div class="sd-page-hero-inner">
    <p class="sd-page-breadcrumb">
      <a href="{{ route('home') }}">Beranda</a> &nbsp;/&nbsp;
      <a href="{{ route('pendaftaran') }}">Pendaftaran SPMB</a> &nbsp;/&nbsp;
      <span>Cek Status</span>
    </p>
    <h1 class="sd-page-title">Cek Status Pendaftaran</h1>
    <p class="sd-page-subtitle">Masukkan nomor pendaftaran dan tanggal lahir calon siswa</p>
    <div class="sd-page-accent"></div>
  </div>
</div>

<div class="sd-page-body">

  @if(session('error'))
  <div class="sd-reveal" style="max-width:480px;margin:0 auto 20px;background:rgba(196,49,47,.08);border:1.5px solid var(--merah);padding:14px 18px;font-size:.85rem;color:var(--merah)">
    <i class="bi bi-exclamation-triangle-fill"></i> {{ session('error') }}
  </div>
  @endif

  <form action="{{ route('pendaftaran.cek-status') }}" method="POST" class="sd-cek-form sd-reveal">
    @csrf
    <div class="sd-form-group">
      <label>Nomor Pendaftaran</label>
      <input type="text" name="nomor_pendaftaran" value="{{ old('nomor_pendaftaran') }}" placeholder="PPDB-2026-0001" required>
    </div>
    <div class="sd-form-group">
      <label>Tanggal Lahir Calon Siswa</label>
      <input type="date" name="tanggal_lahir" value="{{ old('tanggal_lahir') }}" required>
    </div>
    <button type="submit" class="sd-cek-submit"><i class="bi bi-search"></i> Cek Status</button>
  </form>

  @isset($pendaftaran)
  <div class="sd-status-result sd-reveal">
    <span class="sd-status-badge {{ $pendaftaran->status_pendaftaran }}">{{ $pendaftaran->status_pendaftaran }}</span>
    <div class="sd-status-row"><span>Nama</span><strong>{{ $pendaftaran->nama_lengkap }}</strong></div>
    <div class="sd-status-row"><span>Nomor Pendaftaran</span><strong>{{ $pendaftaran->nomor_pendaftaran }}</strong></div>
    <div class="sd-status-row"><span>Jalur Pendaftaran</span><strong>{{ $pendaftaran->jalur_pendaftaran }}</strong></div>
    <div class="sd-status-row"><span>Status Verifikasi Berkas</span><strong>{{ $pendaftaran->status_verifikasi }}</strong></div>
    <div class="sd-status-row"><span>Tanggal Mendaftar</span><strong>{{ $pendaftaran->created_at->format('d F Y') }}</strong></div>
    @if($pendaftaran->catatan_admin)
    <div class="sd-status-row" style="flex-direction:column;align-items:flex-start;gap:4px">
      <span>Catatan dari Sekolah</span>
      <strong style="font-weight:500">{{ $pendaftaran->catatan_admin }}</strong>
    </div>
    @endif
  </div>
  @endisset

</div>
@endsection