<!-- CBT PORTAL INTEGRATION MODAL -->
<div class="modal-backdrop" id="cbtModal">
  <div class="modal-container">
    <div class="modal-close" id="closeCbtModal"><i class="fa-solid fa-xmark"></i></div>
    
    <div class="text-center" style="margin-bottom: 1.5rem;">
      <div style="width: 60px; height: 60px; background: rgba(37, 99, 235, 0.1); color: var(--accent-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; margin: 0 auto 1rem auto;">
        <i class="fa-solid fa-laptop-code"></i>
      </div>
      <h3 style="font-size: 1.5rem; color: var(--primary-navy);">Portal CBT & Ujian Online</h3>
      <p style="font-size: 0.9rem; color: var(--text-muted);">Integrasi Sistem Computer Based Test NK-CBT SMK Teratai Putih Global 3 Bekasi</p>
    </div>

    <div class="cbt-options-grid">
      <a href="/api/cbt/status" target="_blank" onclick="alert('Mengarahkan ke Portal CBT Siswa...');" class="cbt-option-card">
        <i class="fa-solid fa-user-graduate"></i>
        <h4>Portal Siswa</h4>
        <p>Login Ujian Penilaian Harian, PTS, & PAS</p>
      </a>

      <a href="/api/cbt/status" target="_blank" onclick="alert('Mengarahkan ke Portal Guru & Pengawas...');" class="cbt-option-card">
        <i class="fa-solid fa-chalkboard-user"></i>
        <h4>Portal Guru & Pengawas</h4>
        <p>Input Bank Soal & Monitoring Ujian Real-time</p>
      </a>
    </div>

    <div style="margin-top: 1.5rem; text-align: center; background: var(--bg-slate); padding: 0.85rem; border-radius: 8px; font-size: 0.8rem; color: var(--text-muted);">
      <i class="fa-solid fa-circle-info text-gold"></i> Status Server CBT: <strong class="text-green">ONLINE / TERHUBUNG</strong>
    </div>
  </div>
</div>
