Update app.py

app.py

@@ -4,59 +4,82 @@ from api.routes import router as api_router
 import gradio as gr
 import requests
 
-# Your FastAPI app
 app = FastAPI()
 
-# CORS middleware
+# --- CORS ---
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=["*"],  # Change to your frontend domain in prod
+    allow_origins=["*"],  # Adjust as needed
     allow_credentials=True,
     allow_methods=["*"],
     allow_headers=["*"],
 )
 
-# Include API router
 app.include_router(api_router)
 
-# Root endpoint
 @app.get("/")
 def root():
-    return {"message": "🚀 FastAPI with MongoDB + JWT is running"}
+    return {"message": "🚀 FastAPI + MongoDB + JWT is running"}
 
 
-# --- Gradio Interface Logic ---
+# --- Gradio Logic ---
+BACKEND_URL = "http://localhost:8000"  # or your Space URL
 
-BACKEND_URL = "https://rocketfarmstudios-cps-api.hf.space"  # 👈 change to your Space URL if deployed
-
-def create_doctor_api(full_name, email, matricule, password):
+def create_doctor(full_name, email, matricule, password):
+    payload = {
+        "full_name": full_name,
+        "email": email,
+        "matricule": matricule,
+        "password": password,
+    }
     try:
-        payload = {
-            "full_name": full_name,
-            "email": email,
-            "matricule": matricule,
-            "password": password,
-        }
-        response = requests.post(f"{BACKEND_URL}/admin/create-doctor", json=payload)
-        if response.status_code == 200:
-            return "✅ Doctor created successfully!"
+        res = requests.post(f"{BACKEND_URL}/admin/create-doctor", json=payload)
+        if res.status_code == 200:
+            return "✅ Doctor account successfully created!"
         else:
-            return f"❌ Error: {response.json().get('detail', 'Unknown error')}"
+            return f"❌ {res.json().get('detail', 'Something went wrong')}"
     except Exception as e:
-        return f"❌ Failed to connect: {str(e)}"
-
-gradio_ui = gr.Interface(
-    fn=create_doctor_api,
-    inputs=[
-        gr.Textbox(label="Full Name"),
-        gr.Textbox(label="Email"),
-        gr.Textbox(label="Matricule"),
-        gr.Textbox(label="Password", type="password")
-    ],
-    outputs=gr.Textbox(label="Status"),
-    title="👨‍⚕️ Admin - Create Doctor Account",
-    description="Fill in the fields to register a doctor.",
-)
+        return f"❌ Connection error: {str(e)}"
+
+
+# --- Gradio Interface ---
+with gr.Blocks(css="""
+    .gradio-container {
+        background-color: #f9fbfd;
+        font-family: 'Inter', sans-serif;
+        padding: 3rem;
+    }
+    .title-text {
+        text-align: center;
+        font-size: 2rem;
+        font-weight: 700;
+        color: #002538;
+        margin-bottom: 1rem;
+    }
+    .description-text {
+        text-align: center;
+        font-size: 1rem;
+        color: #666;
+        margin-bottom: 2.5rem;
+    }
+    .gr-input {
+        max-width: 500px;
+        margin: 0 auto;
+    }
+""") as admin_ui:
+    gr.Markdown("<div class='title-text'>👨‍⚕️ Create Doctor Account</div>")
+    gr.Markdown("<div class='description-text'>Admin-only panel to register new doctor accounts.</div>")
+
+    with gr.Column(elem_classes=["gr-input"]):
+        full_name = gr.Textbox(label="Full Name", placeholder="e.g. Dr. Alice Johnson")
+        email = gr.Textbox(label="Email", placeholder="e.g. alice@example.com")
+        matricule = gr.Textbox(label="Matricule", placeholder="e.g. DOC-7891")
+        password = gr.Textbox(label="Password", type="password", placeholder="Enter a secure password")
+        submit_btn = gr.Button("✅ Create Doctor Account", size="lg")
+
+        output = gr.Textbox(label="", show_label=False)
+
+        submit_btn.click(fn=create_doctor, inputs=[full_name, email, matricule, password], outputs=output)
 
-# Mount Gradio inside FastAPI app
-app = gr.mount_gradio_app(app, gradio_ui, path="/admin")
+# Mount Gradio at /admin
+app = gr.mount_gradio_app(app, admin_ui, path="/admin")