import streamlit as st
import gradio as gr
import pandas as pd

# Streamlit UI setup
def main():
    st.title("Pink Puppies Adventure 🌸🐶")

    st.markdown("""
    ## Step-by-Step Rules and Concepts 📜
    """)

    # Getting Started Table
    st.markdown("""
    ### 1. Getting Started 🚀
    """)

    st.table(pd.DataFrame({
        "Step": ["Open App", "Choose Puppy", "Begin Adventure"],
        "Description": ["Launch the app from your device.", "Pick your favorite pink puppy.", "Start exploring the world of Pink Puppies."],
        "Emoji": ["📱", "🐶", "🔍"]
    }))

    # Interaction Table
    st.markdown("""
    ### 2. Interaction 🌐
    """)

    st.table(pd.DataFrame({
        "Interaction Type": ["Buttons", "Sliders", "Dropdowns", "Data Tables"],
        "Elements Used": ["Begin adventure, interact with items.", "Adjust puppy's energy levels.", "Select type of adventure.", "Display scores and achievements."],
        "Emoji": ["🐾", "🎚️", "📜", "📊"]
    }))

    # Dramatic Situations
    st.markdown("""
    ## Dramatic Situations 🎭
    """)

    st.markdown("""
    ### Situation 1: The Lost Puppy 🐾👀
    - Use the map to navigate.
    - Collect clues from the surroundings.
    - Find the hidden path to reunite with your puppy.
    """)

    st.markdown("""
    ### Situation 2: The Magic Potion 🧙‍♂️✨
    - Collect ingredients from various locations.
    - Mix them in the potion lab.
    - Use the potion to upgrade abilities.
    """)

    st.markdown("""
    ### Situation 3: The Great Puppy Race 🏁🐶
    - Train your puppy using the slider to manage energy.
    - Choose the right path in the race.
    - Use speed boosts available in dropdowns.
    """)

    st.markdown("""
    ## How to Play 🎮
    """)

    st.markdown("""
    ### Actions
    """)

    st.table(pd.DataFrame({
        "Action": ["Starting Adventure", "Finding Clues", "Creating Potion", "Participating in Race"],
        "Instructions": ["Click the 'Begin Adventure' button.", "Tap on the map areas to collect clues.", "Select ingredients and mix using tools.", "Use sliders and dropdowns to control race."],
        "Emoji": ["🚀", "👀", "🧪", "🏁"]
    }))

    # User Interface Elements
    if st.button('Begin Adventure 🐾'):
        st.write('Adventure Started! 🌟')

    st.slider('Puppy Energy Level 🎚️', 0, 100, 50)

    adventure_type = st.selectbox(
        'Select Adventure Type 📜',
        ['Lost Puppy 🐾👀', 'Magic Potion 🧙‍♂️✨', 'Great Puppy Race 🏁🐶']
    )

    data = pd.DataFrame({
        'Scores': [95, 67, 84],
        'Achievements': ['First Clue 👀', 'Potion Ingredient 🧪', 'Race Completed 🏁']
    })
    st.dataframe(data)

if __name__ == '__main__':
    main()