import streamlit as st

# 사이드바 타이틀 설정
st.sidebar.title("ViDraft")

# 메뉴 항목과 하위 항목 정의
menus = {
    "Free Stock": ["Template Video", "Template Image", "Search Video", "Search Image"],
    "Image": ["Generation", "Face ID", "Inpainting", "Remove Background", "Studio"],
    "Video": ["Generation", "Talking Face", "Remove Background", "Studio"],
    "Sound": ["Video SFX", "Video Music", "TTS(Voice)", "Voice Clone", "Image SFX", "Image Music"],
    "Scripts": ["Script"]
}

# 선택된 메뉴 항목을 저장할 변수, 기본값으로 None 설정
selected_menu = None
selected_sub_menu = None

# 메뉴 선택 처리
selected_menu = st.sidebar.selectbox("Menu", list(menus.keys()))
if selected_menu:
    selected_sub_menu = st.sidebar.selectbox("Sub Menu", menus[selected_menu])

# 여기서부터는 사용자가 선택한 메뉴에 따라 다른 로직을 실행합니다.
# 'Template Video'가 선택되었을 때 비디오 갤러리를 표시
if selected_menu == "Free Stock" and selected_sub_menu == "Template Video":
    st.subheader("Template Videos")
    
    # 비디오 갤러리 및 선택된 비디오 재생 로직을 여기에 구현합니다.
    # 예를 들어, 비디오 파일 목록을 생성하고, 사용자가 선택한 비디오를 재생하는 코드 등

    # 비디오 파일과 썸네일 이미지 경로 설정
    video_files = ["ex1.mp4", "ex2.mp4", "ex3.mp4", "ex4.mp4", "ex5.mp4", "ex6.mp4"]
    thumbnails = ["thum1.png", "thum2.png", "thum3.png", "thum4.png", "thum5.png", "thum6.png"]
    
    # 갤러리 형태로 썸네일 표시
    cols = st.columns(3)
    for index, thumbnail in enumerate(thumbnails):
        with cols[index % 3]:
            st.image(thumbnail, width=200, caption=f"Video {index+1}")
            # 'Play Video' 버튼 추가
            if st.button(f"Play Video {index+1}", key=f"play_{index}"):
                # 선택된 비디오 재생
                st.video(video_files[index])