Update app.py

app.py

@@ -3,11 +3,16 @@ import os
 import pandas as pd
 import requests  # 👈 改用 requests 發送 HTTP 請求
 from supabase import create_client, Client
+from datetime import datetime, timedelta, timezone
+
+# 設定台北時區 (雖然這個檔案目前沒用到，但保留著好習慣)
+TAIPEI_TZ = timezone(timedelta(hours=8))
 
 # --- 設定 ---
 SUPABASE_URL = os.getenv("SUPABASE_URL")
 SUPABASE_KEY = os.getenv("SUPABASE_KEY")
 GAS_MAIL_URL = os.getenv("GAS_MAIL_URL") # 👈 讀取 GAS 網址
+# ⚠️ 請務必確認這裡填的是您 Space A (前端) 的網址
 PUBLIC_SPACE_URL = "https://deeplearning101-ciecietaipei.hf.space"
 
 supabase: Client = create_client(SUPABASE_URL, SUPABASE_KEY)
@@ -20,13 +25,14 @@ def get_bookings():
     response = supabase.table("bookings").select("*").order("created_at", desc=True).execute()
     if not response.data: return pd.DataFrame()
     df = pd.DataFrame(response.data)
+    # 確保欄位順序與存在
     cols = ['id', 'date', 'time', 'name', 'tel', 'email', 'pax', 'remarks', 'status']
     for c in cols:
         if c not in df.columns: df[c] = ""
     return df[cols]
 
 def send_confirmation_email(booking_id):
-    """透過 Google Apps Script 中繼站發信"""
+    """透過 Google Apps Script 中繼站發信 (包含 確認 與 取消 雙按鈕)"""
     try:
         if not GAS_MAIL_URL:
             return "❌ 錯誤：未設定 GAS_MAIL_URL Secret"
@@ -39,31 +45,51 @@ def send_confirmation_email(booking_id):
         email = booking.get('email')
         if not email or "@" not in email: return "❌ 客人未填寫有效 Email"
 
-        # 2. 產生連結
+        # 2. 產生連結 (⚠️ 修正點：補回取消連結)
         confirm_link = f"{PUBLIC_SPACE_URL}/?id={booking_id}&action=confirm"
+        cancel_link = f"{PUBLIC_SPACE_URL}/?id={booking_id}&action=cancel"
 
-        # 3. 準備信件內容 (HTML)
+        # 3. 準備信件內容 (HTML 包含雙按鈕)
         html_content = f"""
-        <div style="padding: 20px; background: #111; color: #d4af37; font-family: sans-serif; border-radius: 10px;">
-            <h2 style="border-bottom: 1px solid #d4af37; padding-bottom: 10px;">訂位保留確認</h2>
-            <p>{booking['name']} 您好，我們已為您保留座位：</p>
-            <ul style="color: #eee;">
-                <li>日期：{booking['date']}</li>
-                <li>時間：{booking['time']}</li>
-                <li>人數：{booking['pax']} 位</li>
-            </ul>
-            <p>請點擊下方按鈕確認出席：</p>
-            <a href="{confirm_link}" style="background: #d4af37; color: black; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold; display: inline-block; margin-top: 10px;">✅ 我會出席 (Confirm)</a>
-            <br><br>
+        <div style="padding: 20px; background: #111; color: #d4af37; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border-radius: 10px; max-width: 600px; margin: 0 auto;">
+            <h2 style="border-bottom: 1px solid #d4af37; padding-bottom: 15px; text-align: center; letter-spacing: 2px;">Cié Cié Taipei</h2>
+            
+            <p style="font-size: 16px; margin-top: 20px;">{booking['name']} 您好，</p>
+            <p style="font-size: 16px; color: #ccc;">感謝您的預約，我們已為您保留座位：</p>
+            
+            <div style="background: #222; padding: 15px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #d4af37;">
+                <ul style="color: #eee; list-style: none; padding: 0; margin: 0; line-height: 1.8;">
+                    <li>📅 <b>日期：</b> {booking['date']}</li>
+                    <li>⏰ <b>時間：</b> {booking['time']}</li>
+                    <li>👥 <b>人數：</b> {booking['pax']} 位</li>
+                    <li>📝 <b>備註：</b> {booking.get('remarks') or '無'}</li>
+                </ul>
+            </div>
+
+            <p style="text-align: center; margin-top: 30px; font-weight: bold; color: #fff;">請選擇您的回覆：</p>
+
+            <div style="text-align: center; margin-top: 15px; margin-bottom: 30px;">
+                <a href="{confirm_link}" style="display: inline-block; background: #d4af37; color: #000; padding: 12px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; margin: 0 10px;">
+                    ✅ 確認出席
+                </a>
+                
+                <a href="{cancel_link}" style="display: inline-block; background: transparent; color: #ff5252; padding: 11px 29px; text-decoration: none; border-radius: 5px; font-weight: bold; border: 1px solid #ff5252; margin: 0 10px;">
+                    🚫 取消訂位
+                </a>
+            </div>
+
             <hr style="border: 0; border-top: 1px solid #333;">
-            <p style="color: #666; font-size: 12px;">若需取消，請直接回覆此信或致電 02-2709-3446。</p>
+            <p style="color: #666; font-size: 12px; text-align: center; margin-top: 20px;">
+                此郵件為系統自動發送。<br>
+                如需人工服務，請致電 02-2709-3446
+            </p>
         </div>
         """
 
-        # 4. 呼叫 GAS 發信 (這走的是 Port 443，HF 不會擋)
+        # 4. 呼叫 GAS 發信
         payload = {
             "to": email,
-            "subject": f"[{booking['date']}] Cié Cié Taipei 訂位確認",
+            "subject": f"[{booking['date']}] Cié Cié Taipei 訂位確認信",
             "htmlBody": html_content,
             "name": "Cié Cié Taipei"
         }
@@ -96,8 +122,7 @@ with gr.Blocks(title="Admin") as demo:
     action_btn.click(send_confirmation_email, inputs=id_input, outputs=log_output)
 
 if __name__ == "__main__":
-    # 這裡做了修改：加入了 auth 參數
-    # 如果 Secrets 沒設定，預設帳密為 admin / 123456 (強烈建議去設定 Secrets!)
+    # 啟動並加入帳密驗證
     user = ADMIN_USER if ADMIN_USER else "admin"
     pwd = ADMIN_PASSWORD if ADMIN_PASSWORD else "123456"