Update app.py

app.py

@@ -6,27 +6,22 @@ import requests
 
 app = FastAPI()
 
-# --- CORS Middleware ---
+# CORS
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=["*"],  # Adjust in production
-    allow_credentials=True,
-    allow_methods=["*"],
-    allow_headers=["*"],
+    allow_origins=["*"], allow_credentials=True,
+    allow_methods=["*"], allow_headers=["*"],
 )
 
-# --- Include your API routes ---
 app.include_router(api_router)
 
-# --- Root endpoint ---
 @app.get("/")
 def root():
-    return {"message": "🚀 FastAPI + MongoDB + JWT is running"}
+    return {"message": "🚀 FastAPI with MongoDB + JWT is running."}
 
-# --- Backend API URL ---
+# Gradio doctor creation logic
 BACKEND_URL = "https://rocketfarmstudios-cps-api.hf.space"
 
-# --- Gradio logic to create doctor ---
 def create_doctor(full_name, email, matricule, password, specialty):
     payload = {
         "full_name": full_name,
@@ -38,59 +33,80 @@ def create_doctor(full_name, email, matricule, password, specialty):
     try:
         res = requests.post(f"{BACKEND_URL}/admin/create-doctor", json=payload)
         if res.status_code == 200:
-            return "✅ Doctor account successfully created!"
-        else:
-            return f"❌ {res.json().get('detail', 'Something went wrong')}"
+            return "✅ Doctor created successfully!"
+        return f"❌ {res.json().get('detail', 'Error occurred')}"
     except Exception as e:
-        return f"❌ Connection error: {str(e)}"
+        return f"❌ Network Error: {str(e)}"
 
-# --- Gradio Admin Dashboard ---
+# Modern admin UI
 with gr.Blocks(css="""
     .gradio-container {
-        background-color: #f9fbfd;
-        font-family: 'Inter', sans-serif;
-        padding: 2.5rem;
-        max-width: 640px;
-        margin: auto;
+        background-color: #f0f4f8;
+        font-family: 'Segoe UI', sans-serif;
+        padding: 2rem;
     }
-    .title-text {
+    .header {
         text-align: center;
         font-size: 2rem;
         font-weight: 800;
         color: #002538;
         margin-bottom: 0.5rem;
     }
-    .description-text {
+    .subheader {
         text-align: center;
-        font-size: 1rem;
-        color: #444;
-        margin-bottom: 2rem;
+        color: #5c6670;
+        margin-bottom: 2.2rem;
+        font-size: 0.95rem;
+    }
+    .form-box {
+        background: white;
+        max-width: 600px;
+        margin: auto;
+        padding: 2rem;
+        border-radius: 12px;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
+    }
+    label {
+        font-weight: 600;
+        color: #333;
+        margin-bottom: 0.2rem;
     }
-    .gr-form {
-        gap: 1.2rem;
+    input, select, textarea {
+        font-size: 0.95rem;
+    }
+    button {
+        font-weight: bold;
+        background-color: #002538 !important;
+        color: white !important;
+        border-radius: 30px !important;
     }
 """) as admin_ui:
-    gr.Markdown("<div class='title-text'>🩺 Doctor Account Registration</div>")
-    gr.Markdown("<div class='description-text'>Admin-only panel to create and assign new doctor accounts securely.</div>")
 
-    with gr.Column(elem_classes=["gr-form"]):
-        full_name = gr.Textbox(label="👤 Full Name", placeholder="Dr. Alice Johnson")
-        email = gr.Textbox(label="📧 Email", placeholder="alice@clinic.com")
-        matricule = gr.Textbox(label="🆔 Matricule", placeholder="DOC-1021")
+    gr.Markdown("<div class='header'>🧑‍⚕️ Doctor Account Creator</div>")
+    gr.Markdown("<div class='subheader'>Admins can register new doctors using this secure panel.</div>")
+
+    with gr.Column(elem_classes=["form-box"]):
+        full_name = gr.Textbox(label="Full Name", placeholder="Dr. Sarah Hopkins")
+        email = gr.Textbox(label="Email", placeholder="doctor@clinic.org")
+        matricule = gr.Textbox(label="Matricule", placeholder="DOC-8932")
         specialty = gr.Dropdown(
-            label="🏥 Specialty",
+            label="Specialty",
             choices=[
-                "Cardiologist", "Dermatologist", "Endocrinologist", "Gastroenterologist",
-                "Neurologist", "Oncologist", "Orthopedist", "Pediatrician",
-                "Psychiatrist", "Radiologist", "Surgeon", "Urologist"
+                "Cardiology", "Dermatology", "Endocrinology", "Neurology", "Psychiatry",
+                "Surgery", "Oncology", "Orthopedics", "Pediatrics", "Radiology", "Urology"
             ],
-            value="Cardiologist"
+            value="Cardiology",
         )
-        password = gr.Textbox(label="🔐 Password", type="password", placeholder="Strong password")
-        submit_btn = gr.Button("➕ Create Doctor Account", size="lg", variant="primary")
-        output = gr.Textbox(label="", show_label=False)
+        password = gr.Textbox(label="Password", type="password", placeholder="Secure password")
 
-        submit_btn.click(fn=create_doctor, inputs=[full_name, email, matricule, password, specialty], outputs=output)
+        submit_btn = gr.Button("Create Doctor Account", size="lg")
+        output = gr.Textbox(show_label=False)
+
+        submit_btn.click(
+            fn=create_doctor,
+            inputs=[full_name, email, matricule, password, specialty],
+            outputs=output,
+        )
 
-# --- Mount Gradio at /admin ---
+# Mount Gradio at /admin
 app = gr.mount_gradio_app(app, admin_ui, path="/admin")