<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="utf-8">
    <meta name="description" content="Universitas Patria Artha adalah perguruan tinggi yang berlokasi di Kabupaten Gowa. Universitas Patria Artha menawarkan berbagai program studi unggulan pada jenjang D3 (Kebidanan), S1 (Ilmu Keperawatan, Manajemen, Akuntansi, Teknik Informatika, Elektro, Mesin, Kesehatan Masyarakat), dan S2 (Manajemen). Dengan biaya kuliah yang terjangkau, Universitas Patria Artha menjadi pilihan tepat bagi calon mahasiswa yang mencari pendidikan berkualitas, lingkungan pendidikan unggul, fasilitas canggih, pengalaman belajar yang menginspirasi untuk masa depan yang cerah. Dapatkan pengalaman belajar yang modern, relevan dengan kebutuhan dunia kerja, di Universtias Patria Artha.">
    <meta name="keywords" content="edunitas, Kelas karyawan, Kuliah karyawan, Universitas Patria Arta, kampus Universitas Patria Artha, biaya kuliah kampus Universitas Patria Artha, biaya kuliah, kelas sabtu, akreditasi Universitas Patria Artha, kelas karyawan terjangkau Gowa, D3 Kebidanan, S1 Akuntansi, S1 Ilmu Keperawatan, S1 Manajemen, S1 Teknik Informatika, S1 Elektro, S1 Mesin, S1 Kesehatan Masyarakat, S2 Manajemen, kampus murah Di Gowa, kampus Di Gowa, Universitas Patria Artha, biaya kuliah, kelas sabtu, akreditasi Universitas Patria Artha,
     Kampus Kelas Karyawan Di Gowa, Kuliah Sambil Kerja Di Gowa, Universitas Terbaik di Gowa untuk Karyawan, Biaya Kuliah Terjangkau di Gowa, Universitas Kelas Sabtu Minggu Di Gowa, Akreditasi Universitas Di Gowa, Perguruan Tinggi Swasta Murah di Gowa, Program D3 Kebidanan, Program S1 Ilmu Keperawatan, Program S1 Manajemen, Program S1 Akutansi, Program S1 Teknik Informatika, Program S1 Elektro, Program S1 Mesin, Program S1 Kesehatan Masyarakat, Program S2 Manajemen, Kampus Swasta Terbaik Gowa, Universitas Murah  Di Gowa terakreditasi Baik,
     Kampus Terjangkau di Gowa untuk Karyawan, Kuliah dengan Biaya Murah di Gowa, Universitas dengan Kelas Online Gowa, Kampus Swasta Kelas Sabtu Minggu di Gowa, Biaya Kuliah Sarjana Murah di Gowa, Biaya Kuliah Diploma Murah di Gowa, Biaya Kuliah Magister Murah di Gowa, Biaya Kuliah D3 Murah di Gowa, Biaya Kuliah S1 Murah di Gowa, Biaya Kuliah S2 Murah di Gowa, Kampus dengan Program Studi Lengkap di Gowa, Kampus dengan Program Studi Lengkap di Makassar" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--ADS GSC-->
    <meta name="google-site-verification" content="5wFFHhhztvuQOFexOqP91WAsTA5-JGo6V9dc-N_9_yk" />
    
    
    <title><?php echo $__env->yieldContent('title'); ?> &mdash; Universitas Patria Artha (Kelas Karyawan)</title>
    <meta property="og:title" content="Universitas Patria Artha (Kelas Karyawan)">
    <meta property="og:type" content="website">
    <meta property="og:url" content="Universitas Patria Artha (Kelas Karyawan)">
    <meta property="og:image" content="https://patria-artha.info/images/background/hero1.png">
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:description" content="Universitas Patria Artha di Kabupaten Gowa menawarkan program D3 Kebidanan, S1 Akuntansi, S1 Ilmu Keperawatan, S1 Manajemen, S1 Teknik Informatika, S1 Elektro, S1 Mesin, S1 Kesehatan Masyarakat, S2 Manajemen, dengan biaya kuliah terjangkau. Pilihan tepat untuk pendidikan berkualitas">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:creator" content="@_kuliahkaryawan">
    <meta name="twitter:site" content="@_kuliahkaryawan">
    <meta name="twitter:title" content="Universitas Patria Artha (Kelas Karyawan)">
    <meta name="twitter:description" content="Universitas Patria Artha di Kabupaten Gowa menyediakan program Kelas Karyawan dengan biaya kuliah terjangkau untuk jenjang jenjang D3 (Kebidanan), S1 (Ilmu Keperawatan, Manajemen, Akuntansi, Teknik Informatika, Elektro, Mesin, Kesehatan Masyarakat), dan S2 (Manajemen). Dirancang khusus bagi pekerja dan profesional yang ingin melanjutkan pendidikan tanpa mengganggu aktivitas kerja, Universitas Patria Artha menawarkan jadwal fleksibel, suasana akademik harmonis, serta kurikulum yang relevan dengan kebutuhan dunia kerja. Raih gelar sarjana sambil tetap produktif bersama Universitas Patria Artha Kelas Karyawan!" />
    <meta name="twitter:domain" content="   ">
    <meta name="twitter:image:src" content="https://patria-artha.info/images/background/hero1.png">
    <meta name="author" content="Kuliah Karyawan Team" />
    <meta http-equiv="cache-control" content="public" />
    <meta name="application-name" content="Universitas Patria Artha | Kuliah Karyawan (K2)" />

    <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/images/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/images/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
    <link rel="manifest" href="/images/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <link href="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
    <link href="<?php echo e(asset('css/app.css')); ?>" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Warna Utama #169E16 (22,158,22) */
        :root {
            --primary: #169E16;
            --primary-light: #1eb81e;
            --primary-dark: #0f7a0f;
        }

        body {
            font-family: 'DM Sans', sans-serif;
            background: linear-gradient(135deg, #f0f2f5 0%, #e2e6ea 100%);
            padding: 40px 20px;
        }

        .print-container {
            max-width: 1000px;
            margin: 0 auto;
        }

        .print-card {
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);
            overflow: hidden;
        }

        .print-header {
            background: white;
            padding: 30px 40px 20px;
            text-align: center;
            border-bottom: 3px solid #000000;
        }

        .logo-wrapper {
            margin-bottom: 15px;
            display: flex;
            justify-content: center;
        }

        .logo-wrapper img {
            width: 80px;
            height: auto;
        }

        .print-header h2 {
            font-family: 'Poppins', sans-serif;
            font-size: 22px;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 5px;
        }

        .print-header .kampus-name {
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 800;
            color: var(--primary);
            margin-top: 10px;
            letter-spacing: 1px;
        }

        .print-header .subtitle {
            font-size: 13px;
            color: #6b7280;
            margin-top: 5px;
        }

        .print-body {
            padding: 35px 40px;
        }

        .badge-number {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            border-radius: 12px;
            padding: 14px 24px;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }

        .badge-number .label {
            color: white;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .badge-number .label i {
            margin-right: 8px;
        }

        .badge-number .value {
            color: white;
            font-size: 22px;
            font-weight: 800;
            font-family: monospace;
            letter-spacing: 2px;
            background: rgba(255, 255, 255, 0.2);
            padding: 6px 18px;
            border-radius: 8px;
        }

        .info-section {
            margin-bottom: 30px;
        }

        .section-title {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 18px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e5e7eb;
        }

        .section-title i {
            width: 30px;
            height: 30px;
            background: var(--primary);
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 13px;
        }

        .section-title h3 {
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: var(--primary);
            margin: 0;
        }

        .info-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px 30px;
        }

        .info-item {
            display: flex;
            align-items: baseline;
            font-size: 13px;
            padding: 6px 0;
            border-bottom: 1px dashed #f0f0f0;
        }

        .info-label {
            width: 135px;
            font-weight: 600;
            color: #6b7280;
            flex-shrink: 0;
        }

        .info-value {
            flex: 1;
            color: #374151;
            font-weight: 500;
        }

        .info-value.highlight {
            color: var(--primary);
            font-weight: 700;
        }

        /* Payment Section Styles - Lebih besar dan di-highlight */
        .payment-section {
            margin-bottom: 30px;
            background: linear-gradient(135deg, #fff9e6 0%, #fff3cc 100%);
            border-radius: 16px;
            padding: 20px;
            border: 2px solid #f59e0b;
            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
        }

        .payment-section .section-title {
            border-bottom: 2px solid #f59e0b;
            margin-bottom: 15px;
        }

        .payment-section .section-title i {
            background: #f59e0b;
        }

        .payment-section .section-title h3 {
            color: #f59e0b;
            font-size: 18px;
        }

        .payment-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px 30px;
        }

        .payment-item {
            display: flex;
            align-items: baseline;
            font-size: 15px;
            padding: 10px 0;
            border-bottom: 1px solid #ffe0b3;
        }

        .payment-label {
            width: 145px;
            font-weight: 700;
            color: #b45309;
            flex-shrink: 0;
            font-size: 14px;
        }

        .payment-value {
            flex: 1;
            color: #d97706;
            font-weight: 800;
            font-size: 18px;
        }

        .payment-value strong {
            font-size: 20px;
            color: #ea580c;
        }

        .rekening-info {
            background: #ffffff;
            border-radius: 12px;
            padding: 15px;
            margin-top: 10px;
            border: 1px solid #fed7aa;
        }

        .rekening-info .bank-name {
            font-weight: 800;
            font-size: 16px;
            color: #b45309;
            margin-bottom: 8px;
        }

        .rekening-info .rek-number {
            font-weight: 800;
            font-size: 18px;
            color: #ea580c;
            font-family: monospace;
            letter-spacing: 1px;
            background: #fff7ed;
            display: inline-block;
            padding: 4px 12px;
            border-radius: 8px;
            margin: 5px 0;
        }

        .rekening-info .rek-number span {
            font-size: 14px;
            font-family: inherit;
        }

        .payment-note {
            margin-top: 15px;
            padding: 12px;
            background: #fffbeb;
            border-left: 4px solid #f59e0b;
            border-radius: 8px;
            font-size: 14px;
            color: #92400e;
        }

        .payment-note i {
            margin-right: 8px;
            color: #f59e0b;
        }

        .payment-note .highlight-note {
            font-weight: 700;
            color: #ea580c;
        }

        .signature-area {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 2px dashed #e5e7eb;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 80px;
            flex-wrap: wrap;
        }

        .signature-left {
            text-align: center;
            min-width: 200px;
        }

        .signature-left .kampus-name {
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 12px;
        }

        .signature-left img {
            width: 110px;
            height: auto;
            margin: 8px auto;
            display: block;
        }

        .signature-left .staff-label {
            font-size: 12px;
            font-weight: 600;
            color: var(--primary);
            margin-top: 8px;
        }

        .signature-right {
            text-align: center;
            min-width: 200px;
        }

        .signature-right .date {
            font-size: 12px;
            color: #6b7280;
            margin-bottom: 35px;
        }

        .signature-right .candidate-label {
            font-size: 13px;
            color: #374151;
            margin-bottom: 50px;
        }

        .signature-right .candidate-name {
            font-size: 14px;
            font-weight: 800;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-top: 12px;
            border-top: 1px solid #e5e7eb;
            display: inline-block;
            min-width: 200px;
        }

        .print-footer {
            background: #f9fafb;
            padding: 20px 40px;
            text-align: center;
            border-top: 1px solid #e5e7eb;
        }

        .btn-download {
            background: var(--primary);
            color: white;
            border: none;
            padding: 12px 32px;
            border-radius: 10px;
            font-weight: 600;
            font-size: 14px;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            align-items: center;
            gap: 10px;
        }

        .btn-download:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
        }

        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .loading-overlay.active {
            display: flex;
        }

        .spinner {
            width: 60px;
            height: 60px;
            border: 5px solid #f3f3f3;
            border-top: 5px solid var(--primary);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes  spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .loading-text {
            color: white;
            margin-top: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            .print-body {
                padding: 25px;
            }
            
            .info-grid {
                grid-template-columns: 1fr;
            }
            
            .info-item {
                flex-direction: column;
                gap: 4px;
            }
            
            .info-label {
                width: 100%;
            }

            .payment-grid {
                grid-template-columns: 1fr;
            }

            .payment-item {
                flex-direction: column;
                gap: 4px;
            }

            .payment-label {
                width: 100%;
            }
            
            .badge-number {
                flex-direction: column;
                text-align: center;
            }
            
            .signature-area {
                flex-direction: column;
                gap: 40px;
            }
        }

        @media  print {
            body {
                background: white;
                padding: 0;
                margin: 0;
            }
            
            .print-container {
                max-width: 100%;
                margin: 0;
                padding: 0;
            }
            
            .print-card {
                border-radius: 0;
                box-shadow: none;
            }
            
            .print-header {
                border-bottom: 3px solid #000000;
            }
            
            .badge-number {
                background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }
            
            .section-title i {
                background: var(--primary);
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }

            .payment-section {
                background: linear-gradient(135deg, #fff9e6 0%, #fff3cc 100%);
                border: 2px solid #f59e0b;
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }

            .rekening-info {
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }
            
            .print-footer {
                display: none;
            }
        }
    </style>
</head>

<body>

<div class="print-container">
    <div class="print-card">
        <div class="print-header">
            <div class="logo-wrapper">
                <img src="<?php echo e(asset('./images/logo/logo1.png')); ?>" alt="Logo Kampus">
            </div>
            <h2>FORMULIR PENDAFTARAN</h2>
            <h2>CALON MAHASISWA BARU</h2>
            <div class="kampus-name"><?php echo e(strtoupper($settings['nama kampus'] ?? 'INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL')); ?></div>
        </div>

        <div class="print-body">
            <div class="badge-number">
                <span class="label"><i class="fas fa-qrcode"></i> NOMOR PENDAFTARAN</span>
                <span class="value"><?php echo e($registrationData->daftar_id); ?></span>
            </div>

            <!-- INFORMASI PEMBAYARAN - Lebih besar dan di-highlight -->
            <div class="payment-section">
                <div class="section-title">
                    <i class="fas fa-credit-card"></i>
                    <h3>INFORMASI PEMBAYARAN</h3>
                </div>
                <div class="payment-grid">
                    <div class="payment-item">
                        <span class="payment-label">Biaya Pendaftaran S1</span>
                        <span class="payment-value"><strong>Rp 150.000,-</strong></span>
                    </div>
                    <div class="payment-item">
                        <span class="payment-label">Biaya Pendaftaran D3</span>
                        <span class="payment-value"><strong>Rp 150.000,-</strong></span>
                    </div>
                    <div class="payment-item">
                        <span class="payment-label">Biaya Pendaftaran S2</span>
                        <span class="payment-value"><strong>Rp 200.000,-</strong></span>
                    </div>
                </div>
                
                <div class="rekening-info">
                    <div class="bank-name">
                        <i class="fas fa-university"></i> BANK BNI
                    </div>
                    <div class="rek-number">
                        No. Rekening: <span>8282823875</span>
                    </div>
                    <div style="font-size: 13px; color: #78350f; margin-top: 5px;">
                        a.n. Edukasi Indonesia Jaya
                    </div>
                </div>

                <div class="payment-note">
                    <i class="fas fa-info-circle"></i> 
                    <span class="highlight-note">Note:</span> Bisa juga datang ke kampus bertemu dengan staff PMB kami untuk melakukan pembayaran.
                </div>
            </div>
            <div class="info-section">
                <div class="section-title">
                    <i class="fas fa-graduation-cap"></i>
                    <h3>PROGRAM STUDI</h3>
                </div>
                <div class="info-grid">
                    <div class="info-item">
                        <span class="info-label">Perguruan Tinggi</span>
                        <span class="info-value"><?php echo e($registrationData->kampus); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Jurusan</span>
                        <span class="info-value highlight"><?php echo e($registrationData->jurusan); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Kelas</span>
                        <span class="info-value"><?php echo e($registrationData->kelas); ?></span>
                    </div>
                </div>
            </div>

            <div class="info-section">
                <div class="section-title">
                    <i class="fas fa-user"></i>
                    <h3>DATA PRIBADI</h3>
                </div>
                <div class="info-grid">
                    <div class="info-item">
                        <span class="info-label">Nama Lengkap</span>
                        <span class="info-value highlight"><?php echo e($registrationData->nama_leng); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Jenis Kelamin</span>
                        <span class="info-value"><?php echo e($registrationData->j_kel == 'L' ? 'Laki-laki' : 'Perempuan'); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Tempat, Tgl Lahir</span>
                        <span class="info-value"><?php echo e($registrationData->tmpt_lahir); ?>, <?php echo e($registrationData->tgl_lahir); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Nama Ibu Kandung</span>
                        <span class="info-value"><?php echo e($registrationData->ibu); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Alamat KTP</span>
                        <span class="info-value"><?php echo e($registrationData->al_ktp); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Alamat Domisili</span>
                        <span class="info-value"><?php echo e($registrationData->al_dom); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Nomor KTP</span>
                        <span class="info-value"><?php echo e($registrationData->no_ktp); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Nomor Darurat (Orang Tidak Serumah)</span>
                        <span class="info-value"><?php echo e($registrationData->no_hp); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Nomor HP/WhatsApp</span>
                        <span class="info-value"><?php echo e($registrationData->no_wa); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Email</span>
                        <span class="info-value"><?php echo e($registrationData->email); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Agama</span>
                        <span class="info-value"><?php echo e($registrationData->agama); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Ukuran Jaket</span>
                        <span class="info-value"><?php echo e($registrationData->jaket); ?></span>
                    </div>
                </div>
            </div>

            <div class="info-section">
                <div class="section-title">
                    <i class="fas fa-school"></i>
                    <h3>DATA PENDIDIKAN</h3>
                </div>
                <div class="info-grid">
                    <div class="info-item">
                        <span class="info-label">Lulusan</span>
                        <span class="info-value"><?php echo e($registrationData->lulusan); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Nama Sekolah / Universitas</span>
                        <span class="info-value"><?php echo e($registrationData->sekolah); ?></span>
                    </div>
                </div>
            </div>

            <div class="info-section">
                <div class="section-title">
                    <i class="fas fa-briefcase"></i>
                    <h3>DATA PEKERJAAN & INFORMASI LAINNYA</h3>
                </div>
                <div class="info-grid">
                    <div class="info-item">
                        <span class="info-label">Pekerjaan</span>
                        <span class="info-value"><?php echo e($registrationData->pekerjaan); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Sumber Informasi</span>
                        <span class="info-value"><?php echo e($registrationData->info); ?></span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">Biaya</span>
                        <span class="info-value highlight"><?php echo e($registrationData->biaya); ?></span>
                    </div>
                </div>
            </div>



            <div class="signature-area">
                <div class="signature-left">
                    <div class="kampus-name"><?php echo e($settings['nama kampus'] ?? 'INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL'); ?></div>
                    <img src="<?php echo e(asset('images/ttd_cap_fix.png')); ?>" alt="TTD Cap">
                    <div class="staff-label">STAFF PMB</div>
                </div>
                <div class="signature-right">
                    <div class="date"><?php echo e(date('d-m-Y')); ?></div>
                    <div class="candidate-label">Calon Mahasiswa,</div>
                    <div class="candidate-name"><?php echo e(strtoupper($registrationData->nama_leng)); ?></div>
                </div>
            </div>
        </div>

        <div class="print-footer">
            <button id="downloadBtn" class="btn-download" onclick="downloadPDF()">
                <i class="fas fa-download"></i> Download PDF
            </button>
        </div>
    </div>
</div>

<div id="loadingOverlay" class="loading-overlay">
    <div style="text-align: center;">
        <div class="spinner"></div>
        <div class="loading-text">Sedang memproses PDF...</div>
    </div>
</div>

<script>
    function downloadPDF() {
        const loadingOverlay = document.getElementById('loadingOverlay');
        const downloadBtn = document.getElementById('downloadBtn');
        
        // Tampilkan loading
        loadingOverlay.classList.add('active');
        downloadBtn.disabled = true;
        downloadBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Memproses...';
        
        const noDaftar = '<?php echo e($registrationData->daftar_id); ?>';
        
        // Redirect ke route download PDF
        window.location.href = '<?php echo e(url("/pendaftaran/download-pdf")); ?>/' + noDaftar;
        
        // Sembunyikan loading setelah 3 detik
        setTimeout(function() {
            loadingOverlay.classList.remove('active');
            downloadBtn.disabled = false;
            downloadBtn.innerHTML = '<i class="fas fa-download"></i> Download PDF';
        }, 3000);
    }
</script>

<?php echo $__env->yieldPushContent('prpend-script'); ?>
<?php echo $__env->yieldPushContent('addon-script'); ?>

<script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="<?php echo e(asset('./js/app.js')); ?>"></script>

</body>

</html><?php /**PATH /home/edunesiaserver/public_html/K2/WEB_KAMPUS/WEB_TEMPLATE/Biru-Merah/resources/views/Frontend/cetak.blade.php ENDPATH**/ ?>