import streamlit as st
import matplotlib.pyplot as plt
import numpy as np

# Inject custom CSS (without background image)
st.markdown(
    """
    <style>
        .stApp {
            background-color: #f0f2f6;
        }
        .header {
            text-align: center;
            color: red;
            font-size: 30px;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            padding-top: 20px;
        }
        .logo {
            position: absolute;
            right: 20px;
            top: 10px;
            width: 80px;
            height: auto;
        }
        .sub-header {
            color: darkorange;
            font-size: 26px;
            font-weight: bold;
            margin-top: 30px;
        }
        .text {
            font-size: 17px;
            color: black;
            font-style: italic;
            background-color: rgba(255, 255, 255, 0.75);
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        .footer {
            font-size: 14px;
            color: #333;
            margin-top: 50px;
            text-align: center;
            font-style: italic;
        }
    </style>
    """,
    unsafe_allow_html=True
)

# App Header with Logo
st.markdown(
    """
    <div class='header'>
        🏏 Cric Metrics - AI-Powered Cricket Insights 🏏
        <img src='1.png' class='logo'>
    </div>
    """,
    unsafe_allow_html=True
)

# Sub-sections
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 Tests, ODIs, and T20s. "
    "With legendary players, thrilling rivalries, and unforgettable moments, cricket is more than a game—it's an emotion! 🏏"
    "</p>",
    unsafe_allow_html=True
)

st.markdown("<h2 class='sub-header'>What is Cric Metrics? 📊</h2>", unsafe_allow_html=True)
st.markdown(
    "<p class='text'>"
    "Cric Metrics is an AI-powered cricket analytics platform. It offers player comparisons, performance analysis, "
    "team stats, and match predictions. It empowers fans, analysts, and teams with smart, data-driven insights. 🤖📈"
    "</p>",
    unsafe_allow_html=True
)

st.markdown("<h2 class='sub-header'>More About Cric Metrics</h2>", unsafe_allow_html=True)
st.markdown(
    "<p class='text'>"
    "From grassroots cricket to international glory, Cric Metrics helps track form, fitness, and match-winning impact. "
    "We leverage machine learning models and visual analytics to make cricket smarter and more fun! 🚀"
    "</p>",
    unsafe_allow_html=True
)

st.markdown("<h2 class='sub-header'>About the Author 👨‍💻</h2>", unsafe_allow_html=True)
st.markdown(
    """
    <div class='text'>
    <b>Sai Kalyan Satwik</b> is a seasoned cricket enthusiast and tech entrepreneur having experience in data science and software development. <br><br>
    His passion for cricket meets his technical expertise in this app, blending numbers with narratives for fans and analysts alike. 
    </div>
    """,
    unsafe_allow_html=True
)

# Navigation Button
if st.button("📊 Player Information"):
    st.switch_page("pages/1player_information.py")

# Footer
st.markdown("<div class='footer'>Created with ❤️ by Sai Kalyan Satwik</div>", unsafe_allow_html=True)

def plot_pie_charts(player1_data, player2_data, player1_name, player2_name):
    # Extract batting and bowling values with fallback to 0 if not found
    sizes1 = [
        player1_data.get('Batting', 0),
        player1_data.get('Bowling', 0)
    ]
    sizes2 = [
        player2_data.get('Batting', 0),
        player2_data.get('Bowling', 0)
    ]

    # Replace NaNs or None with 0
    sizes1 = [0 if x is None or np.isnan(x) else x for x in sizes1]
    sizes2 = [0 if x is None or np.isnan(x) else x for x in sizes2]

    # Warn and skip if all values are 0 (nothing to plot)
    if sum(sizes1) == 0 and sum(sizes2) == 0:
        st.warning("Unable to display pie charts. No valid data found for both players.")
        return
    elif sum(sizes1) == 0:
        st.warning(f"No valid contribution data for {player1_name}.")
        return
    elif sum(sizes2) == 0:
        st.warning(f"No valid contribution data for {player2_name}.")
        return

    # Plot pie charts
    fig, axes = plt.subplots(1, 2, figsize=(10, 5))
    labels = ['Batting', 'Bowling']

    axes[0].pie(sizes1, labels=labels, autopct='%1.1f%%', startangle=90, colors=['#4CAF50', '#2196F3'])
    axes[0].set_title(f'{player1_name} Contribution')

    axes[1].pie(sizes2, labels=labels, autopct='%1.1f%%', startangle=90, colors=['#4CAF50', '#2196F3'])
    axes[1].set_title(f'{player2_name} Contribution')

    # Display in Streamlit
    st.pyplot(fig)