@extends('pmb.layout')

@section('title', 'Cetak Bukti Pendaftaran')

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8 col-lg-7">
        <div class="pmb-card">
            <div class="pmb-card-header">
                <h5><i class="fas fa-print me-2"></i>Cetak Bukti Pendaftaran</h5>
            </div>
            <div class="pmb-card-body">
                <div class="alert alert-undarma alert-undarma-success mb-4">
                    <i class="fas fa-check-circle me-2"></i>
                    Semua data telah lengkap. Silakan review data Anda sebelum mengirim pendaftaran.
                </div>

                <div class="card mb-4" style="border: 2px solid var(--undarma-navy); border-radius: 12px;">
                    <div class="card-body">
                        <h6 class="fw-bold mb-3" style="color: var(--undarma-navy);">
                            <i class="fas fa-user me-2"></i>Ringkasan Data
                        </h6>
                        <table class="table table-borderless table-sm mb-0">
                            <tr><td width="35%">Nama</td><td class="fw-bold">{{ $pendaftaran->nama_lengkap }}</td></tr>
                            <tr><td>NIK</td><td class="fw-bold">{{ $pendaftaran->nik }}</td></tr>
                            <tr><td>Email</td><td class="fw-bold">{{ $pendaftaran->email }}</td></tr>
                            <tr><td>No. HP</td><td class="fw-bold">{{ $pendaftaran->no_hp }}</td></tr>
                            <tr><td>Prodi</td><td class="fw-bold">{{ $pendaftaran->prodi?->nama_prodi ?? '-' }}</td></tr>
                            <tr><td>Fakultas</td><td class="fw-bold">{{ $pendaftaran->fakultas?->nama_fakultas ?? '-' }}</td></tr>
                        </table>
                    </div>
                </div>

                <!-- Preview Kartu Ujian -->
                <div class="card mb-4" style="border: 2px solid #0B2C6B; border-radius: 12px;">
                    <div class="card-body text-center">
                        <h6 class="fw-bold mb-3" style="color: #0B2C6B;">
                            <i class="fas fa-id-card me-2"></i>Kartu Ujian PMB
                        </h6>
                        <p class="text-muted small mb-3">Kartu ujian akan tersedia setelah pendaftaran dikirim. Pastikan semua data sudah benar.</p>
                        <div class="d-flex justify-content-center gap-2">
                            <a href="{{ route('pmb.cetak.kartu-ujian') }}" target="_blank" class="btn btn-lg px-4" style="background: linear-gradient(to right, #0B2C6B, #1a4a8a); color: #fff; border: none;">
                                <i class="fas fa-print me-2"></i>Cetak Kartu Ujian
                            </a>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ route('pmb.step', 'pembayaran') }}" class="btn btn-undarma-outline">
                        <i class="fas fa-arrow-left me-2"></i>Kembali
                    </a>
                    <form method="POST" action="{{ route('pmb.step.update', 'cetak_bukti') }}">
                        @csrf
                        <button type="submit" class="btn btn-undarma-gold">
                            <i class="fas fa-paper-plane me-2"></i>Kirim Pendaftaran
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection