Upload app.py

app.py

@@ -0,0 +1,53 @@
+import gradio as gr
+
+# 1. Define your tables and their pixel coordinate boundaries (X_start, X_end, Y_start, Y_end)
+# You will need to adjust these numbers based on your actual PNG layout dimensions!
+TABLES_LAYOUT = {
+    "Table 1": {"x": (50, 180),  "y": (50, 180)},
+    "Table 2": {"x": (220, 350), "y": (50, 180)},
+    "Table 3": {"x": (50, 180),  "y": (250, 380)},
+    "Table 4": {"x": (220, 350), "y": (250, 380)},
+    "VIP Booth": {"x": (400, 600), "y": (100, 400)},
+}
+
+def handle_image_click(evt: gr.SelectData):
+    """
+    This function triggers automatically whenever someone clicks the image.
+    evt.index contains a tuple: (X_coordinate, Y_coordinate)
+    """
+    click_x, click_y = evt.index
+    
+    # Check if the click coordinates fall inside any table's boundaries
+    for table_name, bounds in TABLES_LAYOUT.items():
+        x_min, x_max = bounds["x"]
+        y_min, y_max = bounds["y"]
+        
+        if x_min <= click_x <= x_max and y_min <= click_y <= y_max:
+            return f"🎯 You successfully selected: **{table_name}**!"
+            
+    return f"Clicked at (X: {click_x}, Y: {click_y}), but no table is located here. Please try clicking directly on a table."
+
+# 2. Build the Gradio Interface
+with gr.Blocks() as demo:
+    gr.Markdown("# 🍽️ Restaurant Table Reservation Layout")
+    gr.Markdown("Click directly on a table in the floor plan image below to select it.")
+    
+    with gr.Row():
+        # Display the floor plan PNG. 
+        # Setting 'interactive=False' makes it clickable instead of an upload box.
+        floor_plan = gr.Image(
+            value="floor_layout.png",  # Ensure this file is uploaded to your Space folder
+            label="Floor Plan Layout",
+            interactive=False 
+        )
+        
+        with gr.Column():
+            status_output = gr.Markdown("### Selection Status\nNo table selected yet.")
+            
+            # Optional: A manual confirmation button or extra booking actions could go here
+            confirm_btn = gr.Button("Confirm Booking", variant="primary")
+
+    # 3. Bind the click event to our Python logic
+    floor_plan.select(fn=handle_image_click, inputs=None, outputs=status_output)
+
+demo.launch()