{"id":21114,"date":"2026-02-09T13:33:05","date_gmt":"2026-02-09T06:33:05","guid":{"rendered":"https:\/\/malangutd.com\/?page_id=21114"},"modified":"2026-02-09T14:50:29","modified_gmt":"2026-02-09T07:50:29","slug":"academy-log","status":"publish","type":"page","link":"https:\/\/malangutd.com\/en\/academy-log\/","title":{"rendered":"Academy Log"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <title>Academy Portal &#8211; Malang United<\/title>\n    <style>\n        :root { --mu-yellow: #FFD700; --mu-black: #1a1a1a; --mu-white: #ffffff; }\n        body { font-family: 'Segoe UI', Roboto, sans-serif; background-color: var(--mu-black); margin: 0; padding: 10px; display: flex; justify-content: center; min-height: 100vh; }\n        .card { background: var(--mu-white); width: 100%; max-width: 450px; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.8); align-self: center; }\n        .header { background: var(--mu-black); padding: 30px; text-align: center; border-bottom: 5px solid var(--mu-yellow); }\n        .header h2 { color: var(--mu-yellow); margin: 0; text-transform: uppercase; font-size: 24px; letter-spacing: 1px; }\n        .tabs { display: flex; background: #222; }\n        .tab { flex: 1; padding: 15px; text-align: center; color: #888; cursor: pointer; font-weight: bold; font-size: 13px; transition: 0.3s; }\n        .tab.active { background: var(--mu-yellow); color: var(--mu-black); }\n        .form-content { padding: 25px; }\n        label { display: block; margin-top: 15px; font-weight: bold; font-size: 11px; text-transform: uppercase; color: var(--mu-black); }\n        input, select, button { width: 100%; padding: 12px; margin-top: 5px; border-radius: 10px; border: 2px solid #eee; font-size: 16px; box-sizing: border-box; }\n        input:focus { border-color: var(--mu-yellow); outline: none; background: #fffdf0; }\n        .btn-submit { background: var(--mu-black); color: var(--mu-yellow); border: 2px solid var(--mu-yellow); font-weight: bold; margin-top: 20px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; }\n        .hidden { display: none; }\n        #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); color: var(--mu-yellow); display: none; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; font-weight: bold; text-align: center; }\n        .link-alt { text-align: center; font-size: 12px; margin-top: 15px; color: #666; }\n        .link-alt a { color: var(--mu-black); font-weight: bold; text-decoration: none; border-bottom: 1px solid var(--mu-yellow); }\n        .footer-text { text-align: center; font-size: 10px; color: #aaa; margin-top: 25px; font-weight: bold; letter-spacing: 2px; }\n    <\/style>\n<\/head>\n<body>\n\n<div id=\"loading\">\n    <img decoding=\"async\" src=\"https:\/\/malangutd.com\/wp-content\/uploads\/2024\/02\/Icon-Malang-United.webp\" width=\"50\" style=\"margin-bottom: 15px;\" alt=\"Malang United\">\n    <div>MEMPROSES DATA&#8230;<\/div>\n<\/div>\n\n<div class=\"card\">\n    <div class=\"header\">\n        <img decoding=\"async\" src=\"https:\/\/malangutd.com\/wp-content\/uploads\/2024\/02\/Icon-Malang-United.webp\" width=\"75\" style=\"background:white; border-radius:50%; padding:8px; margin-bottom:12px;\" alt=\"Malang United\">\n        <h2>MALANG UNITED<\/h2>\n        <p style=\"color:white; margin:0; font-size:10px; letter-spacing:3px; font-weight: bold;\">ACADEMY PORTAL<\/p>\n    <\/div>\n\n    <div class=\"tabs\" id=\"tabBar\">\n        <div class=\"tab active\" id=\"tabL\" onclick=\"showSection('login')\">MASUK<\/div>\n        <div class=\"tab\" id=\"tabR\" onclick=\"showSection('reg')\">DAFTAR<\/div>\n    <\/div>\n\n    <div class=\"form-content\">\n        <div id=\"loginSection\">\n            <label>Username<\/label>\n            <input type=\"text\" id=\"loginUser\" placeholder=\"MU-XXX-20XX\">\n            <label>Password<\/label>\n            <input type=\"password\" id=\"loginPass\" placeholder=\"Masukkan Password\">\n            <button class=\"btn-submit\" onclick=\"handleLogin()\">LOGIN KE PORTAL<\/button>\n            <p class=\"link-alt\"><a href=\"#\" onclick=\"showSection('forgot')\">Lupa Password?<\/a><\/p>\n        <\/div>\n\n        <div id=\"forgotSection\" class=\"hidden\">\n            <h4 style=\"text-align:center; margin-bottom:5px;\">LUPA PASSWORD<\/h4>\n            <p style=\"text-align:center; font-size:11px; color:#666;\">Data akun akan dikirim ke email terdaftar.<\/p>\n            <label>Email Orang Tua<\/label>\n            <input type=\"email\" id=\"forgotEmail\" placeholder=\"email@contoh.com\">\n            <button class=\"btn-submit\" onclick=\"handleForgot()\">KIRIM DETAIL AKUN<\/button>\n            <p class=\"link-alt\"><a href=\"#\" onclick=\"showSection('login')\">Kembali ke Login<\/a><\/p>\n        <\/div>\n\n        <div id=\"regSection\" class=\"hidden\">\n            <form id=\"regForm\">\n                <input type=\"hidden\" name=\"action\" value=\"register\">\n                <label>NAMA LENGKAP SISWA<\/label><input type=\"text\" name=\"Nama_Pemain\" required>\n                <label>TANGGAL LAHIR<\/label><input type=\"date\" name=\"Tanggal_Lahir\" required>\n                <label>EMAIL ORANG TUA<\/label><input type=\"email\" name=\"Email_Orang_Tua\" required>\n                <label>PASSWORD<\/label><input type=\"password\" name=\"Password\" placeholder=\"Min. 6 Karakter\" required>\n                <button type=\"button\" class=\"btn-submit\" onclick=\"handleRegister()\">DAFTAR &#038; KIRIM AKTIVASI<\/button>\n            <\/form>\n        <\/div>\n\n        <div id=\"dailySection\" class=\"hidden\">\n            <h3 id=\"welcomeMsg\" style=\"text-align:center; color: var(--mu-black); margin-bottom: 5px;\"><\/h3>\n            <p style=\"text-align:center; font-size: 10px; color: #888; margin-top:0; letter-spacing: 1px;\">DAILY PERFORMANCE LOG<\/p>\n            <hr style=\"border: 0.5px solid #eee; margin: 15px 0;\">\n            <form id=\"dailyForm\">\n                <input type=\"hidden\" name=\"action\" value=\"submitLog\">\n                <input type=\"hidden\" name=\"Username\" id=\"currUser\">\n                <label>JAM TIDUR SEMALAM<\/label><input type=\"number\" name=\"Tidur_Durasi\" required>\n                <label>WARNA URIN PAGI INI<\/label>\n                <select name=\"Warna_Urin\"><option>Bening<\/option><option>Kuning Muda<\/option><option>Kuning Pekat<\/option><\/select>\n                <label>TINGKAT KELELAHAN (1-5)<\/label>\n                <input type=\"range\" name=\"Level_Lelah\" min=\"1\" max=\"5\" value=\"3\" oninput=\"this.nextElementSibling.innerText = this.value\">\n                <div style=\"text-align:center; font-weight:900; font-size:24px; color:var(--mu-black);\">3<\/div>\n                <label>DURASI LATIHAN (MENIT)<\/label><input type=\"number\" name=\"Durasi_Menit\" placeholder=\"Contoh: 90\">\n                <button type=\"button\" class=\"btn-submit\" onclick=\"handleSubmitLog()\" style=\"background:var(--mu-yellow); color:var(--mu-black);\">KIRIM &#038; ANALISA AI<\/button>\n            <\/form>\n            <button onclick=\"location.reload()\" style=\"background:none; border:none; color:#aaa; font-size:11px; margin-top:20px; width:100%; cursor:pointer;\">LOGOUT<\/button>\n        <\/div>\n        <p class=\"footer-text\">&#8220;MENCIPTA, BUKAN MENIRU&#8221;<\/p>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ URL Web App yang baru saja Bapak buat\n    const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwoghOXlkqShA7QMLhJ8mankALJDV8VQ3x6TaWwZE_glp2RWk_pImBEyIN_we4HMq5y\/exec';\n\n    function toggleLoad(show) { document.getElementById('loading').style.display = show ? 'flex' : 'none'; }\n\n    function showSection(s) {\n        ['loginSection', 'regSection', 'dailySection', 'forgotSection'].forEach(id => document.getElementById(id).classList.add('hidden'));\n        document.getElementById('tabBar').style.display = (s === 'daily') ? 'none' : 'flex';\n        document.getElementById('tabL').classList.toggle('active', s === 'login');\n        document.getElementById('tabR').classList.toggle('active', s === 'reg');\n        document.getElementById(s + 'Section').classList.remove('hidden');\n    }\n\n    function handleRegister() {\n        toggleLoad(true);\n        fetch(scriptURL, { method: 'POST', body: new FormData(document.getElementById('regForm')) })\n        .then(res => res.json()).then(res => {\n            alert(\"PENDAFTARAN BERHASIL!\\nCek Email untuk aktivasi akun.\");\n            showSection('login');\n        }).finally(() => toggleLoad(false));\n    }\n\n    function handleLogin() {\n        toggleLoad(true);\n        const user = document.getElementById('loginUser').value;\n        const pass = document.getElementById('loginPass').value;\n        fetch(`${scriptURL}?action=login&user=${user}&pass=${pass}`)\n        .then(res => res.json()).then(res => {\n            if(res.status === 'success') {\n                document.getElementById('currUser').value = user;\n                document.getElementById('welcomeMsg').innerText = \"HALO, \" + res.name.toUpperCase();\n                showSection('daily');\n            } else if(res.status === 'not_active') {\n                alert(\"AKUN BELUM AKTIF! Silakan cek email aktivasi.\");\n            } else { alert(\"Login Gagal!\"); }\n        }).finally(() => toggleLoad(false));\n    }\n\n    function handleForgot() {\n        toggleLoad(true);\n        const email = document.getElementById('forgotEmail').value;\n        fetch(`${scriptURL}?action=forgotPassword&email=${email}`)\n        .then(res => res.json()).then(res => {\n            if(res.status === 'success') { alert(\"Berhasil! Cek email Anda.\"); showSection('login'); }\n            else { alert(\"Email tidak terdaftar!\"); }\n        }).finally(() => toggleLoad(false));\n    }\n\n    function handleSubmitLog() {\n        toggleLoad(true);\n        fetch(scriptURL, { method: 'POST', body: new FormData(document.getElementById('dailyForm')) })\n        .then(res => res.json()).then(res => {\n            alert(\"ANALISA AI COACH:\\n\\n\" + res.analysis);\n            location.reload();\n        }).finally(() => toggleLoad(false));\n    }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Academy Portal &#8211; Malang United MEMPROSES DATA&#8230; MALANG UNITED ACADEMY PORTAL MASUK DAFTAR Username Password LOGIN KE PORTAL Lupa Password? LUPA PASSWORD Data akun akan dikirim ke email terdaftar. Email Orang Tua KIRIM DETAIL AKUN Kembali ke Login NAMA LENGKAP SISWA TANGGAL LAHIR EMAIL ORANG TUA PASSWORD DAFTAR &#038; KIRIM AKTIVASI DAILY PERFORMANCE LOG JAM [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21114","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/21114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/comments?post=21114"}],"version-history":[{"count":0,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/21114\/revisions"}],"wp:attachment":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/media?parent=21114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}