{"id":479,"date":"2026-01-03T04:30:30","date_gmt":"2026-01-03T04:30:30","guid":{"rendered":"https:\/\/diplomailmi.my.id\/?page_id=479"},"modified":"2026-01-26T10:42:16","modified_gmt":"2026-01-26T10:42:16","slug":"sistem-nilai-akademik-mustawa-1-reguler","status":"publish","type":"page","link":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/","title":{"rendered":"Sistem Nilai Akademik Mustawa 1 Reguler"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"479\" class=\"elementor elementor-479\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3aacdf e-flex e-con-boxed e-con e-parent\" data-id=\"a3aacdf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b400691 elementor-widget elementor-widget-html\" data-id=\"b400691\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- GLOBAL VARIABLES --- *\/\r\n    :root {\r\n        --brand-green: #316E35;\r\n        --brand-dark: #1a1a1a;\r\n        --text-light: #F5F5F5;\r\n        --glass-bg: rgba(26, 26, 26, 0.65); \r\n        --navbar-height: 80px;\r\n    }\r\n\r\n    \/* --- CSS NAVBAR --- *\/\r\n    .elementor-widget-html {\r\n        position: relative;\r\n        z-index: 1000;\r\n    }\r\n\r\n    .custom-navbar {\r\n        font-family: 'Montserrat', sans-serif;\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid rgba(245, 245, 245, 0.1);\r\n        padding: 0 2rem;\r\n        height: var(--navbar-height);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 1000;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n        transform: translateY(0); \r\n        transition: transform 0.4s ease-in-out;\r\n    }\r\n\r\n    .nav-logo img {\r\n        height: 45px;\r\n        width: auto;\r\n    }\r\n\r\n    \/* --- CSS WIDGET FORM PENCARIAN --- *\/\r\n    #sp-widget-wrapper {\r\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        background-color: #ffffff;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        padding: 25px;\r\n        max-width: 500px;\r\n        margin: 120px auto 50px auto;\r\n        border: 1px solid #e0e0e0;\r\n        color: #333;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .sp-header { text-align: center; margin-bottom: 25px; }\r\n    .sp-header h3 { margin: 0; color: #2c3e50; font-size: 24px; font-weight: 700; }\r\n    .sp-header p { margin: 8px 0 0; color: #7f8c8d; font-size: 14px; }\r\n\r\n    .sp-form-group { margin-bottom: 15px; }\r\n    .sp-label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 14px; color: #34495e; }\r\n    .sp-input {\r\n        width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; box-sizing: border-box;\r\n        transition: border-color 0.3s;\r\n    }\r\n    .sp-input:focus { outline: none; border-color: var(--brand-green); box-shadow: 0 0 0 3px rgba(49, 110, 53, 0.1); }\r\n\r\n    .sp-btn {\r\n        width: 100%; padding: 12px; background-color: var(--brand-green); color: white; border: none; border-radius: 8px;\r\n        font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.3s;\r\n    }\r\n    .sp-btn:hover { background-color: #26572a; }\r\n    .sp-btn:disabled { background-color: #bdc3c7; cursor: not-allowed; }\r\n\r\n    .sp-loading { display: none; text-align: center; margin-top: 15px; }\r\n    .sp-spinner {\r\n        border: 4px solid #f3f3f3; border-top: 4px solid var(--brand-green); border-radius: 50%;\r\n        width: 30px; height: 30px; animation: spin 1s linear infinite; margin: 0 auto;\r\n    }\r\n    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n    \/* --- CSS POPUP MODAL (HASIL NILAI & ERROR) --- *\/\r\n    .sp-modal-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(0, 0, 0, 0.7);\r\n        z-index: 2000;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n     \r\n    .sp-modal-overlay.active {\r\n        display: flex;\r\n        opacity: 1;\r\n    }\r\n\r\n    .sp-modal-content {\r\n        background: #fff;\r\n        width: 100%;\r\n        max-width: 900px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n        transform: translateY(20px);\r\n        transition: transform 0.3s ease;\r\n        max-height: 90vh; \/* Default max height *\/\r\n    }\r\n    .sp-modal-overlay.active .sp-modal-content { transform: translateY(0); }\r\n     \r\n    \/* Error Modal Specific *\/\r\n    .sp-modal-content.error-modal {\r\n        max-width: 400px;\r\n        text-align: center;\r\n        border-top: 5px solid #c0392b;\r\n    }\r\n\r\n    \/* Modal Header *\/\r\n    .sp-modal-header {\r\n        padding: 20px;\r\n        background: var(--brand-green);\r\n        color: white;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n    .sp-modal-title { font-size: 18px; font-weight: 700; font-family: 'Poppins', sans-serif; }\r\n    .sp-close-btn { background: none; border: none; color: white; font-size: 24px; cursor: pointer; }\r\n\r\n    \/* Modal Body *\/\r\n    .sp-modal-body {\r\n        padding: 25px;\r\n        overflow-y: auto;\r\n        font-family: 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    \/* Info Mahasiswa Grid *\/\r\n    .sp-info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 15px;\r\n        margin-bottom: 25px;\r\n        padding-bottom: 20px;\r\n        border-bottom: 2px solid #eee;\r\n    }\r\n    .sp-info-item { display: flex; font-size: 14px; }\r\n    .sp-info-key { font-weight: 600; width: 140px; color: #555; }\r\n    .sp-info-val { color: #000; font-weight: 500; }\r\n\r\n    \/* Tabel Akademik *\/\r\n    .sp-grade-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        font-size: 13px;\r\n        margin-bottom: 20px;\r\n    }\r\n    .sp-grade-table th {\r\n        background-color: #f2f2f2;\r\n        color: #333;\r\n        font-weight: 700;\r\n        padding: 10px;\r\n        border: 1px solid #ddd;\r\n        text-align: center;\r\n    }\r\n    .sp-grade-table td {\r\n        padding: 8px;\r\n        border: 1px solid #ddd;\r\n        color: #444;\r\n    }\r\n    .sp-text-center { text-align: center; }\r\n    .sp-text-left { text-align: left; }\r\n    .sp-col-no { width: 40px; }\r\n     \r\n    .sp-status-lulus { color: var(--brand-green); font-weight: bold; }\r\n    .sp-status-gagal { color: #c0392b; font-weight: bold; }\r\n\r\n    \/* Modal Footer (Tombol Aksi) *\/\r\n    .sp-modal-footer {\r\n        padding: 15px 25px;\r\n        border-top: 1px solid #eee;\r\n        background: #f9f9f9;\r\n        display: flex;\r\n        flex-direction: column; \/* Stack untuk pesan warning *\/\r\n        align-items: flex-end;\r\n        gap: 5px;\r\n    }\r\n    .sp-footer-buttons {\r\n        display: flex;\r\n        gap: 10px;\r\n        width: 100%;\r\n        justify-content: flex-end;\r\n    }\r\n    .sp-warning-text {\r\n        color: #c0392b;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        margin-top: 5px;\r\n        display: none; \/* Hidden by default *\/\r\n    }\r\n\r\n    .sp-action-btn {\r\n        padding: 10px 20px;\r\n        border-radius: 5px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        border: none;\r\n        transition: all 0.3s;\r\n    }\r\n    .btn-download { background: var(--brand-green); color: white; }\r\n    .btn-download:hover { background: #26572a; }\r\n    .btn-print { background: #2980b9; color: white; }\r\n    .btn-print:hover { background: #21618c; }\r\n     \r\n    \/* Tombol Disabled (Terkunci) *\/\r\n    .btn-disabled {\r\n        background-color: #bdc3c7 !important;\r\n        color: #7f8c8d !important;\r\n        cursor: not-allowed;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* --- CSS FOOTER FULL WIDTH --- *\/\r\n    .di-footer {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%; right: 50%;\r\n        margin-left: -50vw; margin-right: -50vw;\r\n        background-image: url('https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/photo-mosque-with-green-dome-green-dome-madinah-masjid-al-nabawi-nabawi-mosque-scaled.jpg');\r\n        background-position: center bottom;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        padding-top: 4rem; padding-bottom: 2rem;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        background-color: #316E35;\r\n    }\r\n    .di-footer::before {\r\n        content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n        background-color: rgba(49, 110, 53, 0.92); z-index: 1;\r\n    }\r\n    .di-footer-container {\r\n        max-width: 1140px; margin: 0 auto; padding: 0 20px;\r\n        display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3rem;\r\n        position: relative; z-index: 2; color: #ffffff !important;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n     \r\n    .di-col-brand { flex: 2; min-width: 300px; }\r\n    .di-col-links, .di-col-contact { flex: 1; min-width: 220px; }\r\n\r\n    .di-footer-logo { max-width: 240px; height: auto; display: block; margin-bottom: 1.5rem; }\r\n    .di-tagline { font-size: 0.95rem; line-height: 1.6; opacity: 0.9; margin-bottom: 2rem; max-width: 350px; color: #fff !important; }\r\n     \r\n    .di-yayasan-box {\r\n        background: rgba(255, 255, 255, 0.1); border-left: 5px solid #8FD556;\r\n        padding: 15px 20px; border-radius: 0 8px 8px 0; display: inline-block;\r\n    }\r\n    .di-yayasan-box small { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; color: #e0e0e0; }\r\n    .di-yayasan-box strong { display: block; font-size: 1.1rem; font-weight: 700; color: #fff; }\r\n\r\n    .di-footer-title {\r\n        font-size: 1.2rem; font-weight: 700; margin-bottom: 1.5rem; color: #ffffff !important; position: relative; padding-bottom: 10px;\r\n    }\r\n    .di-footer-title::after {\r\n        content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background-color: #8FD556; border-radius: 2px;\r\n    }\r\n\r\n    .di-menu-list { list-style: none; padding: 0; margin: 0; }\r\n    .di-menu-list li { margin-bottom: 12px; }\r\n    .di-menu-list a {\r\n        color: #e0e0e0 !important; text-decoration: none; font-size: 0.95rem; display: flex; align-items: center; transition: 0.3s;\r\n    }\r\n    .di-menu-list a:hover { color: #fff !important; transform: translateX(5px); }\r\n    .di-menu-list .material-symbols-outlined { font-size: 20px; margin-right: 10px; }\r\n\r\n    .di-contact-item { display: flex; align-items: flex-start; margin-bottom: 18px; font-size: 0.95rem; line-height: 1.5; color: #fff; }\r\n    .di-contact-item .material-symbols-outlined { margin-right: 10px; flex-shrink: 0; }\r\n\r\n    .di-social-btn {\r\n        display: inline-flex; align-items: center; background-color: rgba(255,255,255,0.1); padding: 10px 20px;\r\n        border-radius: 50px; color: white !important; text-decoration: none; margin-top: 15px;\r\n        border: 1px solid rgba(255,255,255,0.2); transition: 0.3s;\r\n    }\r\n    .di-social-btn:hover { background-color: #fff; color: #316E35 !important; }\r\n    .di-social-btn svg { width: 18px; height: 18px; margin-right: 8px; fill: currentColor; }\r\n\r\n    .di-copyright {\r\n        border-top: 1px solid rgba(255,255,255,0.1); margin-top: 3rem; padding-top: 1.5rem;\r\n        text-align: center; font-size: 0.85rem; color: rgba(255,255,255,0.6) !important; position: relative; z-index: 2;\r\n    }\r\n\r\n    \/* --- PRINT STYLES --- *\/\r\n    @media print {\r\n        body * { visibility: hidden; }\r\n        .custom-navbar, .di-footer, #sp-widget-wrapper { display: none !important; }\r\n        .sp-modal-overlay {\r\n            position: absolute; left: 0; top: 0; background: white;\r\n            display: block !important; visibility: visible;\r\n        }\r\n        .sp-modal-content {\r\n            box-shadow: none; max-width: 100%; width: 100%;\r\n            visibility: visible; transform: none !important;\r\n        }\r\n        .sp-modal-content * { visibility: visible; }\r\n        .sp-close-btn, .sp-modal-footer { display: none !important; }\r\n    }\r\n\r\n    \/* --- MOBILE RESPONSIVE TWEAKS --- *\/\r\n    @media (max-width: 768px) {\r\n        .custom-navbar { padding: 0 1rem; height: 70px; }\r\n        .nav-logo img { height: 35px; }\r\n        #sp-widget-wrapper { margin-top: 100px; width: 90%; padding: 20px; }\r\n        .di-footer-container { flex-direction: column; gap: 2.5rem; }\r\n        .di-col-brand, .di-col-links, .di-col-contact { width: 100%; min-width: 100%; }\r\n        .sp-modal-content { max-height: 95vh; width: 95%; margin: 0 auto; border-radius: 8px; }\r\n        .sp-modal-body { padding: 15px; }\r\n        .sp-info-grid { grid-template-columns: 1fr; gap: 12px; }\r\n        .sp-info-item { flex-direction: column; align-items: flex-start; border-bottom: 1px solid #f5f5f5; padding-bottom: 8px; }\r\n        .sp-info-item:last-child { border-bottom: none; }\r\n        .sp-info-key { width: 100%; font-size: 12px; color: #888; margin-bottom: 4px; }\r\n        .sp-info-val { font-size: 15px; }\r\n        .sp-footer-buttons { flex-direction: column; gap: 10px; }\r\n        .sp-action-btn { width: 100%; justify-content: center; padding: 12px; }\r\n    }\r\n<\/style>\r\n\r\n<nav class=\"custom-navbar\">\r\n    <div class=\"nav-logo\">\r\n        <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\" alt=\"Logo Diploma Ilmi\">\r\n        <\/a>\r\n    <\/div>\r\n<\/nav>\r\n\r\n<div id=\"sp-widget-wrapper\">\r\n    <div class=\"sp-header\">\r\n        <h3>Portal Akademik<\/h3>\r\n        <p>Masukkan data untuk melihat nilai & sertifikat<\/p>\r\n    <\/div>\r\n\r\n    <form id=\"sp-form\" onsubmit=\"handleSearch(event)\">\r\n        <div class=\"sp-form-group\">\r\n            <label class=\"sp-label\" for=\"nim\">NIM<\/label>\r\n            <input type=\"text\" id=\"nim\" class=\"sp-input\" placeholder=\"Contoh: DI.AT.25.07.RGR.0000\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"sp-form-group\">\r\n            <label class=\"sp-label\" for=\"phone\">Nomor Telepon<\/label>\r\n            <input type=\"tel\" id=\"phone\" class=\"sp-input\" placeholder=\"Contoh: 628123456789\" required>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"sp-btn\" id=\"sp-submit-btn\">Cek Data<\/button>\r\n    <\/form>\r\n\r\n    <div class=\"sp-loading\" id=\"sp-loading\">\r\n        <div class=\"sp-spinner\"><\/div>\r\n        <p style=\"font-size:12px; color:#666; margin-top:5px;\">Sedang mencari data...<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"sp-modal-overlay\" id=\"sp-result-modal\">\r\n    <div class=\"sp-modal-content\">\r\n        <div class=\"sp-modal-header\">\r\n            <div class=\"sp-modal-title\">Lembar Kemajuan Akademik Mahasiswa<\/div>\r\n            <button class=\"sp-close-btn\" onclick=\"closeModal('sp-result-modal')\">&times;<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"sp-modal-body\">\r\n            <div class=\"sp-info-grid\">\r\n                <div class=\"sp-info-item\"><div class=\"sp-info-key\">NIM:<\/div> <div class=\"sp-info-val\" id=\"res-nim\">-<\/div><\/div>\r\n                <div class=\"sp-info-item\"><div class=\"sp-info-key\">Nama:<\/div> <div class=\"sp-info-val\" id=\"res-nama\">-<\/div><\/div>\r\n                <div class=\"sp-info-item\"><div class=\"sp-info-key\">Program Pembelajaran:<\/div> <div class=\"sp-info-val\" id=\"res-prodi\">-<\/div><\/div>\r\n                <div class=\"sp-info-item\"><div class=\"sp-info-key\">Angkatan:<\/div> <div class=\"sp-info-val\" id=\"res-upbjj\">-<\/div><\/div>\r\n                <div class=\"sp-info-item\"><div class=\"sp-info-key\">Alamat:<\/div> <div class=\"sp-info-val\" id=\"res-alamat\">-<\/div><\/div>\r\n                <div class=\"sp-info-item\"><div class=\"sp-info-key\">TTL:<\/div> <div class=\"sp-info-val\" id=\"res-ttl\">-<\/div><\/div>\r\n            <\/div>\r\n\r\n            <h4 style=\"margin: 0 0 15px 0; border-bottom:1px solid #ddd; padding-bottom:5px;\">Riwayat Mata Kuliah<\/h4>\r\n            <div style=\"overflow-x: auto;\">\r\n                <table class=\"sp-grade-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th class=\"sp-col-no\">No<\/th>\r\n                            <th>Nama Mata Kuliah<\/th>\r\n                            <th>Nilai<\/th>\r\n                            <th>Mutu<\/th>\r\n                            <th>Status<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody id=\"sp-table-body\">\r\n                        <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sp-modal-footer\">\r\n            <div class=\"sp-footer-buttons\">\r\n                <!-- Tombol Cetak Sertifikat dihapus sesuai permintaan -->\r\n                \r\n                <button id=\"sp-dl-nilai\" class=\"sp-action-btn btn-print\" onclick=\"window.print()\">\r\n                    <span class=\"material-symbols-outlined\">download<\/span> Download Transkrip\r\n                <\/button>\r\n            <\/div>\r\n            <!-- Warning text dihapus sesuai permintaan -->\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"sp-modal-overlay\" id=\"sp-error-modal\">\r\n    <div class=\"sp-modal-content error-modal\">\r\n        <div class=\"sp-modal-body\" style=\"padding: 30px 20px;\">\r\n            <span class=\"material-symbols-outlined\" style=\"font-size: 48px; color: #c0392b; margin-bottom: 15px;\">error<\/span>\r\n            <h4 style=\"margin: 0 0 10px 0; color: #c0392b;\">Data Tidak Ditemukan<\/h4>\r\n            <p id=\"sp-error-msg\" style=\"color: #555; font-size: 14px; margin: 0;\">\r\n                Maaf NIM atau Nomor telepon tidak terdaftar, mohon cek kembali data anda.\r\n            <\/p>\r\n            <button onclick=\"closeModal('sp-error-modal')\" class=\"sp-btn\" style=\"margin-top: 20px; background-color: #c0392b;\">Tutup<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<footer class=\"di-footer\">\r\n    <div class=\"di-footer-container\">\r\n        <div class=\"di-col-brand\">\r\n            <img decoding=\"async\" src=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\" alt=\"Diploma Ilmi Logo\" class=\"di-footer-logo\">\r\n            <p class=\"di-tagline\">Mewujudkan generasi Thalibul Ilmi yang berilmu, bertahap dalam belajar, dan kokoh dalam pemahaman sesuai manhaj Ahlussunnah wal Jama\u2019ah.<\/p>\r\n            <div class=\"di-yayasan-box\">\r\n                <small>Program Pendidikan Di Bawah Naungan:<\/small>\r\n                <strong>YAYASAN MADINAH SALAM<\/strong>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"di-col-links\">\r\n            <h4 class=\"di-footer-title\">Akses Cepat<\/h4>\r\n            <ul class=\"di-menu-list\">\r\n                <li><a href=\"#beranda\"><span class=\"material-symbols-outlined\">home<\/span> Beranda<\/a><\/li>\r\n                <li><a href=\"#tentang\"><span class=\"material-symbols-outlined\">info<\/span> Tentang Kami<\/a><\/li>\r\n                <li><a href=\"#kurikulum\"><span class=\"material-symbols-outlined\">menu_book<\/span> Kurikulum<\/a><\/li>\r\n                <li><a href=\"#pendaftaran\"><span class=\"material-symbols-outlined\">how_to_reg<\/span> Pendaftaran<\/a><\/li>\r\n                <li><a href=\"#pengajar\"><span class=\"material-symbols-outlined\">school<\/span> Profil Pengajar<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"di-col-contact\">\r\n            <h4 class=\"di-footer-title\">Hubungi Kami<\/h4>\r\n            <div class=\"di-contact-item\"><span class=\"material-symbols-outlined\">location_on<\/span><span>Mekah, Arab Saudi & Indonesia<\/span><\/div>\r\n            <div class=\"di-contact-item\"><span class=\"material-symbols-outlined\">chat<\/span><span>+62 852-8283-2038 (WhatsApp)<\/span><\/div>\r\n            <div class=\"di-contact-item\"><span class=\"material-symbols-outlined\">mail<\/span><span>info@diplomailmi.my.id<\/span><\/div>\r\n            <a href=\"https:\/\/www.instagram.com\/diplomailmi.madinahsalam\" target=\"_blank\" class=\"di-social-btn\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.069-4.85.069-3.204 0-3.584-.011-4.849-.069-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948-.072-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                Follow @diplomailmi.madinahsalam\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"di-copyright\">&copy; 2025 Diploma Ilmi - Yayasan Madinah Salam. All Rights Reserved.<\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    \/\/ --- KONFIGURASI URL GAS ---\r\n    \/\/ GANTI URL DI BAWAH DENGAN URL WEB APP YANG ANDA DAPAT DARI GOOGLE APPS SCRIPT\r\n    const GOOGLE_SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzK0yu969mar3wKbK1QF506P71mixc_69GeKi6T9XC1dfEWBPi-Ljx3ex1h9kJLaK5eeg\/exec'; \r\n\r\n    function handleSearch(event) {\r\n        event.preventDefault();\r\n        const nim = document.getElementById('nim').value.trim();\r\n        const phone = document.getElementById('phone').value.trim();\r\n        const btn = document.getElementById('sp-submit-btn');\r\n        const loading = document.getElementById('sp-loading');\r\n\r\n        \/\/ VALIDASI INPUT (SCRIPT BARU)\r\n        if(!nim || !phone) {\r\n            alert(\"Harap isi NIM dan Nomor Telepon!\");\r\n            return;\r\n        }\r\n\r\n        btn.disabled = true; btn.innerText = 'Memproses...';\r\n        loading.style.display = 'block';\r\n\r\n        \/\/ --- REAL FETCH ---\r\n        const finalUrl = `${GOOGLE_SCRIPT_URL}?nim=${encodeURIComponent(nim)}&phone=${encodeURIComponent(phone)}`;\r\n        \r\n        fetch(finalUrl)\r\n            .then(response => response.json())\r\n            .then(json => {\r\n                loading.style.display = 'none';\r\n                btn.disabled = false; btn.innerText = 'Cek Data';\r\n                \r\n                if (json.status === 'success') {\r\n                    renderModal(json);\r\n                } else {\r\n                    \/\/ Jika status error, tampilkan Modal Error\r\n                    renderError(json.message || 'Maaf NIM atau Nomor telepon tidak terdaftar, mohon cek kembali data anda');\r\n                }\r\n            })\r\n            .catch(err => {\r\n                loading.style.display = 'none';\r\n                btn.disabled = false; btn.innerText = 'Cek Data';\r\n                console.error(err);\r\n                renderError('Terjadi kesalahan koneksi server. Pastikan URL Script benar.');\r\n            });\r\n    }\r\n\r\n    function renderModal(response) {\r\n        const data = response.data;\r\n        \r\n        \/\/ Isi Data Header\r\n        document.getElementById('res-nim').innerText = data.nim || '-';\r\n        document.getElementById('res-nama').innerText = data.nama || '-';\r\n        document.getElementById('res-prodi').innerText = data.program_pembelajaran || '-';\r\n        document.getElementById('res-upbjj').innerText = data.angkatan || '-'; \r\n        document.getElementById('res-alamat').innerText = data.alamat || '-';\r\n        document.getElementById('res-ttl').innerText = data.ttl || '-';\r\n\r\n        \/\/ Isi Tabel\r\n        const tbody = document.getElementById('sp-table-body');\r\n        tbody.innerHTML = '';\r\n        \r\n        if (data.nilai && data.nilai.length > 0) {\r\n            data.nilai.forEach(item => {\r\n                const row = document.createElement('tr');\r\n                const statusClass = item.status === 'LL' ? 'sp-status-lulus' : (item.status === 'BL' ? 'sp-status-gagal' : '');\r\n                \r\n                \/\/ MAPPING SESUAI REQUEST BARU:\r\n                \/\/ item.nilai = ANGKA (dari GAS field 'nilai')\r\n                \/\/ item.mutu = HURUF (dari GAS field 'mutu')\r\n                row.innerHTML = `\r\n                    <td class=\"sp-text-center\">${item.no}<\/td>\r\n                    <td class=\"sp-text-left\">${item.nama}<\/td>\r\n                    <td class=\"sp-text-center\">${item.nilai}<\/td>\r\n                    <td class=\"sp-text-center\">${item.mutu}<\/td>\r\n                    <td class=\"sp-text-center ${statusClass}\">${item.status}<\/td>\r\n                `;\r\n                tbody.appendChild(row);\r\n            });\r\n        } else {\r\n            tbody.innerHTML = '<tr><td colspan=\"5\" class=\"sp-text-center\">Belum ada data nilai.<\/td><\/tr>';\r\n        }\r\n\r\n        \/\/ --- LOGIKA TOMBOL SERTIFIKAT DIHAPUS ---\r\n        \/\/ Tombol dan pesan peringatan telah dihapus dari HTML dan logic JS untuk mencegah error.\r\n        \r\n        \/\/ Buka Modal Hasil\r\n        openModal('sp-result-modal');\r\n    }\r\n\r\n    function renderError(msg) {\r\n        document.getElementById('sp-error-msg').innerText = msg;\r\n        openModal('sp-error-modal');\r\n    }\r\n\r\n    function openModal(id) {\r\n        document.getElementById(id).classList.add('active');\r\n    }\r\n\r\n    function closeModal(id) {\r\n        document.getElementById(id).classList.remove('active');\r\n    }\r\n\r\n    \/\/ Close modal jika klik di luar area konten\r\n    window.onclick = function(event) {\r\n        if (event.target.classList.contains('sp-modal-overlay')) {\r\n            event.target.classList.remove('active');\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal Akademik Masukkan data untuk melihat nilai &#038; sertifikat NIM Nomor Telepon Cek Data Sedang mencari data&#8230; Lembar Kemajuan Akademik Mahasiswa &times; NIM: &#8211; Nama: &#8211; Program Pembelajaran: &#8211; Angkatan: &#8211; Alamat: &#8211; TTL: &#8211; Riwayat Mata Kuliah No Nama Mata Kuliah Nilai Mutu Status download Download Transkrip error Data Tidak Ditemukan Maaf NIM atau [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-479","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sistem Nilai Akademik Mustawa 1 Reguler - Diploma Ilmi Madinah Salam<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sistem Nilai Akademik Mustawa 1 Reguler - Diploma Ilmi Madinah Salam\" \/>\n<meta property=\"og:description\" content=\"Portal Akademik Masukkan data untuk melihat nilai &#038; sertifikat NIM Nomor Telepon Cek Data Sedang mencari data&#8230; Lembar Kemajuan Akademik Mahasiswa &times; NIM: &#8211; Nama: &#8211; Program Pembelajaran: &#8211; Angkatan: &#8211; Alamat: &#8211; TTL: &#8211; Riwayat Mata Kuliah No Nama Mata Kuliah Nilai Mutu Status download Download Transkrip error Data Tidak Ditemukan Maaf NIM atau [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/\" \/>\n<meta property=\"og:site_name\" content=\"Diploma Ilmi Madinah Salam\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-26T10:42:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/\",\"url\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/\",\"name\":\"Sistem Nilai Akademik Mustawa 1 Reguler - Diploma Ilmi Madinah Salam\",\"isPartOf\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\",\"datePublished\":\"2026-01-03T04:30:30+00:00\",\"dateModified\":\"2026-01-26T10:42:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#primaryimage\",\"url\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\",\"contentUrl\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png\",\"width\":1000,\"height\":293},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/diplomailmi.my.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sistem Nilai Akademik Mustawa 1 Reguler\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/diplomailmi.my.id\/#website\",\"url\":\"https:\/\/diplomailmi.my.id\/\",\"name\":\"Diploma Ilmi Madinah Salam\",\"description\":\"Diploma Ilmi Madinah Salam Belajar Ilmu Agama Secara Terstruktur\",\"publisher\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/diplomailmi.my.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/diplomailmi.my.id\/#organization\",\"name\":\"Diploma Ilmi Madinah Salam\",\"url\":\"https:\/\/diplomailmi.my.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png\",\"contentUrl\":\"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png\",\"width\":2560,\"height\":749,\"caption\":\"Diploma Ilmi Madinah Salam\"},\"image\":{\"@id\":\"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sistem Nilai Akademik Mustawa 1 Reguler - Diploma Ilmi Madinah Salam","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/","og_locale":"en_US","og_type":"article","og_title":"Sistem Nilai Akademik Mustawa 1 Reguler - Diploma Ilmi Madinah Salam","og_description":"Portal Akademik Masukkan data untuk melihat nilai &#038; sertifikat NIM Nomor Telepon Cek Data Sedang mencari data&#8230; Lembar Kemajuan Akademik Mahasiswa &times; NIM: &#8211; Nama: &#8211; Program Pembelajaran: &#8211; Angkatan: &#8211; Alamat: &#8211; TTL: &#8211; Riwayat Mata Kuliah No Nama Mata Kuliah Nilai Mutu Status download Download Transkrip error Data Tidak Ditemukan Maaf NIM atau [&hellip;]","og_url":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/","og_site_name":"Diploma Ilmi Madinah Salam","article_modified_time":"2026-01-26T10:42:16+00:00","og_image":[{"url":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/","url":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/","name":"Sistem Nilai Akademik Mustawa 1 Reguler - Diploma Ilmi Madinah Salam","isPartOf":{"@id":"https:\/\/diplomailmi.my.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#primaryimage"},"image":{"@id":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#primaryimage"},"thumbnailUrl":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","datePublished":"2026-01-03T04:30:30+00:00","dateModified":"2026-01-26T10:42:16+00:00","breadcrumb":{"@id":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#primaryimage","url":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","contentUrl":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Diploma-Ilmi-MS-White.png","width":1000,"height":293},{"@type":"BreadcrumbList","@id":"https:\/\/diplomailmi.my.id\/index.php\/sistem-nilai-akademik-mustawa-1-reguler\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/diplomailmi.my.id\/"},{"@type":"ListItem","position":2,"name":"Sistem Nilai Akademik Mustawa 1 Reguler"}]},{"@type":"WebSite","@id":"https:\/\/diplomailmi.my.id\/#website","url":"https:\/\/diplomailmi.my.id\/","name":"Diploma Ilmi Madinah Salam","description":"Diploma Ilmi Madinah Salam Belajar Ilmu Agama Secara Terstruktur","publisher":{"@id":"https:\/\/diplomailmi.my.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/diplomailmi.my.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/diplomailmi.my.id\/#organization","name":"Diploma Ilmi Madinah Salam","url":"https:\/\/diplomailmi.my.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/","url":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png","contentUrl":"https:\/\/diplomailmi.my.id\/wp-content\/uploads\/2025\/09\/Logo-Diploma-Ilmi-scaled.png","width":2560,"height":749,"caption":"Diploma Ilmi Madinah Salam"},"image":{"@id":"https:\/\/diplomailmi.my.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":130,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages\/479\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/pages\/479\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/diplomailmi.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}