Update script.js

script.js

@@ -1,8 +1,32 @@
 const ideaInput = document.getElementById('idea-input');
+const longInput = document.getElementById('long-input');
 const startBtn = document.getElementById('start-chat-btn');
 const output = document.getElementById('chat-output');
 const copyBtn = document.getElementById('copy-and-open-btn');
 
+const state = {
+  tone: 'Friendly',
+  format: 'Paragraph',
+  length: 'Short',
+  language: 'English'
+};
+
+function handleToggle(e){
+  const btn = e.target.closest('.toggle');
+  if(!btn) return;
+  const row = btn.parentElement;
+  const group = row.dataset.group;
+
+  row.querySelectorAll('.toggle').forEach(b=>{
+    b.classList.remove('selected');
+    b.setAttribute('aria-pressed','false');
+  });
+  btn.classList.add('selected');
+  btn.setAttribute('aria-pressed','true');
+  state[group] = btn.dataset.value;
+}
+document.querySelectorAll('.btn-row').forEach(r=>r.addEventListener('click', handleToggle));
+
 function typewriter(text, target, speed = 18) {
   target.textContent = '';
   let i = 0;
@@ -13,21 +37,21 @@ function typewriter(text, target, speed = 18) {
   }, speed);
 }
 
-function formatResponse({ idea, tone, format, length, language }) {
+function formatResponse({ idea, details, tone, format, length, language }) {
   const base = {
     English: {
-      intro: `Idea: ${idea}\nTone: ${tone} • Format: ${format} • Length: ${length}\n\n`,
+      intro: `Idea: ${idea || '—'}\nDetails: ${details || '—'}\nTone: ${tone} • Format: ${format} • Length: ${length}\n\n`,
       paragraph: `Here’s a ${tone.toLowerCase()} take on your idea. `,
       bulletsIntro: `Key points:\n`,
-      emailIntro: `Subject: ${idea}\n\nHi there,\n\n`,
+      emailIntro: `Subject: ${idea || 'Your Idea'}\n\nHi there,\n\n`,
       outro: `\n\n— Generated by Brand AI`
     },
     Urdu: {
-      intro: `آئیڈیا: ${idea}\nلہجہ: ${tone} • فارمیٹ: ${format} • طوالت: ${length}\n\n`,
+      intro: `آئیڈیا: ${idea || '—'}\nتفصیل: ${details || '—'}\nلہجہ: ${tone} • فارمیٹ: ${format} • طوالت: ${length}\n\n`,
       paragraph: `یہ آپ کے آئیڈیا پر ایک ${tone} انداز ہے۔ `,
       bulletsIntro: `اہم نکات:\n`,
-      emailIntro: `موضوع: ${idea}\n\nالسلام علیکم،\n\n`,
-      outro: `\n\n— برانڈ اے آئی کی جانب سے`
+      emailIntro: `موضوع: ${idea || 'آپ کا آئیڈیا'}\n\nالسلام علیکم،\n\n`,
+      outro: `\n\n— برانڈ اے آئی`
     }
   }[language];
 
@@ -54,17 +78,16 @@ function formatResponse({ idea, tone, format, length, language }) {
 
 function handleGenerate() {
   const idea = ideaInput.value.trim();
-  if (!idea) {
+  const details = longInput.value.trim();
+
+  if (!idea && !details) {
     ideaInput.focus();
-    output.textContent = 'Please enter an idea to get started.';
+    output.textContent = 'Please enter an idea or details to get started.';
     return;
   }
-  const tone = document.getElementById('tone-select').value;
-  const format = document.getElementById('format-select').value;
-  const length = document.getElementById('length-select').value;
-  const language = document.getElementById('language-select').value;
 
-  const text = formatResponse({ idea, tone, format, length, language });
+  const { tone, format, length, language } = state;
+  const text = formatResponse({ idea, details, tone, format, length, language });
   typewriter(text, output);
   copyBtn.classList.remove('hidden');
   copyBtn.setAttribute('aria-live', 'polite');
@@ -75,18 +98,14 @@ async function copyToClipboard() {
   if (!text) return;
   try {
     await navigator.clipboard.writeText(text);
-    copyBtn.textContent = '✅ Copied! Open in Custom GPT';
-    setTimeout(() => (copyBtn.textContent = '📋 Copy & Open in Custom GPT'), 1500);
-    // Optional: open a placeholder URL for your Custom GPT
-    // window.open('https://chat.openai.com/', '_blank');
+    copyBtn.textContent = '✅ Copied! Paste Now';
+    setTimeout(() => (copyBtn.textContent = '📋 Copy & Paste Now'), 1500);
   } catch {
     copyBtn.textContent = '⚠️ Copy failed';
-    setTimeout(() => (copyBtn.textContent = '📋 Copy & Open in Custom GPT'), 1500);
+    setTimeout(() => (copyBtn.textContent = '📋 Copy & Paste Now'), 1500);
   }
 }
 
 startBtn.addEventListener('click', handleGenerate);
-ideaInput.addEventListener('keydown', (e) => {
-  if (e.key === 'Enter') handleGenerate();
-});
+ideaInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') handleGenerate(); });
 copyBtn.addEventListener('click', copyToClipboard);