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

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

@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">Pendaftaran PPDB</h1>
  </div>
</section>

<section class="section">
  <div class="container">

    <div class="row justify-content-center">
      <div class="col-lg-7">

        <div class="card shadow-sm border-0">
          <div class="card-body py-5 text-center">

            <i class="fa fa-check-circle text-success fa-4x mb-3"></i>

            <h4 class="fw-bold mb-3">Pendaftaran Berhasil!</h4>

            <p class="text-muted">
              Terima kasih telah melakukan pendaftaran PPDB di
              <strong>SMP Al Idrus</strong>.
            </p>

            <p class="text-muted">
              Data Anda telah kami terima dan akan diproses oleh panitia PPDB.
            </p>

            <hr class="my-4">

            <div class="alert alert-info text-start">
              <h6 class="fw-bold mb-2">Informasi Login PPDB</h6>

              <ul class="mb-0">
                <li>
                  <strong>Username:</strong>
                  Nomor Registrasi PPDB
                </li>
                <li>
                  <strong>Password:</strong>
                  Tanggal lahir dengan format
                  <code>YYYYMMDD</code>
                </li>
              </ul>

              <div class="mt-2 small text-muted">
                Contoh:<br>
                Tanggal lahir: <strong>2012-08-28</strong><br>
                Password: <strong>20120828</strong>
              </div>
            </div>

            <div class="d-grid gap-2 mt-4">

            @if(session('ppdb_id'))
                <a href="{{ route('ppdb.download', session('ppdb_id')) }}"
                class="btn btn-primary">
                <i class="fa fa-download me-1"></i>
                Download Bukti Pendaftaran
                </a>
            @endif

            <a href="{{ url('/') }}" class="btn btn-secondary">
                <i class="fa fa-home me-1"></i>
                Kembali ke Beranda
            </a>

            </div>


          </div>
        </div>

      </div>
    </div>

  </div>
</section>
@endsection