updated city and state

app.py

@@ -107,16 +107,23 @@ setup_hf_dataset()
 gradio_app = gr.Interface(
     process_submission,
     inputs=[
-        gr.Image(label="Upload an image", sources=['upload', 'webcam'], type="pil"),
-        gr.Textbox(label="The image portrays culturally-relevant information in:", placeholder="what culture does this image represent?"),
-
-        gr.Dropdown(
-        choices=["India", "Pakistan", "Bangladesh", "Afghanistan", "Bhutan", "Nepal", "Sri Lanka"],
-        label="Country where the image was taken:",
-        interactive=True
-        ),
-        gr.Textbox(label="Country where the image was taken:", placeholder="Enter country name"),
-        gr.Radio(
+    with gr.Blocks() as gradio_app:
+        selected_country = gr.Dropdown(
+            choices=list(country_to_states.keys()),
+            label="Country where the image was taken:",
+            interactive=True
+        )
+        selected_state = gr.Dropdown(
+            choices=[],
+            label="State / Province",
+            interactive=True
+        )
+        city_field = gr.Textbox(label="City (optional)")
+    
+        image_input = gr.Image(label="Upload an image", sources=['upload', 'webcam'], type="pil")
+        cultural_text = gr.Textbox(label="The image portrays culturally-relevant information in:")
+        
+        sa_relevance = gr.Radio(
             choices=[
                 "Yes. Unique to South Asia",
                 "Yes, people will likely think of South Asia when seeing the picture, but it may have low degree of similarity to other cultures.",
@@ -125,17 +132,57 @@ gradio_app = gr.Interface(
                 "No. Totally unrelated to South Asia"
             ],
             label="Is the image culturally relevant in South Asia?"
-        ),
-        gr.Radio(
+        )
+    
+        knowledge_source = gr.Radio(
             choices=[
                 "I'm from this country/culture",
                 "I checked online resources (e.g., Wikipedia, articles, blogs)"
             ],
             label="How do you know about this culture?",
-            info="Please do not consult LLMs (e.g., GPT-4o, Claude, Command-R, etc.)"
-        ),
-        gr.Textbox(label="Caption in Native Language:", placeholder="Enter caption in the native language of the culture depicted"),
-        gr.Textbox(label="English Caption:", placeholder="Enter caption in English")
+            info="Please do not consult LLMs"
+        )
+    
+        native_caption = gr.Textbox(label="Caption in Native Language:")
+        english_caption = gr.Textbox(label="English Caption:")
+    
+        output_components = [
+            gr.Image(label="Submitted Image"),
+            gr.Text(label="Text Response"),
+            gr.Text(label="Country and State"),
+            gr.Text(label="Location Information"),
+            gr.Text(label="South Asia Cultural Relevance"),
+            gr.Text(label="Cultural Knowledge Source"),
+            gr.Text(label="Native Language Caption"),
+            gr.Text(label="English Caption")
+        ]
+    
+        # Link dynamic dropdown update
+        def update_states(selected_country):
+            return gr.Dropdown.update(choices=country_to_states.get(selected_country, []), value=None)
+    
+        selected_country.change(fn=update_states, inputs=selected_country, outputs=selected_state)
+    
+        submit_btn = gr.Button("Submit")
+    
+        submit_btn.click(
+            process_submission,
+            inputs=[
+                image_input,
+                cultural_text,
+                selected_country,
+                selected_state,
+                city_field,
+                sa_relevance,
+                knowledge_source,
+                native_caption,
+                english_caption
+            ],
+            outputs=output_components
+        )
+    
+        gr.Markdown("## South Asian Image Data Collection")
+        gr.Markdown("Upload an image and answer questions about its cultural significance.")
     ],
     outputs=[
         gr.Image(label="Submitted Image"),