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

@section('title', 'Dashboard 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-2">Status Pendaftaran PPDB</h1>
    <p class="mb-0">
      {{ $setting->web_name ?? 'Website Sekolah' }}
    </p>
  </div>
</section>

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

  <div class="container section-title" data-aos="fade-up">
    <h2>Dashboard PPDB</h2>
    <p>
      Informasi pendaftaran peserta didik baru  
      <strong>{{ $setting->web_name ?? 'Sekolah' }}</strong><br>
      <span class="text-muted">
        {{ $setting->web_tagline ?? 'Pendidikan Berkualitas untuk Masa Depan' }}
      </span>
    </p>
  </div>

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

        @if(session('new_registration'))
        <div class="alert alert-success border-0 shadow-sm mb-4" role="alert" style="border-left: 5px solid #198754;">
            <div class="d-flex align-items-start">
                <div class="fs-1 text-success me-3">
                    <i class="bi bi-check-circle-fill"></i>
                </div>
                <div>
                    <h4 class="alert-heading fw-bold mb-1">Pendaftaran Berhasil!</h4>
                    <p class="mb-2">Akun Anda telah aktif. Mohon catat atau screenshot kredensial berikut untuk login kembali:</p>
                    <div class="bg-white p-3 rounded border d-inline-block">
                        <div class="row g-3">
                            <div class="col-md-6 border-end">
                                <small class="text-muted text-uppercase fw-bold" style="font-size: 0.7rem;">Nomor Registrasi</small><br>
                                <span class="h5 fw-bold text-primary m-0">{{ session('new_registration')['register'] }}</span>
                            </div>
                            <div class="col-md-6">
                                <small class="text-muted text-uppercase fw-bold" style="font-size: 0.7rem;">Password</small><br>
                                <span class="h5 fw-bold text-danger m-0">{{ session('new_registration')['password'] }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if($ppdb->pembayaran_status === 'belum' && !$ppdb->kwitansi)
          <div class="alert alert-secondary text-center">
            <strong>Status:</strong> Bukti pembayaran belum diunggah.
          </div>

        @elseif(
            ($ppdb->pembayaran_status === 'belum' && $ppdb->kwitansi) ||
            $ppdb->pembayaran_status === 'menunggu'
        )
          <div class="alert alert-warning text-center">
            <strong>Status:</strong> Menunggu verifikasi pembayaran oleh admin.
          </div>

        @elseif($ppdb->pembayaran_status === 'diterima')
          <div class="alert alert-success text-center">
            <strong>Status:</strong> Pembayaran telah diverifikasi dan diterima.
          </div>

        @elseif($ppdb->pembayaran_status === 'ditolak')
          <div class="alert alert-danger text-center">
            <strong>Status:</strong> Pembayaran ditolak, silakan unggah ulang bukti pembayaran.
          </div>
        @endif

        <div class="card mb-4 shadow-sm border-0">
          <div class="card-body p-4">

            <h5 class="fw-bold mb-3 text-primary border-bottom pb-2">Informasi Pendaftaran</h5>

            <table class="table table-borderless mb-0">
              <tr>
                <th style="width: 35%">Nomor Registrasi</th>
                <td class="fw-bold text-dark">: {{ $ppdb->register }}</td>
              </tr>
              <tr>
                <th>Nama Calon Siswa</th>
                <td>: {{ $ppdb->name }}</td>
              </tr>
              <tr>
                <th>Status Pembayaran</th>
                <td>:
                  @if($ppdb->pembayaran_status === 'belum' && !$ppdb->kwitansi)
                    <span class="badge bg-secondary">Belum Upload</span>
                  @elseif(
                      ($ppdb->pembayaran_status === 'belum' && $ppdb->kwitansi) ||
                      $ppdb->pembayaran_status === 'menunggu'
                  )
                    <span class="badge bg-warning text-dark">Menunggu Verifikasi</span>
                  @elseif($ppdb->pembayaran_status === 'diterima')
                    <span class="badge bg-success">Diterima</span>
                  @elseif($ppdb->pembayaran_status === 'ditolak')
                    <span class="badge bg-danger">Ditolak</span>
                  @endif
                </td>
              </tr>
            </table>

            <div class="mt-4">
              <a href="{{ route('ppdb.download') }}"
                 class="btn btn-outline-primary w-100">
                <i class="bi bi-file-earmark-pdf me-2"></i>
                Download Bukti Pendaftaran
              </a>
            </div>

          </div>
        </div>

        @if($ppdb->pembayaran_status === 'diterima')
        <div class="card mb-4 shadow-sm border-0">
            <div class="card-body p-4">

            <h5 class="fw-bold mb-3 text-primary border-bottom pb-2">Hasil Tes Seleksi</h5>

            @if($ppdb->tes)
                <table class="table table-borderless mb-0">
                <tr>
                    <th style="width: 35%">Total Nilai</th>
                    <td>
                    : <strong class="fs-5">{{ $ppdb->tes->tes_total }}</strong>
                    </td>
                </tr>
                <tr>
                    <th>Status Kelulusan</th>
                    <td>:
                    @if($ppdb->tes->tes_penerimaan)
                        <span class="badge bg-success px-3 py-2">
                        <i class="bi bi-check-circle me-1"></i> DITERIMA
                        </span>
                    @else
                        <span class="badge bg-danger px-3 py-2">
                        <i class="bi bi-x-circle me-1"></i> TIDAK DITERIMA
                        </span>
                    @endif
                    </td>
                </tr>
                </table>

                <div class="alert {{ $ppdb->tes->tes_penerimaan ? 'alert-success' : 'alert-danger' }} mt-3 mb-0 text-center">
                    @if($ppdb->tes->tes_penerimaan)
                        <h5 class="fw-bold"><i class="bi bi-emoji-smile"></i> Selamat!</h5>
                        <p class="mb-0">Anda dinyatakan <b>DITERIMA</b>. Silakan menunggu informasi daftar ulang dari pihak sekolah.</p>
                    @else
                        <h5 class="fw-bold"><i class="bi bi-emoji-frown"></i> Mohon Maaf</h5>
                        <p class="mb-0">Anda <b>belum dinyatakan lulus</b> pada seleksi ini. Tetap semangat!</p>
                    @endif
                </div>

            @else
                <div class="alert alert-info text-center mb-0 border-0 bg-light">
                    <i class="bi bi-hourglass-split fs-4 d-block mb-2"></i>
                    <strong>Hasil tes belum tersedia.</strong><br>
                    Silakan menunggu pengumuman dari pihak sekolah.
                </div>
            @endif

            </div>
        </div>
        @endif


        @if(in_array($ppdb->pembayaran_status, ['belum', 'ditolak']))
        <div class="card mb-4 shadow-sm border-0">
          <div class="card-body p-4">

            <h5 class="fw-bold mb-3 text-primary border-bottom pb-2">Upload Bukti Pembayaran</h5>

            @if(session('success'))
              <div class="alert alert-success">
                {{ session('success') }}
              </div>
            @endif

            <form method="POST"
                  action="{{ route('ppdb.upload-bukti') }}"
                  enctype="multipart/form-data">
              @csrf

              <div class="mb-3">
                <label class="form-label small text-muted">Format: JPG, PNG, PDF (Max 2MB)</label>
                <input type="file"
                       name="kwitansi"
                       class="form-control"
                       required>
              </div>

              <div class="text-end">
                <button class="btn btn-primary px-4">
                  <i class="bi bi-upload me-2"></i> Kirim Bukti Pembayaran
                </button>
              </div>
            </form>

          </div>
        </div>
        @endif

        <div class="card border-0 bg-transparent">
          <div class="card-body text-center">
            <small class="text-muted d-block mb-2">
              Jika mengalami kendala, silakan hubungi:
            </small>
            <div class="text-muted">
                <strong>{{ $setting->web_name ?? 'Sekolah' }}</strong><br>
                @if($setting->web_telp)
                <i class="bi bi-whatsapp text-success"></i> {{ $setting->web_telp }}<br>
                @endif
                <small>{{ $setting->web_alamat ?? '' }}</small>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

</section>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        @if(session('new_registration'))
            Swal.fire({
                title: '🎉 Pendaftaran Berhasil!',
                html: `
                    <div class="text-center">
                        <p class="mb-3">Selamat, akun PPDB Anda telah aktif.<br>Mohon simpan data login berikut:</p>
                        
                        <div class="p-3 bg-light border rounded text-start mx-auto" style="max-width: 300px;">
                            <div class="mb-3 border-bottom pb-2">
                                <small class="text-muted text-uppercase fw-bold" style="font-size:10px">Nomor Registrasi (Username)</small><br>
                                <span class="h3 fw-bold text-primary" style="letter-spacing: 1px;">{{ session('new_registration')['register'] }}</span>
                            </div>
                            <div>
                                <small class="text-muted text-uppercase fw-bold" style="font-size:10px">Password</small><br>
                                <span class="h3 fw-bold text-danger" style="letter-spacing: 1px;">{{ session('new_registration')['password'] }}</span>
                            </div>
                        </div>

                        <p class="small text-muted mt-3 mb-0">
                            <i class="bi bi-info-circle me-1"></i>
                            Gunakan data di atas untuk login kembali.
                        </p>
                    </div>
                `,
                icon: 'success',
                confirmButtonText: 'Baik, Saya Sudah Simpan',
                confirmButtonColor: '#0d6efd',
                width: '400px',
                allowOutsideClick: false,
                allowEscapeKey: false
            });
        @endif
    });
</script>
@endpush