body { font-family: ‘Inter’, sans-serif; }
.gradient-header {
background: linear-gradient(135deg, #005aa7 0%, #fffde4 100%);
}
/* Custom scrollbar for textarea */
textarea::-webkit-scrollbar {
width: 8px;
}
textarea::-webkit-scrollbar-track {
background: #f1f1f1;
}
textarea::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
textarea::-webkit-scrollbar-thumb:hover {
background: #555;
}

// Data inputs
const materiInput = document.getElementById(‘materi’);
const tujuanInput = document.getElementById(‘tujuan’);
const jenisInput = document.getElementById(‘jenis’);
const bloomInput = document.getElementById(‘bloom’);
const outputPreview = document.getElementById(‘outputPreview’);
const charCount = document.getElementById(‘charCount’);

// Referensi URL (Hardcoded)
const references = [
“https://pusmendik.kemdikbud.go.id/tka/tka/view/mata-pelajaran-wajib/sd/matematika”,
“https://docs.google.com/document/d/1ereqAhFtpMe0AhKv90SWutjykZmKPIirKH6CzhLegPY/edit?usp=sharing”,
“https://docs.google.com/document/d/101sjKo_IK2gLRr6uVngCIWWUJxSDswhK-lcA94foUJU/edit?usp=sharing”,
“https://drive.google.com/file/d/1BfYOf09V-RXuEsJMpr3PzKTHZUnG4nVF/view?usp=sharing”,
“https://drive.google.com/file/d/1S5X9SkEMJ4lSw2Qm1xm54je2kWP5YjXu/view?usp=sharing”
];

// Toggle References
function toggleReferences() {
const list = document.getElementById(‘refList’);
const icon = document.getElementById(‘refIcon’);

if (list.classList.contains(‘hidden’)) {
list.classList.remove(‘hidden’);
icon.classList.add(‘rotate-180’);
} else {
list.classList.add(‘hidden’);
icon.classList.remove(‘rotate-180’);
}
}

// Function to build the prompt string
function buildPrompt() {
const materi = materiInput.value.trim() || “{materi matematika}”;
const tujuan = tujuanInput.value.trim() || “{capaian pembelajaran atau tujuan}”;
const jenis = jenisInput.value || “{pilihan jenis soal}”;
const bloom = bloomInput.value || “{taksonomi bloom tingkat berapa}”;

const prompt = `Saya adalah Staff Kementerian Pendidikan Dasar dan Menengah (Kemendikdasmen) saya diminta untuk membuat soal TKA standar nasional 2026/2027 untuk mata pembelajaran Matematika untuk materi ${materi} dengan capian dan tujuan pembelajran ${tujuan} dengan jenis soal ${jenis} dengan berdasarankan tingkat taksonomi bloom ${bloom}\ndari berdasarkan standar TKA terbaru ${references.join(‘, ‘)}`;

return prompt;
}

// Live update preview
function updatePreview() {
const currentPrompt = buildPrompt();
outputPreview.value = currentPrompt;
charCount.innerText = currentPrompt.length + ” Karakter”;
}

// Add event listeners for live updates
[materiInput, tujuanInput, jenisInput, bloomInput].forEach(element => {
element.addEventListener(‘input’, updatePreview);
element.addEventListener(‘change’, updatePreview);
});

// Initialize preview on load
updatePreview();

// Helper to show toasts
function showToast(elementId) {
const toast = document.getElementById(elementId);
toast.classList.remove(‘translate-y-20’, ‘opacity-0’);
setTimeout(() => {
toast.classList.add(‘translate-y-20’, ‘opacity-0’);
}, 3000);
}

// Helper to copy text to clipboard reliably
function copyToClipboard(text) {
// Create a temporary textarea element
const textArea = document.createElement(“textarea”);
textArea.value = text;

// Ensure it’s not visible but part of the DOM
textArea.style.position = “fixed”;
textArea.style.left = “-9999px”;
textArea.style.top = “0”;
document.body.appendChild(textArea);

textArea.focus();
textArea.select();

try {
// Execute copy command
document.execCommand(‘copy’);
} catch (err) {
console.error(‘Fallback: Oops, unable to copy’, err);
}

document.body.removeChild(textArea);
}

// Main Action Function
function executeAction() {
// Validation
if (!materiInput.value || !tujuanInput.value || !jenisInput.value || !bloomInput.value) {
showToast(‘errorToast’);
// Highlight empty fields
if(!materiInput.value) materiInput.classList.add(‘border-red-500’);
if(!tujuanInput.value) tujuanInput.classList.add(‘border-red-500’);
if(!jenisInput.value) jenisInput.classList.add(‘border-red-500’);
if(!bloomInput.value) bloomInput.classList.add(‘border-red-500’);

setTimeout(() => {
[materiInput, tujuanInput, jenisInput, bloomInput].forEach(el => el.classList.remove(‘border-red-500’));
}, 2000);
return;
}

const finalPrompt = buildPrompt();

// 1. Copy to Clipboard
copyToClipboard(finalPrompt);

// 2. Show Success Toast
showToast(‘toast’);

// 3. Open Gemini in new tab after a slight delay to allow toast to be seen
setTimeout(() => {
// Using generic gemini url, usually redirects to app
window.open(‘https://gemini.google.com/app’, ‘_blank’);
}, 800);
}

function resetForm() {
materiInput.value = ”;
tujuanInput.value = ”;
jenisInput.selectedIndex = 0;
bloomInput.selectedIndex = 0;
updatePreview();
}