import altair as alt
import numpy as np
import pandas as pd
import streamlit as st

# Page configuration
st.set_page_config(page_title="DSRS Knowledge Base", layout="wide")

# Sidebar - Table of Contents
st.sidebar.title("📚 Table of Contents")
toc_items = [
    "1. Services & Capabilities",
    "2. Key Projects",
    "3. Technical Tools / Platforms",
    "4. Team Members & Roles",
    "5. Events & News Highlights"
]
for item in toc_items:
    st.sidebar.markdown(f"- [{item}](#{item.lower().replace(' ', '-')})")

# Main content area
st.markdown("<div style='text-align: center;'>", unsafe_allow_html=True)

# Logo Placeholder
st.markdown("### 🧠 DSRS Knowledge Base")
st.image("dsrs_logo.jpg", width=150)  # Replace with actual logo path

# Search Bar
search_query = st.text_input("🔍 Search the Knowledge Base", "")

st.markdown("</div>", unsafe_allow_html=True)

# Placeholder for handling search input (to be expanded)
if search_query:
    st.write(f"Displaying results for **'{search_query}'**...")