from turtle import color, onclick
import streamlit as st
from PIL import Image, ImageOps
import glob
import json
import requests
import random
import io

st.set_page_config(layout="wide")
col1, col2 = st.columns(2)

m = st.markdown("""
<style>
div.stButton > button:first-child {
    background-color: rgb(204, 49, 49);
}
</style>""", unsafe_allow_html=True)

prefix = 'https://raw.githubusercontent.com/BennoKrojer/imagecode-val-set/main/image-sets-val/'
set2ids = json.load(open('set2ids.json', 'r'))
descriptions = json.load(open('valid_list.json', 'r'))

show = col1.button("Show groundtruth image index")
hide = col2.button('Hide groundtruth image index')

example = int()
example_idx = int(col1.number_input('Sample an example from the validation set', value=0, min_value=0, max_value=len(descriptions)-1))
img_set, idx, descr = descriptions[example_idx]
idx = int(idx)
images = [prefix+'/'+img_set+'/'+i for i in set2ids[img_set]]
index = int(col2.number_input('Image Index from 0 to 9', value=0, min_value=0, max_value=len(images)-1))

col1.subheader(descr)

img = images[index]
images[index] = ImageOps.expand(Image.open(io.BytesIO(requests.get(images[index], stream=True).content)),border=20,fill='blue')

col1.image(img, use_column_width=True)
caps = list(range(10))

if show:
    caps[idx] = f'{idx} (GROUNDTRUTH)'
if hide:
    caps[idx] = f'{idx}'
# shown = True if len(caps[idx]) > 2 else False
# if shown 
col2.image(images, width=175, caption=caps)