import gradio as gr


instructions = """
<h3 style="color: #4A90E2;">🌟 Basic Examples 🌟</h3>
<ul>
    <li><strong>Specific Song:</strong> Play Passionfruit, Play CRAZY by AXL</li>
    <li><strong>Controls:</strong> Queue, Pause, Resume, Skip</li>
    <li><strong>More Info:</strong> Explain this song, What's the meaning behind this</li>
    <li><strong>Album:</strong> Play album Utopia, Play album Atlantis by Lilah</li>
    <li><strong>Playlist:</strong> Play my Late Night playlist</li>
</ul>
<br>
<h3 style="color: #4A90E2;">🌟 Personalized Examples 🌟</h3>
<ul>
    <li><strong>Genre:</strong> Play energetic pop</li>
    <li><strong>Artist:</strong> Play Migos hype songs, I'm sad - Play Rihanna</li>
    <li><strong>Recommendations:</strong> Recommend songs off my love for Drake + r&b</li>
    <li><strong>Create Playlist:</strong> Make me a relaxing playlist of SZA-like songs</li>
</ul>
<p style="color: #8B0000;"><em>If you've previously revealed your mood, I'll automatically factor that in</em></p>
"""


greeting = """
Hi, I'm Apollo, here to assist you with *all* your musical desires! 

Type **!help** to view commands.

For a more personalized experience, **tell me your mood**, or what you're doing.
"""


description = """
<div align='center'>
    <img src='file/mascot.gif' style='opacity: 1.0;' width='444'/>
    <br/>
    <strong style="font-size: 15px;">Press any key to begin</strong>
    <br>
</div>
"""

css=".gradio-container {background-color: #E3EFFE}"


start_session_msg = """
                    <div style="text-align: center;">
                    <span style="color: red; font-size: 20px;">Please start a session to interact with Apollo.</span>
                    </div>
                    """


custom_theme = gr.themes.Soft(primary_hue="emerald").set(
    body_background_fill="#F1F4F9",
    block_border_width="3px",
)