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;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        .logo {
            position: absolute;
            right: 10px;
            top: 0;
            width: 80px;
            height: auto;
        }
        .sub-header {
            color: darkorange;
            font-size: 24px;
            font-weight: bold;
        }
        .text {
            font-size: 16px;
            color: black;
            font-style: italic;
        }
    </style>
    """,
    unsafe_allow_html=True,
)

# App Header with Logo on the Right Corner
st.markdown(
    """
    <div class='header'>
        🏏 Cric Metrics - AI-Powered Cricket Insights 🏏
        <img src='1.png' class='logo'>
    </div>
    """,
    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. "
    "He specializes in data science, Python programming, and Exploratory Data Analysis (EDA). 🏏📊"
    "</p>",
    unsafe_allow_html=True
)