<div style='background:#fee; padding:20px; border:1px solid #f00; font-family: sans-serif;'><h2 style='color:red;'>CRITICAL ERROR: PHP Gagal Menghubungi API ERP</h2><p>Browser bisa membuka API, tapi PHP Server terblokir saat mencoba menghubungi API-nya sendiri.</p><hr><b>URL API Target :</b> <a href='https://erp.dev.saidnaum.my.id/api/public/web-data/yayasan.saidnaum.my.id' target='_blank'>https://erp.dev.saidnaum.my.id/api/public/web-data/yayasan.saidnaum.my.id</a><br><b>Domain Saat Ini :</b> yayasan.saidnaum.my.id<br><b>HTTP Code :</b> <span style='color:red; font-size:1.2em; font-weight:bold;'>200</span><br><b>cURL Error :</b> <span style='color:red; font-weight:bold;'>Tidak ada error jaringan</span><br><b>JSON Parse Error :</b> Syntax error<br><br><b>Teks Mentah dari Server (Bukan JSON):</b><br><textarea style='width:100%; height:250px; background:#fff; color:#333; font-family:monospace; padding:10px;'>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;id&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Login ERP Saidnaum&lt;/title&gt;
    &lt;!-- Muat Font Awesome --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css&quot;&gt;
    &lt;!-- Muat Tailwind CSS --&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;style&gt;
        /* Menggunakan style CSS global dari layout untuk konsistensi */
        /* (Style ini diambil dari main_layout.php) */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc; /* bg-slate-50 */
        }
        
        .form-label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 500;
            color: #334155; /* text-slate-700 */
        }
        
        .form-input, .form-select {
            display: block;
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #cbd5e1; /* border-slate-300 */
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
        
        .form-input:focus, .form-select:focus {
            outline: none;
            border-color: #3b82f6; /* focus:border-blue-500 */
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25); /* focus:ring */
        }
        
        .form-checkbox {
            height: 1.125rem;
            width: 1.125rem;
            border-radius: 0.25rem;
            border-color: #cbd5e1;
            color: #3b82f6; /* text-blue-600 */
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.75rem 1.25rem;
            border-radius: 0.5rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        }
        .btn-primary {
            background-color: #3b82f6; /* bg-blue-600 */
            color: white;
        }
        .btn-primary:hover {
            background-color: #2563eb; /* hover:bg-blue-700 */
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;flex items-center justify-center min-h-screen&quot;&gt;

    &lt;div class=&quot;w-full max-w-md p-8 space-y-6 bg-white shadow-xl rounded-2xl&quot;&gt;
        &lt;div class=&quot;text-center&quot;&gt;
            &lt;h1 class=&quot;text-3xl font-bold text-gray-800&quot;&gt;ERP SYSTEM&lt;/h1&gt;
            &lt;p class=&quot;text-gray-500&quot;&gt;Silakan login ke akun Anda&lt;/p&gt;
        &lt;/div&gt;

        &lt;!-- Tampilkan error jika ada --&gt;
        
        &lt;form action=&quot;/auth/login&quot; method=&quot;POST&quot; class=&quot;space-y-6&quot;&gt;
            &lt;input type=&quot;hidden&quot; name=&quot;csrf_test_name&quot; value=&quot;78411796694d6ee2a71e4fa140c873dc&quot; /&gt;
            &lt;!-- Username --&gt;
            &lt;div&gt;
                &lt;label for=&quot;username&quot; class=&quot;form-label&quot;&gt;Username&lt;/label&gt;
                &lt;input type=&quot;text&quot; id=&quot;username&quot; name=&quot;username&quot; class=&quot;form-input&quot; required&gt;
            &lt;/div&gt;

            &lt;!-- Password --&gt;
            &lt;div&gt;
                &lt;label for=&quot;password&quot; class=&quot;form-label&quot;&gt;Password&lt;/label&gt;
                &lt;!-- Wrapper untuk ikon mata --&gt;
                &lt;div class=&quot;relative&quot;&gt;
                    &lt;input type=&quot;password&quot; id=&quot;password&quot; name=&quot;password&quot; class=&quot;form-input pr-10&quot; required&gt;
                    &lt;button type=&quot;button&quot; id=&quot;toggle-password&quot; class=&quot;absolute inset-y-0 right-0 px-3 flex items-center text-gray-400 hover:text-gray-600&quot; title=&quot;Tampilkan/Sembunyikan password&quot;&gt;
                        &lt;i id=&quot;password-icon&quot; class=&quot;fa-solid fa-eye&quot;&gt;&lt;/i&gt;
                    &lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- Remember Me &amp; Forgot Password --&gt;
            &lt;div class=&quot;flex items-center justify-between&quot;&gt;
                &lt;div class=&quot;flex items-center&quot;&gt;
                    &lt;input id=&quot;remember_me&quot; name=&quot;remember_me&quot; type=&quot;checkbox&quot; class=&quot;form-checkbox&quot;&gt;
                    &lt;label for=&quot;remember_me&quot; class=&quot;ml-2 block text-sm text-gray-700&quot;&gt;
                        Ingat Saya
                    &lt;/label&gt;
                &lt;/div&gt;
                &lt;div class=&quot;text-sm&quot;&gt;
                    &lt;a href=&quot;#&quot; class=&quot;font-medium text-blue-600 hover:text-blue-500&quot;&gt;
                        Lupa password?
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- Tombol Submit --&gt;
            &lt;div&gt;
                &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary w-full&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-right-to-bracket mr-2&quot;&gt;&lt;/i&gt;
                    Login
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/form&gt;
    &lt;/div&gt;

&lt;script&gt;
    document.addEventListener('DOMContentLoaded', function() {
        const togglePassword = document.getElementById('toggle-password');
        const passwordInput = document.getElementById('password');
        const passwordIcon = document.getElementById('password-icon');
        const loginForm = document.querySelector('form');
        const rememberMe = document.getElementById('remember_me');
        const usernameInput = document.getElementById('username');

        // 1. Logika Tampilkan/Sembunyikan Password
        togglePassword.addEventListener('click', function() {
            const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
            passwordInput.setAttribute('type', type);
            
            // Ganti ikon
            if (type === 'password') {
                passwordIcon.classList.remove('fa-eye-slash');
                passwordIcon.classList.add('fa-eye');
            } else {
                passwordIcon.classList.remove('fa-eye');
                passwordIcon.classList.add('fa-eye-slash');
            }
        });

        // 2. Logika &quot;Remember Me&quot; (Ingat Username)
        // Saat halaman dimuat, cek localStorage
        const rememberedUsername = localStorage.getItem('remembered_username');
        if (rememberedUsername) {
            usernameInput.value = rememberedUsername;
            rememberMe.checked = true;
        }

        // Saat form disubmit, simpan atau hapus username
        loginForm.addEventListener('submit', function() {
            if (rememberMe.checked) {
                // Simpan username ke localStorage
                localStorage.setItem('remembered_username', usernameInput.value);
            } else {
                // Hapus dari localStorage
                localStorage.removeItem('remembered_username');
            }
        });
    });
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</textarea></div>