Updates

app.py

@@ -108,11 +108,9 @@ def navigate_question(direction):
     if direction == "prev" and st.session_state.current_index > 0:
         st.session_state.current_index -= 1
         st.session_state.answered = True
-    elif direction == "next":
+    elif direction == "next" and st.session_state.current_index < len(st.session_state.questions) - 1:
         st.session_state.current_index += 1
-        if st.session_state.current_index >= len(st.session_state.questions):
-            st.session_state.questions.append(generate_new_question(st.session_state.current_module, modules[st.session_state.current_module]))
-        st.session_state.answered = False
+        st.session_state.answered = True
 
 # Load all modules dynamically
 modules = load_modules()
@@ -149,7 +147,7 @@ with col1:
     if st.button("⬅️ Prev", disabled=st.session_state.current_index == 0):
         navigate_question("prev")
 with col2:
-    if st.button("➡️ Next"):
+    if st.button("➡️ Next", disabled=st.session_state.current_index >= len(st.session_state.questions) - 1):
         navigate_question("next")
 with col3:
     if len(st.session_state.questions) > 0:
@@ -162,26 +160,9 @@ with col3:
             mime="application/pdf"
         )
 
-# Apply styles with borders and gray background
-st.markdown("""
-    <style>
-    .question-box {
-        border: 2px solid #ccc;
-        padding: 15px;
-        background-color: #f9f9f9;
-        margin-bottom: 20px;
-    }
-    .option-box {
-        border: 1px solid #ccc;
-        padding: 10px;
-        background-color: #f0f0f0;
-        margin-bottom: 10px;
-    }
-    </style>
-""", unsafe_allow_html=True)
-
-st.markdown(f"<div class='question-box'><strong>Q:</strong> {current_question['question']}</div>", unsafe_allow_html=True)
+st.write(current_question["question"])
 
+# Handle the selection of an option and check the answer immediately
 selected_answer = st.radio(
     "Choose an answer:", 
     options=current_question['options'], 
@@ -206,11 +187,11 @@ if selected_answer is not None and not current_question['answered']:
     # Show correct/incorrect feedback immediately
     for option in current_question['options']:
         if option == current_question['correct_answer']:
-            st.markdown(f"<div class='option-box' style='color:green;'>{option} ✅</div>", unsafe_allow_html=True)
+            st.markdown(f"<span style='color:green;'>{option} ✅</span>", unsafe_allow_html=True)
         elif option == current_question['selected']:
-            st.markdown(f"<div class='option-box' style='color:red;'>{option} ❌</div>", unsafe_allow_html=True)
+            st.markdown(f"<span style='color:red;'>{option} ❌</span>", unsafe_allow_html=True)
         else:
-            st.markdown(f"<div class='option-box'>{option}</div>", unsafe_allow_html=True)
+            st.markdown(f"{option}")
     
     # Show explanation and step-by-step solution with improved visuals
     st.write(f"**Explanation:** {current_question['explanation']}")