<!-- DEBUG: settings ADA, isi: Array
(
    [nama_sekolah] => YAYASAN DARUSSALAM ADI JAYA
    [alamat] => Jl. Dr Sutomo Adi Jaya Terbanggi Besar
    [telepon] => 081274175626
    [email] => yayasandarussalamadijaya@gmail.com
    [website] => https://darussalamadijaya.sch.id/
    [deskripsi] => Sistem Penerimaan Murid Baru yang modern dan terintegrasi
    [hero_title] => PSB
    [hero_subtitle] => Sistem pendaftaran Santri online yang modern, cepat, dan terpercaya untuk Tahun Ajaran 2026/2027
    [jumlah_pendaftar] => 5000+
    [tahun_ajaran] => 2026/2027
    [logo] => uploads/logo_1779553153.png
    [sekolah_nama_hero] => Yayasan Darussalam Adijaya
    [hero_span_text] => Penerimaan Santri Baru
    [jadwal_1_tanggal] => 20 Mei - 30 Juni 2026
    [jadwal_1_judul] => Pendaftaran Online
    [jadwal_1_deskripsi] => Pastikan semua data diisi dengan lengkap.
Pendaftaran santri Jenjang Pendidikan MTs dan SMA wajib muqim di asrama Pesantren.
    [jadwal_2_tanggal] => SOAN
    [jadwal_2_judul] => Penyerahan Santri Kepada Pengasuh
    [jadwal_2_deskripsi] => Setelah Calon Santri Melakukan Pendaftaran secara Online, maka orang tua/wali santri wajib untuk menyerahkan/menyoankan calon santri kepada pengasuh Pondok Pesantren.
    [jadwal_3_tanggal] => BERKAS PENDAFTARAN
    [jadwal_3_judul] => Pengumpulan Berkas Pendaftaran
    [jadwal_3_deskripsi] => Berkas wajib di kumpul dengan persyaratan lengkap sesuai yang sudah ditetapkan.
Pengumpulan berkas pendaftaran di serahkan di kantor pusat administrasi Pondok Pesantren Darussalam Adijaya di waktu jam kerja.
semua berkas di masukkan dalam Map dengan ketentuan :
Calon santri Baru Jenjang MTs PUTRA : Map Kuning
Calon santri Baru Jenjang MTs PUTRI   : Map Ungu
Calon santri Baru Jenjang SMA PUTRA   : Map Biru
Calon santri Baru Jenjang SMA PUTRI  : Map hijau
    [jadwal_4_tanggal] => PEMBAYARAN
    [jadwal_4_judul] => Daftar Ulang
    [jadwal_4_deskripsi] => Pembayaran Pendaftaran Calon Santri Baru di lakukan di kantor administrasi, untuk biaya awal wajib bayar sesuai yang ada di pengumuman website ini
    [social_facebook] => https://www.facebook.com/darussalamadijaya
    [social_twitter] => https://www.twitter.com/
    [social_instagram] => https://www.instagram.com/
    [social_youtube] => https://www.youtube.com/
    [social_linkedin] => https://id.linkedin.com/
    [page_syarat_ketentuan] => syarat-ketentuan
    [page_panduan] => panduan-pendaftaran
    [page_faq] => faq
    [page_privacy] => privacy-policy
    [page_kebijakan] => kebijakan-layanan
    [kode_spmb] => SPMB
    [tahun_spmb] => 2026
    [counter_pendaftaran] => 60
    [jurusan_options] => IPA,IPS,Bahasa
    [pendaftaran_tanggal_buka] => 2026-05-23
    [pendaftaran_tanggal_tutup] => 2026-07-10
    [pendaftaran_status] => 
    [pendaftaran_pesan] => Pendaftaran Santri Baru Tahun Ajaran 2026/2027 telah dibuka!
    [input_nilai_peserta] => 1
    [jadwal_5_tanggal] => ASRAMA
    [jadwal_5_judul] => Penyerahan Santri Kepada Pengurus Asrama
    [jadwal_5_deskripsi] => Bagi calon santri yang telah menyelesaikan proses pendaftaran dan administrasi, selanjutnya ananda diserahkan kepada pengurus untuk diarahkan dan diantar menuju asrama yang telah ditentukan.
    [jadwal_6_tanggal] => 
    [jadwal_6_judul] => 
    [jadwal_6_deskripsi] => 
    [jadwal_7_tanggal] => 
    [jadwal_7_judul] => 
    [jadwal_7_deskripsi] => 
    [jadwal_8_tanggal] => 
    [jadwal_8_judul] => 
    [jadwal_8_deskripsi] => 
    [jadwal_9_tanggal] => 
    [jadwal_9_judul] => 
    [jadwal_9_deskripsi] => 
    [jadwal_10_tanggal] => 
    [jadwal_10_judul] => 
    [jadwal_10_deskripsi] => 
    [link_grup_wa] => https://chat.whatsapp.com/BF7z0sHyoTl5F1swxfmV0s
    [show_grup_wa] => 1
    [pesan_grup_wa] => Untuk Jenjang MTs Dan SMA Wajib Gabung Ke Grub
    [judul_popup_wa] => 🎉Silahkan Gabung Grup!
    [benefit_1] => Info terbaru terkait PSB
    [benefit_2] => Konsultasi langsung via grup
    [benefit_3] => Dikelola langsung panitia
    [teks_btn_gabung] => Gabung Sekarang
    [teks_btn_tutup] => Tidak, Terimakasih !
    [teks_alert_wa] => Segera bergabung untuk informasi terupdate!
    [footer_page_1_label] => Syarat dan Ketentuan
    [footer_page_1_slug] => syarat-dan-ketentuan
    [footer_page_2_label] => FAQ
    [footer_page_2_slug] => faq
    [footer_page_3_label] => Kebijakan Privasi Data
    [footer_page_3_slug] => kebijakan-privasi-data
    [footer_page_4_label] => Kebijakan Layanan & Pengaduan
    [footer_page_4_slug] => kebijakan-layanan-pengaduan
    [visitor_total] => 2854
)
 -->
<!-- PATH: /home/darussa3/public_html/psb/public/uploads/uploads/logo_1779553153.png EXISTS: NO --><!-- URL: https://ppdb.darussalamadijaya.sch.id/uploads/uploads/logo_1779553153.png -->
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Peserta - PSB Online</title>
    
    <!-- Bootstrap 5 -->
    <link href="https://ppdb.darussalamadijaya.sch.id/assets/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://ppdb.darussalamadijaya.sch.id/assets/fontawesome/css/all.min.css">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    
    <!-- AOS Animation -->
    <link href="https://ppdb.darussalamadijaya.sch.id/assets/css/aos.css" rel="stylesheet">

    <!-- ============ FAVICON ============ -->
    <link rel="icon" type="image/png" href="https://ppdb.darussalamadijaya.sch.id/uploads/logo_1779553153.png">
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background: linear-gradient(145deg, #0B2F9E 0%, #1B4F9E 35%, #2A6F9E 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            position: relative;
            overflow-x: hidden;
        }
        
        /* Background Pattern KEREN */
        body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(circle at 10% 20%, rgba(255,255,255,0.05) 0%, transparent 20%),
                radial-gradient(circle at 90% 70%, rgba(255,255,255,0.05) 0%, transparent 25%),
                radial-gradient(circle at 30% 80%, rgba(255,255,255,0.03) 0%, transparent 30%),
                radial-gradient(circle at 70% 10%, rgba(255,255,255,0.03) 0%, transparent 35%);
            pointer-events: none;
        }
        
        /* Efek Glassmorphism */
        .login-wrapper {
            width: 100%;
            padding: 20px;
            position: relative;
            z-index: 10;
        }
        
        .login-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 40px 40px 40px 40px;
            padding: 0;
            box-shadow: 
                0 50px 80px rgba(0,0,0,0.25),
                0 0 0 1px rgba(255,255,255,0.1) inset;
            overflow: hidden;
        }
        
        /* Header dengan Wave Effect */
        .card-header-school {
            background: linear-gradient(145deg, #2A6F9E, #0B2F9E);
            padding: 40px 40px 60px;
            position: relative;
            color: white;
        }
        
        .card-header-school::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 50px;
            background: white;
            border-radius: 50% 50% 0 0 / 30% 30% 0 0;
            transform: scaleY(0.3) translateY(30px);
        }
        
        /* Logo dan Info Sekolah */
        .school-profile {
            display: flex;
            align-items: center;
            gap: 20px;
            position: relative;
            z-index: 5;
        }
        
        .logo-container {
            width: 90px;
            height: 90px;
            background: white;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 20px 30px rgba(0,0,0,0.2);
            overflow: hidden;
            border: 4px solid rgba(255,255,255,0.5);
        }
        
        .logo-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .logo-container i {
            font-size: 45px;
            color: #0B2F9E;
        }
        
        .school-text {
            flex: 1;
        }
        
        .school-text h1 {
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 5px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.2);
            letter-spacing: -0.5px;
        }
        
        .school-text .badge-year {
            background: rgba(255,255,255,0.2);
            padding: 6px 16px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 600;
            display: inline-block;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255,255,255,0.3);
            margin-top: 8px;
        }
        
        /* Body Login */
        .login-body {
            padding: 40px 40px 30px;
            background: white;
        }
        
        .login-header {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .login-header .icon-wrapper {
            width: 80px;
            height: 80px;
            background: linear-gradient(145deg, #2A6F9E, #0B2F9E);
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            transform: rotate(-5deg);
            transition: all 0.3s ease;
            box-shadow: 0 15px 25px rgba(11,47,158,0.2);
        }
        
        .login-header .icon-wrapper:hover {
            transform: rotate(0deg) scale(1.05);
        }
        
        .login-header .icon-wrapper i {
            font-size: 40px;
            color: white;
        }
        
        .login-header h2 {
            font-weight: 700;
            color: #0B2F9E;
            margin-bottom: 8px;
            font-size: 28px;
        }
        
        .login-header p {
            color: #6c757d;
            font-weight: 400;
            font-size: 15px;
        }
        
        /* Form Styling */
        .form-group {
            margin-bottom: 25px;
        }
        
        .form-label {
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 10px;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .form-label i {
            color: #0B2F9E;
        }
        
        .input-group-custom {
            position: relative;
            display: flex;
            align-items: center;
        }
        
        .input-icon {
            position: absolute;
            left: 16px;
            color: #0B2F9E;
            font-size: 18px;
            z-index: 10;
        }
        
        .form-control-custom {
            width: 100%;
            padding: 16px 20px 16px 50px;
            border: 2px solid #e9ecef;
            border-radius: 20px;
            font-size: 15px;
            transition: all 0.3s ease;
            background: #f8f9fa;
        }
        
        .form-control-custom:focus {
            border-color: #0B2F9E;
            background: white;
            box-shadow: 0 10px 20px rgba(11,47,158,0.1);
            outline: none;
        }
        
        .form-control-custom::placeholder {
            color: #adb5bd;
            font-weight: 300;
        }
        
        /* Password Toggle Button */
        .password-toggle {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: #6c757d;
            cursor: pointer;
            padding: 8px;
            z-index: 20;
            transition: all 0.3s ease;
        }
        
        .password-toggle:hover {
            color: #0B2F9E;
        }
        
        .password-toggle i {
            font-size: 18px;
        }
        
        .hint-text {
            font-size: 12px;
            color: #6c757d;
            margin-top: 8px;
            margin-left: 16px;
        }
        
        /* Button Login */
        .btn-login {
            background: linear-gradient(145deg, #0B2F9E, #1B4F9E);
            color: white;
            border: none;
            padding: 16px;
            border-radius: 20px;
            font-weight: 700;
            font-size: 16px;
            letter-spacing: 1px;
            width: 100%;
            transition: all 0.3s ease;
            box-shadow: 0 10px 20px rgba(11,47,158,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }
        
        .btn-login:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 30px rgba(11,47,158,0.3);
            background: linear-gradient(145deg, #1B4F9E, #0B2F9E);
            color: white;
        }
        
        /* Footer Links */
        .login-footer {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 2px dashed #e9ecef;
            text-align: center;
        }
        
        .footer-link {
            color: #6c757d;
            text-decoration: none;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.3s ease;
            padding: 8px;
        }
        
        .footer-link:hover {
            color: #0B2F9E;
            gap: 12px;
        }
        
        .footer-link i {
            font-size: 12px;
        }
        
        /* Alert Styling */
        .alert-custom {
            background: #fee2e2;
            border: none;
            border-left: 6px solid #dc2626;
            border-radius: 16px;
            padding: 16px 20px;
            margin-bottom: 25px;
            color: #991b1b;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .alert-custom i {
            font-size: 20px;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .card-header-school {
                padding: 30px 30px 50px;
            }
            
            .school-profile {
                flex-direction: column;
                text-align: center;
            }
            
            .school-text h1 {
                font-size: 22px;
            }
            
            .login-body {
                padding: 30px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-5 col-md-7">
                <div class="login-wrapper" data-aos="fade-up" data-aos-duration="1000">
                    <div class="login-card">
                        
                        <!-- HEADER SEKOLAH - DATA LANGSUNG DARI DATABASE -->
                        <div class="card-header-school">
                            <div class="school-profile">
                                <div class="logo-container">
                                                                            <img src="https://ppdb.darussalamadijaya.sch.id/uploads/logo_1779553153.png" 
                                            alt="Logo YAYASAN DARUSSALAM ADI JAYA">
                                                                    </div>
                                <div class="school-text">
                                    <h1>YAYASAN DARUSSALAM ADI JAYA</h1>
                                    <span>Seleksi Penerimaan Murid Baru</span>
                                    <div class="badge-year">
                                        <i class="fas fa-calendar-alt me-2"></i>
                                        Tahun Ajaran 2026/2027                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- BODY LOGIN -->
                        <div class="login-body">
                            
                            <div class="login-header">
                                <div class="icon-wrapper" data-aos="zoom-in" data-aos-delay="300">
                                    <i class="fas fa-user-graduate"></i>
                                </div>
                                <h2>Login Peserta</h2>
                                <p>Masukkan NISN dan Password Anda untuk memulai</p>
                            </div>
                            
                            <!-- ALERT ERROR - HANYA MUNCUL KALAU ADA ERROR -->
                                                        
                            <!-- FORM LOGIN -->
                            <form action="https://ppdb.darussalamadijaya.sch.id/peserta/login" method="post">
                                <input type="hidden" name="csrf_test_name" value="a0186be2d7dcdb7b7cd6c57d6f54ed02">                                
                                <div class="form-group">
                                    <label class="form-label">
                                        <i class="fas fa-id-card"></i>
                                        NISN
                                    </label>
                                    <div class="input-group-custom">
                                        <i class="fas fa-id-card input-icon"></i>
                                        <input type="text" 
                                               name="nisn" 
                                               id="nisn"
                                               class="form-control-custom" 
                                               placeholder="Masukkan 10 digit NISN" 
                                               value=""
                                               maxlength="10"
                                               pattern="\d*"
                                               title="Harus 10 digit angka"
                                               autocomplete="off"
                                               required>
                                    </div>
                                    <div class="hint-text">
                                        <i class="fas fa-info-circle me-1"></i>
                                        Contoh: 1234567890
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="form-label">
                                        <i class="fas fa-lock"></i>
                                        Password
                                    </label>
                                    <div class="input-group-custom">
                                        <i class="fas fa-lock input-icon"></i>
                                        <input type="password" 
                                               name="password" 
                                               id="password"
                                               class="form-control-custom" 
                                               placeholder="Masukkan password Anda"
                                               style="padding-right: 50px;"
                                               required>
                                        <button type="button" 
                                                class="password-toggle" 
                                                onclick="togglePassword('password', 'toggleIcon')">
                                            <i class="fas fa-eye" id="toggleIcon"></i>
                                        </button>
                                    </div>
                                </div>
                                
                                <button type="submit" class="btn-login mt-4">
                                    <i class="fas fa-sign-in-alt"></i>
                                    MASUK
                                </button>
                            </form>
                            
                            <!-- FOOTER LINKS -->
                            <div class="login-footer">
                                <a href="https://ppdb.darussalamadijaya.sch.id/daftar" class="footer-link">
                                    <i class="fas fa-arrow-left"></i>
                                    Belum punya akun? Daftar di sini
                                </a>
                                <a href="https://ppdb.darussalamadijaya.sch.id/" class="footer-link mt-2">
                                    <i class="fas fa-home"></i>
                                    Kembali ke Beranda
                                </a>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Scripts -->
    <script src="https://ppdb.darussalamadijaya.sch.id/assets/js/bootstrap.bundle.min.js"></script>
    <script src="https://ppdb.darussalamadijaya.sch.id/assets/js/aos.js"></script>
    <script>
        // Initialize AOS Animation
        AOS.init();
        
        // Toggle Password Function
        function togglePassword(inputId, iconId) {
            const input = document.getElementById(inputId);
            const icon = document.getElementById(iconId);
            
            if (input.type === 'password') {
                input.type = 'text';
                icon.classList.remove('fa-eye');
                icon.classList.add('fa-eye-slash');
            } else {
                input.type = 'password';
                icon.classList.remove('fa-eye-slash');
                icon.classList.add('fa-eye');
            }
        }
        
        // Auto-hide alert setelah 5 detik
        setTimeout(function() {
            let alert = document.querySelector('.alert-custom');
            if (alert) {
                alert.style.transition = 'all 0.5s ease';
                alert.style.opacity = '0';
                setTimeout(() => {
                    alert.style.display = 'none';
                }, 500);
            }
        }, 5000);
        
        // Input hanya angka untuk NISN
        document.querySelector('input[name="nisn"]').addEventListener('input', function(e) {
            this.value = this.value.replace(/[^0-9]/g, '');
        });
    </script>
</body>
</html>