import streamlit as st
from streamlit_extras.switch_page_button import switch_page

# Custom styles
st.markdown(
    """
    <style>
        .stApp {
            background-color: #f0f8ff;
        }
        .header {
            text-align: center;
            color: red;
            font-size: 30px;
            font-weight: bold;
        }
        .sub-header {
            color: darkorange;
            font-size: 24px;
            font-weight: bold;
        }
        .text {
            font-size: 16px;
            color: black;
            font-style: italic;
        }
    </style>
    """,
    unsafe_allow_html=True,
)

# Innomatics Logo at the top
st.image("/mnt/data/1.png", use_container_width=True)

# App Header
st.markdown("<h1 class='header'>🏏 Cric Metrics - AI-Powered Cricket Insights 🏏</h1>", unsafe_allow_html=True)

# Cricket Information
st.markdown("<h2 class='sub-header'>Cricket - The Gentleman’s Game 🏆</h2>", unsafe_allow_html=True)
st.markdown(
    "<p class='text'>"
    "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 class='sub-header'>What is Cric Metrics? 📊</h2>", unsafe_allow_html=True)
st.markdown(
    "<p class='text'>"
    "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")

# Author Section
st.markdown("<h2 class='sub-header'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
st.markdown(
    "<p class='text'>"
    "<b>Sai Kalyan Satwik</b> is a seasoned cricket enthusiast and tech entrepreneur with over 10 years of experience. "
    "He specializes in data science, Python programming, and Exploratory Data Analysis (EDA). 🏏📊"
    "</p>",
    unsafe_allow_html=True
)

# Innomatics Logo at the bottom as well (optional)
st.image("/mnt/data/1.png", use_container_width=True)