Update app.py

app.py

@@ -963,70 +963,77 @@ def create_quiz_interface():
             return navigate(1, current_idx, questions, answers, current_answer)
         
         def on_submit(questions, answers, current_idx, current_answer):
-            """Handle quiz submission with proper formatting"""
+            """Handle quiz submission with proper Markdown rendering and emojis"""
             final_answers = list(answers)
             if 0 <= current_idx < len(final_answers):
                 final_answers[current_idx] = current_answer
             
             if not all(a is not None for a in final_answers[:len(questions)]):
+                # Create list of unanswered question numbers
                 unanswered = [i+1 for i, a in enumerate(final_answers[:len(questions)]) if a is None]
-                message = f"""
+                warning_content = f"""
                 <div style="background-color: #fff3cd; padding: 20px; border-radius: 10px; border-left: 5px solid #ffa000;">
-                    <h3 style="color: #ff6b6b; margin: 0;">⚠️ Please Answer All Questions</h3>
-                    <p style="margin: 10px 0;">Questions not answered: {', '.join(map(str, unanswered))}</p>
-                    <p style="margin: 0;">Please complete all questions before submitting.</p>
+                    <h3 style="color: #ff6b6b; margin: 0;">⚠️ Please Complete All Questions</h3>
+                    <p style="margin: 10px 0;">Unanswered Questions: {', '.join(map(str, unanswered))}</p>
                 </div>
                 """
                 return [
-                    message,
-                    gr.update(visible=True),
-                    0,
-                    "⚠️ Please answer all questions",
-                    gr.update(visible=True),
-                    gr.update(visible=False),
-                    gr.update(visible=False),
-                    gr.update(selected=2)
+                    warning_content,             # feedback_box
+                    gr.update(visible=True),     # results_group
+                    0,                          # score
+                    "",                         # result_message
+                    gr.update(visible=True),     # question_box
+                    gr.update(visible=True),     # reset_btn
+                    gr.update(visible=False),    # view_cert_btn
+                    gr.update(selected=2)        # tabs
                 ]
             
             score, passed, feedback = quiz_app.calculate_score(final_answers[:len(questions)])
             
-            # Create formatted feedback with consistent style
-            feedback_content = ""
+            # Create feedback content using proper Markdown with emojis
+            feedback_content = f"""# Assessment Results
+        
+        **Score: {score:.1f}%**
+        
+        """
             
             for i, (q, f) in enumerate(zip(questions, feedback)):
-                if i == 0:
-                    feedback_content += f"What is {q.question}\n\n"
-                else:
-                    feedback_content += f"### Question {i+1}\n{q.question}\n\n"
+                icon = "✅" if f.is_correct else "❌"
+                color = "green" if f.is_correct else "red"
                 
-                if f.is_correct:
-                    feedback_content += f"✓ **Your answer:** {f.selected}\n\n"
-                else:
-                    feedback_content += f"X **Your answer:** {f.selected}\n"
-                    feedback_content += f"**Correct answer:** {f.correct_answer}\n\n"
+                # Using markdown syntax with color formatting
+                feedback_content += f"""### Question {i+1}
+        {q.question}
+        
+        {icon} **Your answer:** {f.selected or 'No answer'}
+        {'' if f.is_correct else f'**Correct answer:** {f.correct_answer}'}
+        
+        """
             
-            # Add result summary at the end
+            # Add summary box
             if passed:
                 feedback_content += f"""
+        ---
         ## 🎉 Congratulations!
         You passed with a score of {score:.1f}%!
         """
             else:
                 feedback_content += f"""
+        ---
         ## Need Improvement
         You scored {score:.1f}%. You need 80% or higher to pass.
         Please try again.
         """
             
             return [
-                feedback_content,
-                gr.update(visible=True),
-                score,
-                f"Score: {score:.1f}%",
-                gr.update(visible=False),
-                gr.update(visible=not passed),
-                gr.update(visible=passed),
-                gr.update(selected=2)
+                feedback_content,                # feedback_box
+                gr.update(visible=True),         # results_group
+                score,                           # score_display
+                f"Score: {score:.1f}%",         # result_message
+                gr.update(visible=False),        # question_box
+                gr.update(visible=not passed),   # reset_btn
+                gr.update(visible=passed),       # view_cert_btn
+                gr.update(selected=2)            # tabs
             ]
         # Event Handlers
         generate_btn.click(