import pandas as pd
import streamlit as st
import requests

from io import BytesIO
from PIL import Image

data_titles = pd.read_pickle("data/2k_titles.pkl")
data_ids = pd.read_pickle("data/2k_ids.pkl")

def generate_app_gamebox(titles):
    titles_id = []
    # selectboxes_id = {}

    for title in titles:
        titles_id.append(data_titles[title])

    for id in titles_id:
        url = f"https://cdn.cloudflare.steamstatic.com/steam/apps/{id}/header.jpg"
        resp = requests.get(url)

        if resp.status_code == 200:
            container = st.container()
            img_col, pref_col = container.columns([3, 2])

            img_col.image(BytesIO(resp.content))
            pref_col.selectbox(
                "Your rating:",
                options=["Positive", "Negative"],
                key=id,
            )
    
    return titles_id

def generate_res_gamebox(ids):
    # titles_list = []

    for id in ids:
        # titles_list.append(data_ids[id])
        url_page = f"https://store.steampowered.com/app/{id}/"
        url_img = f"https://cdn.cloudflare.steamstatic.com/steam/apps/{id}/header.jpg"
        resp = requests.get(url_img)

        if resp.status_code == 200:
            with st.container():
                st.image(BytesIO(resp.content))
                st.caption(data_ids[id])
            
            st.divider()

    # for title in titles_list:
    #     # url = f"https://store.steampowered.com/app/"
    #     with st.container():