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

<head>
    <meta charset="utf-8">
    <meta name="description" content="STMIK Borneo Internasional menawarkan program S1 Sistem Informasi yang dirancang untuk mencetak lulusan unggul di bidang teknologi informasi, analisis data, dan manajemen sistem. Dengan kurikulum berbasis industri, fasilitas modern, serta bimbingan dari dosen berpengalaman, mahasiswa akan mendapatkan keterampilan praktis dan teoritis yang siap diterapkan di dunia kerja. Program ini membuka peluang karier sebagai analis sistem, pengembang perangkat lunak, manajer IT, hingga data scientist. Bergabunglah dengan STMIK Borneo Internasional dan raih masa depan cemerlang di era digital.">
    <meta name="keywords" content="edunitas, Kelas karyawan, Kuliah karyawan, STMIK Borneo Internasional, kampus STMIK Borneo Internasional , biaya kuliah kampus STMIK BI , biaya kuliah, kelas sabtu, akreditasi STMIK BI, kelas karyawan terjangkau Balikpapan , S1 Sistem Informasi, kampus murah Di Balikpapan , kampus Di Balikpapan , STMIK BI, biaya kuliah, kelas sabtu, akreditasi STMIK Borneo Internasional ,
     Kampus Kelas Karyawan Di Balikpapan , Kuliah Sambil Kerja Di Balikpapan , Universitas Terbaik di Balikpapan  untuk Karyawan, Biaya Kuliah Terjangkau di Balikpapan , Universitas Kelas Sabtu Minggu Di Balikpapan , Akreditasi Universitas Di Balikpapan ,Perguruan Tinggi Swasta Murah di Balikpapan , Program S1 Sistem Informasi ,  Kampus Swasta Terbaik Balikpapan , Universitas Murah  Di Balikpapan  terakreditasi Baik,
     Kampus Terjangkau di Balikpapan  untuk Karyawan, , Kuliah dengan Biaya Termurah bulan di Balikpapan  , Universitas dengan Kelas Online Balikpapan , Kampus Swasta Kelas Sabtu Minggu di Balikpapan , Biaya Kuliah  Diploma Murah di Balikpapan , Biaya Kuliah  S1 Murah di Balikpapan  , Kampus dengan Program Studi Lengkap di Balikpapan " />
    <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="Vask-N4lg7mjZcGkwZOhi-AgMXfMrnRj98jWuBA3twc" />
    
    <title><?php echo $__env->yieldContent('title'); ?> &mdash; STMIK Borneo Internasional (Kelas Karyawan)</title>
    <meta property="og:title" content="STMIK Borneo Internasional (Kelas Karyawan)">
    <meta property="og:type" content="website">
    <meta property="og:url" content="STMIK Borneo Internasional (Kelas Karyawan)">
    <meta property="og:image" content="stmik-borneo.info/images/background/hero1.png">
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:description" content="STMIK Borneo Internasional menawarkan program S1 Sistem Informasi yang dirancang untuk membekali mahasiswa dengan keahlian dalam teknologi informasi, analisis data, dan manajemen sistem. Dengan kurikulum berbasis industri dan dosen berpengalaman, lulusan siap menghadapi tantangan di dunia digital serta berkarier sebagai analis sistem, pengembang perangkat lunak, atau profesional IT lainnya. Bergabunglah dan wujudkan masa depan digital Anda bersama STMIK Borneo Internasional.">
    <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="STMIK Borneo Internasional (Kelas Karyawan) (Kelas Karyawan)">
    <meta name="twitter:description" content="Kelas Karyawan S1 Sistem Informasi di STMIK Borneo Internasional dirancang untuk profesional yang ingin meningkatkan keterampilan di bidang teknologi informasi tanpa mengganggu pekerjaan. Dengan jadwal fleksibel, kurikulum berbasis industri, dan dukungan dosen berpengalaman, mahasiswa dapat menguasai analisis data, pengelolaan sistem, serta pengembangan perangkat lunak. Dapatkan gelar S1 sambil tetap bekerja dan tingkatkan peluang karier Anda di dunia digital bersama STMIK Borneo Internasional!" />
    <meta name="twitter:domain" content="   ">
    <meta name="twitter:image:src" content="stmik-borneo.info/images/background/hero1.png">
    <meta name="author" content="Kuliah Karyawan Team" />
    <meta http-equiv="cache-control" content="public" />
    <meta name="application-name" content="STMIK Borneo Internasional | 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;
        }

        .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;
            display: inline-flex;
            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%;
            }
            
            .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;
            }
            
            .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>

            <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-Oranye/resources/views/Frontend/cetak.blade.php ENDPATH**/ ?>