import streamlit as st
import pandas as pd

# 1. Page Config
st.set_page_config(page_title="VISION-LINK OS", layout="wide")

# 2. CSS don ya zama professional kuma ya cika allon waya
st.markdown("""
    <style>
    .stApp { background-color: #f5f6f8; width: 100%; }
    .main { width: 100% !important; padding-top: 0rem; }
    div[data-testid="stSidebar"] { background-color: #ffffff; border-right: 1px solid #e0e0e0; }
    h1 { color: #1e1e1e; }
    </style>
""", unsafe_allow_html=True)

# 3. Sidebar Navigation
with st.sidebar:
    st.title("🛡️ SECURITY OPS")
    menu = st.radio("Navigation", [
        "Operations Overview", "Camera Feeds", "Location Risk", 
        "Incident Log", "Dispatch Center", "Live Detection"
    ])
    st.markdown("---")
    st.write("Status: System Active 🟢")

# 4. Main UI Rendering
st.header(f"Dashboard: {menu}")

if menu == "Operations Overview":
    st.write("Welcome to the Command Center.")
    col1, col2 = st.columns(2)
    col1.metric("Active Threats", "0")
    col2.metric("Camera Status", "Online")

elif menu == "Camera Feeds":
    st.info("System initializing camera array...")

elif menu == "Live Detection":
    st.warning("Live AI Model: System Initializing...")
    st.info("Waiting for video stream input...")

elif menu == "Location Risk":
    st.success("GPS Location Tracking - ACTIVE")

else:
    st.write(f"Section {menu} is currently under construction.")