import streamlit as st
from streamlit_extras.switch_page_button import switch_page

# Custom styles
st.markdown(
    """
    <style>
        .stApp {
            background-color: skyblue;
        }
    </style>
    """,
    unsafe_allow_html=True,
)

# App Header
st.markdown("<h1 style='text-align: center; color: red;'>🏏 Cric Metrics - AI-Powered Cricket Insights 🏏</h1>", unsafe_allow_html=True)

# Cricket Information
st.markdown("<h2 style='color: darkorange;'>Cricket - The Gentleman’s Game 🏆</h2>", unsafe_allow_html=True)
st.markdown(
    "<p style='font-size: 16px; color: black; font-style: italic;'>"
    "Cricket is one of the most popular sports worldwide, loved by millions. It is played in multiple formats, including Test matches, One Day Internationals (ODIs), and T20s. "
    "With legendary players, thrilling rivalries, and unforgettable moments, cricket has become more than just a game—it's an emotion for fans around the globe."
    "</p>",
    unsafe_allow_html=True
)

# About Cric Metrics
st.markdown("<h2 style='color: blue;'>What is Cric Metrics? 📊</h2>", unsafe_allow_html=True)
st.markdown(
    "<p style='font-size: 16px; color: black; font-style: italic;'>"
    "Cric Metrics is an advanced cricket analytics platform designed to provide in-depth insights, player comparisons, "
    "score predictions, and team analysis using AI and machine learning."
    "</p>",
    unsafe_allow_html=True
)

# Player Information Button
if st.button("📊 Player Information"):
    st.switch_page("pages/1player_information.py")  # This navigates to pages/player_info.py

# Author Section
st.markdown("<h2 style='color: green;'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
st.markdown(
    "<p style='font-size: 16px; color: black; font-style: italic;'>"
    "<b>Sai Kalyan Satwik</b> is a data science aspirant with strong skills in Python, Exploratory Data Analysis (EDA)."
    "</p>",
    unsafe_allow_html=True
)