Update frontend/streamlit_app.py

frontend/streamlit_app.py

@@ -1,157 +1,157 @@
-# import streamlit as st
-# import random
-# import time
-
-# st.set_page_config(page_title="Uzair Forex Club", layout="centered")
-
-# # --- Header ---
-# st.markdown(
-#     """
-#     <div style="text-align:center;">
-#         <div style="width:100px;height:100px;border-radius:50%;
-#         background:linear-gradient(to bottom right,#dc2626,#7f1d1d);
-#         display:flex;align-items:center;justify-content:center;
-#         margin:auto;border:4px solid white;overflow:hidden;">
-#             <img src="http://127.0.0.1:8000/static/mylogo.png" 
-#                  style="width:90%;height:90%;object-fit:cover;border-radius:50%;" />
-#         </div>
-#         <h1 style="
-#     color:#FFD700;              /* gold color */
-#     font-family:'Poppins', sans-serif;
-#     font-size:40px;
-#     letter-spacing:5px;
-#     margin-top:10px;
-#     text-shadow:2px 2px 6px rgba(0,0,0,0.5);
-# ">
-#     Uzair Forex Club
-# </h1>
-# </div>
-#     """,
-#     unsafe_allow_html=True
-# )
-
-# # --- Platform Selector ---
-# platforms = ['QUOTEX', 'POCKET OPTION', 'BINOMO', 'OLYMP', 'IQ OPTION', 'EXPERT OPTION']
-# platform = st.selectbox("📱 Select Platform", platforms)
-
-# # --- Currency Pair Selector ---
-# currency_pairs = [
-#     'USD/BRL (OTC)', 'USD/BRL (CTC)', 'USD/ARS (OTC)', 'USD/DZD (OTC)',
-#     'USD/COP (OTC)', 'CAD/CHF (OTC)', 'USD/BDT (OTC)', 'USD/PKR (OTC)'
-# ]
-# currency = st.selectbox("💱 Select Currency Pair", currency_pairs)
-
-# # --- Timeframe Selector ---
-# timeframes = ['5s', '10s', '15s', '30s', '1m', '2m','5m']
-# timeframe = st.selectbox("⏱ Select Timeframe", timeframes)
-
-# # --- Signal Generation ---
-# if st.button("🚀 GET SIGNAL"):
-#     with st.spinner("Generating signal..."):
-#         time.sleep(1)
-#         signal = random.choice(["BUY", "SELL"])
-#         countdown = random.randint(10, 30)
-#         st.success(f"**Signal:** {signal}")
-
-#         placeholder = st.empty()  # Create an area to update countdown
-
-#         # Countdown loop
-#         for i in range(countdown, 0, -1):
-#             placeholder.markdown(
-#                 f"<div style='text-align:center;color:#00FFFF;font-size:18px;'>Next in <b>{i}</b> seconds ⏳</div>",
-#                 unsafe_allow_html=True
-#             )
-#             time.sleep(1)
-
-#         placeholder.markdown(
-#             "<div style='text-align:center;color:gray;font-size:16px;'>Next signal available now ✅</div>",
-#             unsafe_allow_html=True
-#         )
-
-#         # Show signal
-#         if signal == "BUY":
-#             st.markdown(
-#                 "<div style='color:lime;font-size:40px;text-align:center;font-weight:bold;'>BUY 🔼</div>",
-#                 unsafe_allow_html=True,
-#             )
-#         else:
-#             st.markdown(
-#                 "<div style='color:red;font-size:40px;text-align:center;font-weight:bold;'>SELL 🔽</div>",
-#                 unsafe_allow_html=True,
-#             )
-
-import streamlit as st
-import random
-import time
-
-st.set_page_config(page_title="Uzair Forex Club", layout="centered")
-
-st.markdown(
-    """
-    <div style="text-align:center;">
-        <div style="width:100px;height:100px;border-radius:50%;
-        background:linear-gradient(to bottom right,#dc2626,#7f1d1d);
-        display:flex;align-items:center;justify-content:center;
-        margin:auto;border:4px solid white;overflow:hidden;">
-            <img src="http://127.0.0.1:8000/static/mylogo.png" 
-                 style="width:90%;height:90%;object-fit:cover;border-radius:50%;" />
-        </div>
-        <h1 style="
-    color:#FFD700;              /* gold color */
-    font-family:'Poppins', sans-serif;
-    font-size:40px;
-    letter-spacing:5px;
-    margin-top:10px;
-    text-shadow:2px 2px 6px rgba(0,0,0,0.5);
-">
-    Uzair Forex Club
-</h1>
-</div>
-    """,
-    unsafe_allow_html=True
-)
-
-platforms = ['QUOTEX', 'POCKET OPTION', 'BINOMO', 'OLYMP', 'IQ OPTION', 'EXPERT OPTION']
-currency_pairs = [
-    'USD/BRL (OTC)', 'USD/BRL (CTC)', 'USD/ARS (OTC)', 'USD/DZD (OTC)',
-    'USD/COP (OTC)', 'CAD/CHF (OTC)', 'USD/BDT (OTC)', 'USD/PKR (OTC)'
-]
-timeframes = ['5s', '10s', '15s', '30s', '1m', '2m', '5m']
-
-platform = st.selectbox("📱 Select Platform", platforms)
-currency = st.selectbox("💱 Select Currency Pair", currency_pairs)
-timeframe = st.selectbox("⏱ Select Timeframe", timeframes)
-
-if st.button("🚀 GET SIGNAL"):
-    # Show spinner for a short time before signal
-    with st.spinner("🔍 Generating signal... Please wait"):
-        time.sleep(1.5)
-        signal = random.choice(["BUY", "SELL"])
-        countdown = random.randint(10, 30)
-
-    st.success(f"✅ Signal generated: **{signal}**")
-
-    # Countdown display
-    placeholder = st.empty()
-    for i in range(countdown, 0, -1):
-        placeholder.markdown(
-            f"<div style='text-align:center;color:#00FFFF;font-size:18px;'>Next in <b>{i}</b> seconds ⏳</div>",
-            unsafe_allow_html=True
-        )
-        time.sleep(1)
-    placeholder.markdown(
-        "<div style='text-align:center;color:gray;font-size:16px;'>Next signal available now ✅</div>",
-        unsafe_allow_html=True
-    )
-
-    # Show signal
-    if signal == "BUY":
-        st.markdown(
-            "<div style='color:lime;font-size:40px;text-align:center;font-weight:bold;'>BUY 🔼</div>",
-            unsafe_allow_html=True,
-        )
-    else:
-        st.markdown(
-            "<div style='color:red;font-size:40px;text-align:center;font-weight:bold;'>SELL 🔽</div>",
-            unsafe_allow_html=True,
-        )
+# import streamlit as st
+# import random
+# import time
+
+# st.set_page_config(page_title="Uzair Forex Club", layout="centered")
+
+# # --- Header ---
+# st.markdown(
+#     """
+#     <div style="text-align:center;">
+#         <div style="width:100px;height:100px;border-radius:50%;
+#         background:linear-gradient(to bottom right,#dc2626,#7f1d1d);
+#         display:flex;align-items:center;justify-content:center;
+#         margin:auto;border:4px solid white;overflow:hidden;">
+#             <img src="http://127.0.0.1:8000/static/mylogo.png" 
+#                  style="width:90%;height:90%;object-fit:cover;border-radius:50%;" />
+#         </div>
+#         <h1 style="
+#     color:#FFD700;              /* gold color */
+#     font-family:'Poppins', sans-serif;
+#     font-size:40px;
+#     letter-spacing:5px;
+#     margin-top:10px;
+#     text-shadow:2px 2px 6px rgba(0,0,0,0.5);
+# ">
+#     Uzair Forex Club
+# </h1>
+# </div>
+#     """,
+#     unsafe_allow_html=True
+# )
+
+# # --- Platform Selector ---
+# platforms = ['QUOTEX', 'POCKET OPTION', 'BINOMO', 'OLYMP', 'IQ OPTION', 'EXPERT OPTION']
+# platform = st.selectbox("📱 Select Platform", platforms)
+
+# # --- Currency Pair Selector ---
+# currency_pairs = [
+#     'USD/BRL (OTC)', 'USD/BRL (CTC)', 'USD/ARS (OTC)', 'USD/DZD (OTC)',
+#     'USD/COP (OTC)', 'CAD/CHF (OTC)', 'USD/BDT (OTC)', 'USD/PKR (OTC)'
+# ]
+# currency = st.selectbox("💱 Select Currency Pair", currency_pairs)
+
+# # --- Timeframe Selector ---
+# timeframes = ['5s', '10s', '15s', '30s', '1m', '2m','5m']
+# timeframe = st.selectbox("⏱ Select Timeframe", timeframes)
+
+# # --- Signal Generation ---
+# if st.button("🚀 GET SIGNAL"):
+#     with st.spinner("Generating signal..."):
+#         time.sleep(1)
+#         signal = random.choice(["BUY", "SELL"])
+#         countdown = random.randint(10, 30)
+#         st.success(f"**Signal:** {signal}")
+
+#         placeholder = st.empty()  # Create an area to update countdown
+
+#         # Countdown loop
+#         for i in range(countdown, 0, -1):
+#             placeholder.markdown(
+#                 f"<div style='text-align:center;color:#00FFFF;font-size:18px;'>Next in <b>{i}</b> seconds ⏳</div>",
+#                 unsafe_allow_html=True
+#             )
+#             time.sleep(1)
+
+#         placeholder.markdown(
+#             "<div style='text-align:center;color:gray;font-size:16px;'>Next signal available now ✅</div>",
+#             unsafe_allow_html=True
+#         )
+
+#         # Show signal
+#         if signal == "BUY":
+#             st.markdown(
+#                 "<div style='color:lime;font-size:40px;text-align:center;font-weight:bold;'>BUY 🔼</div>",
+#                 unsafe_allow_html=True,
+#             )
+#         else:
+#             st.markdown(
+#                 "<div style='color:red;font-size:40px;text-align:center;font-weight:bold;'>SELL 🔽</div>",
+#                 unsafe_allow_html=True,
+#             )
+
+import streamlit as st
+import random
+import time
+
+st.set_page_config(page_title="Uzair Forex Club", layout="centered")
+
+st.markdown(
+    """
+    <div style="text-align:center;">
+        <div style="width:100px;height:100px;border-radius:50%;
+        background:linear-gradient(to bottom right,#dc2626,#7f1d1d);
+        display:flex;align-items:center;justify-content:center;
+        margin:auto;border:4px solid white;overflow:hidden;">
+            <img src="http://127.0.0.1:8000/static/mylogo.png" 
+                 style="width:90%;height:90%;object-fit:cover;border-radius:50%;" />
+        </div>
+        <h1 style="
+    color:#FFD700;              /* gold color */
+    font-family:'Poppins', sans-serif;
+    font-size:40px;
+    letter-spacing:5px;
+    margin-top:10px;
+    text-shadow:2px 2px 6px rgba(0,0,0,0.5);
+">
+    UZAIR FOREX CLUB
+</h1>
+</div>
+    """,
+    unsafe_allow_html=True
+)
+
+platforms = ['QUOTEX', 'POCKET OPTION', 'BINOMO', 'OLYMP', 'IQ OPTION', 'EXPERT OPTION']
+currency_pairs = [
+    'USD/BRL (OTC)', 'USD/BRL (CTC)', 'USD/ARS (OTC)', 'USD/DZD (OTC)',
+    'USD/COP (OTC)', 'CAD/CHF (OTC)', 'USD/BDT (OTC)', 'USD/PKR (OTC)'
+]
+timeframes = ['5s', '10s', '15s', '30s', '1m', '2m', '5m']
+
+platform = st.selectbox("📱 Select Platform", platforms)
+currency = st.selectbox("💱 Select Currency Pair", currency_pairs)
+timeframe = st.selectbox("⏱ Select Timeframe", timeframes)
+
+if st.button("🚀 GET SIGNAL"):
+    # Show spinner for a short time before signal
+    with st.spinner("🔍 Generating signal... Please wait"):
+        time.sleep(1.5)
+        signal = random.choice(["BUY", "SELL"])
+        countdown = random.randint(10, 30)
+
+    st.success(f"✅ Signal generated: **{signal}**")
+
+    # Countdown display
+    placeholder = st.empty()
+    for i in range(countdown, 0, -1):
+        placeholder.markdown(
+            f"<div style='text-align:center;color:#00FFFF;font-size:18px;'>Next in <b>{i}</b> seconds ⏳</div>",
+            unsafe_allow_html=True
+        )
+        time.sleep(1)
+    placeholder.markdown(
+        "<div style='text-align:center;color:gray;font-size:16px;'>Next signal available now ✅</div>",
+        unsafe_allow_html=True
+    )
+
+    # Show signal
+    if signal == "BUY":
+        st.markdown(
+            "<div style='color:lime;font-size:40px;text-align:center;font-weight:bold;'>BUY 🔼</div>",
+            unsafe_allow_html=True,
+        )
+    else:
+        st.markdown(
+            "<div style='color:red;font-size:40px;text-align:center;font-weight:bold;'>SELL 🔽</div>",
+            unsafe_allow_html=True,
+        )