"""Financial Analysis Dashboard - Main Application Landing Page."""

import streamlit as st
from components.styles import DARK_THEME_CSS

# ---- Configuration ----
st.set_page_config(
    page_title="Financial Dashboard",
    page_icon="📈",
    layout="wide",
    initial_sidebar_state="expanded",
    menu_items={
        "About": "A professional financial analysis platform with multi-asset support"
    }
)

# ---- Apply Dark Theme ----
st.markdown(DARK_THEME_CSS, unsafe_allow_html=True)

# ---- Header ----
st.markdown("# 📈 Financial Analysis Platform")
st.markdown("### Professional multi-asset analysis with technical indicators, AI insights, and real-time data")

st.markdown("---")

# ---- Feature Overview ----
col1, col2, col3 = st.columns(3)

with col1:
    st.markdown("""
    <div style="padding: 1.5rem; background: linear-gradient(135deg, #1f2937 0%, #111827 100%); border-radius: 10px; border: 1px solid #30363d;">
        <h3>📈 Stock Analysis</h3>
        <p>Comprehensive stock analysis with technical indicators, financial metrics, and TradingView charts.</p>
        <ul>
            <li>Real-time price data</li>
            <li>Technical indicators (SMA, EMA, RSI)</li>
            <li>Financial statements</li>
            <li>Company profiles</li>
        </ul>
    </div>
    """, unsafe_allow_html=True)

with col2:
    st.markdown("""
    <div style="padding: 1.5rem; background: linear-gradient(135deg, #1f2937 0%, #111827 100%); border-radius: 10px; border: 1px solid #30363d;">
        <h3>₿ Cryptocurrency</h3>
        <p>Track and analyze major cryptocurrencies with real-time market data.</p>
        <ul>
            <li>BTC, ETH, and major altcoins</li>
            <li>24h volume & market cap</li>
            <li>Price charts & indicators</li>
            <li>Market sentiment</li>
        </ul>
    </div>
    """, unsafe_allow_html=True)

with col3:
    st.markdown("""
    <div style="padding: 1.5rem; background: linear-gradient(135deg, #1f2937 0%, #111827 100%); border-radius: 10px; border: 1px solid #30363d;">
        <h3>💱 Forex Trading</h3>
        <p>Foreign exchange analysis for major, minor, and exotic currency pairs.</p>
        <ul>
            <li>Major pairs (EUR/USD, GBP/USD)</li>
            <li>Real-time exchange rates</li>
            <li>Technical analysis</li>
            <li>Pip calculator</li>
        </ul>
    </div>
    """, unsafe_allow_html=True)

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

col4, col5 = st.columns(2)

with col4:
    st.markdown("""
    <div style="padding: 1.5rem; background: linear-gradient(135deg, #1f2937 0%, #111827 100%); border-radius: 10px; border: 1px solid #30363d;">
        <h3>🔍 Market Screener</h3>
        <p>Advanced screening tools to find investment opportunities across markets.</p>
        <ul>
            <li>Multi-criteria filtering</li>
            <li>Technical pattern recognition</li>
            <li>Sort by volume, price change, RSI</li>
            <li>Export results to CSV</li>
        </ul>
    </div>
    """, unsafe_allow_html=True)

with col5:
    st.markdown("""
    <div style="padding: 1.5rem; background: linear-gradient(135deg, #1f2937 0%, #111827 100%); border-radius: 10px; border: 1px solid #30363d;">
        <h3>🤖 News & AI Dashboard</h3>
        <p>AI-powered market insights with sentiment analysis and trading recommendations.</p>
        <ul>
            <li>Real-time news aggregation</li>
            <li>Sentiment analysis</li>
            <li>AI trading insights</li>
            <li>Market trend detection</li>
        </ul>
    </div>
    """, unsafe_allow_html=True)

st.markdown("---")

# ---- Quick Start ----
st.markdown("## 🚀 Quick Start")
st.markdown("Use the sidebar to navigate to different sections:")

quick_col1, quick_col2, quick_col3 = st.columns(3)

with quick_col1:
    if st.button("📈 Stock Analysis", use_container_width=True):
        st.switch_page("pages/01_Stocks.py")

with quick_col2:
    if st.button("₿ Cryptocurrency", use_container_width=True):
        st.info("Coming soon!")

with quick_col3:
    if st.button("💱 Forex Trading", use_container_width=True):
        st.info("Coming soon!")

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

quick_col4, quick_col5 = st.columns(2)

with quick_col4:
    if st.button("🔍 Market Screener", use_container_width=True):
        st.info("Coming soon!")

with quick_col5:
    if st.button("🤖 News & AI Dashboard", use_container_width=True):
        st.info("Coming soon!")

st.markdown("---")

# ---- Sidebar ----
with st.sidebar:
    st.markdown("## 📋 Navigation")
    st.info("Select a page from the sidebar to get started.")

    st.markdown("---")
    st.markdown("## ℹ️ About")
    st.markdown("""
    This platform provides comprehensive financial analysis across multiple asset classes:

    - **Stocks**: Technical & fundamental analysis
    - **Crypto**: Real-time cryptocurrency tracking
    - **Forex**: Currency pair analysis
    - **Screener**: Find investment opportunities
    - **Dashboard**: AI-powered insights
    """)

    st.markdown("---")
    st.markdown("### 🔧 Features")
    st.markdown("""
    - ✅ Real-time data
    - ✅ Technical indicators
    - ✅ TradingView integration
    - ✅ Dark theme UI
    - ✅ AI-powered insights
    - ✅ News sentiment analysis
    """)