"""Cryptocurrency Analysis Page - Track and analyze cryptocurrencies."""

import streamlit as st
import sys
import os

# Add parent directory to path for imports
sys.path.insert(0, os.path.dirname(os.path.dirname(os.path.abspath(__file__))))

from components.styles import DARK_THEME_CSS


# ---- Page Configuration ----
st.set_page_config(
    page_title="Crypto - Financial Dashboard",
    page_icon="₿",
    layout="wide",
    initial_sidebar_state="expanded",
)

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

# ---- Header ----
st.markdown("# ₿ Cryptocurrency Analysis")
st.markdown("Track and analyze major cryptocurrencies with real-time market data")

st.markdown("---")

# ---- Sidebar Configuration ----
with st.sidebar:
    st.markdown("## ⚙️ Settings")
    crypto_symbol = st.selectbox(
        "Cryptocurrency",
        ["BTC/USD", "ETH/USD", "BNB/USD", "ADA/USD", "SOL/USD"],
        help="Select a cryptocurrency pair"
    )
    period = st.slider("Indicator Period", 5, 50, 20, help="Period for technical indicators")

    st.markdown("---")
    st.markdown("### About")
    st.info("Analyze cryptocurrencies with technical indicators and real-time market data.")


# ---- Main Content ----
st.info("🚧 This page is under development. Cryptocurrency analysis features coming soon!")

st.markdown("""
### Planned Features:

- **Real-time Price Data**: Live cryptocurrency prices from Binance
- **Market Metrics**: 24h volume, market cap, price changes
- **Technical Indicators**: SMA, EMA, RSI, MACD for crypto assets
- **TradingView Charts**: Interactive crypto charts
- **Market Sentiment**: Community sentiment analysis
- **Top Movers**: Biggest gainers and losers in 24h

Stay tuned for updates!
""")

# Placeholder metrics
col1, col2, col3, col4 = st.columns(4)

with col1:
    st.metric("Current Price", "N/A", "N/A")

with col2:
    st.metric("24h Change", "N/A", "N/A")

with col3:
    st.metric("24h Volume", "N/A")

with col4:
    st.metric("Market Cap", "N/A")