import gradio as gr

nets=[
"hysts/ControlNet",
"fffiloni/ControlNet-Video",
"RamAnanth1/ControlNet",
"hysts/ControlNet-with-other-models",
]

width="100%"
height="2500"
class NetLink:
    x=""
    def change(self,link):
        ch = link.replace("/","-").replace("_","-")
        return f"https://{ch}.hf.space"
n=NetLink()

def fn0():
    return gr.Accordion.update(label=f"{nets[0]}",visible=True),gr.Accordion.update(label=f"{nets[1]}",visible=False),gr.Accordion.update(label=f"{nets[2]}",visible=False),gr.Accordion.update(label=f"{nets[3]}",visible=False)
def fn1():
    return gr.Accordion.update(label=f"{nets[0]}",visible=False),gr.Accordion.update(label=f"{nets[1]}",visible=True),gr.Accordion.update(label=f"{nets[2]}",visible=False),gr.Accordion.update(label=f"{nets[3]}",visible=False)
def fn2():
    return gr.Accordion.update(label=f"{nets[0]}",visible=False),gr.Accordion.update(label=f"{nets[1]}",visible=False),gr.Accordion.update(label=f"{nets[2]}",visible=True),gr.Accordion.update(label=f"{nets[3]}",visible=False)
def fn3():
    return gr.Accordion.update(label=f"{nets[0]}",visible=False),gr.Accordion.update(label=f"{nets[1]}",visible=False),gr.Accordion.update(label=f"{nets[2]}",visible=False),gr.Accordion.update(label=f"{nets[3]}",visible=True)    


with gr.Blocks(css="sauce.css") as control_app:
    gr.Markdown("""<center><h1>Control Net Collection</h1><center>""")
    gr.Markdown(f"""<center><h3>Find these AI Demos and more at <br><a href='https://hugggingface.co/spaces'>Huggingface Spaces</a></h3>""")
    with gr.Box():
        with gr.Row():
            with gr.Column():
                btn0 = gr.Button(f'{nets[0]}')
                btn1 = gr.Button(f'{nets[1]}')
            with gr.Column():
                btn2 = gr.Button(f'{nets[2]}')
                btn3 = gr.Button(f'{nets[3]}')
            
    with gr.Accordion(label=f"{nets[0]}",visible=True) as a0:
        gr.Markdown(f"""<center><h5>Find this Space at <a href='https://huggingface.co/spaces/{nets[0]}'>{nets[0]}</a></h5>""")
        gr.HTML(f'''<center><iframe src="{n.change(nets[0])}" frameborder="0" width={width} height={height}></iframe><center>''')
    with gr.Accordion(label=f"{nets[1]}",visible=False) as a1:
        gr.Markdown(f"""<center><h5>Find this Space at <a href='https://huggingface.co/spaces/{nets[1]}'>{nets[1]}</a></h5>""")
        gr.HTML(f'''<center><iframe src="{n.change(nets[1])}" frameborder="0" width={width} height={height}></iframe><center>''')
    with gr.Accordion(label=f"{nets[2]}",visible=False) as a2:
        gr.Markdown(f"""<center><h5>Find this Space at <a href='https://huggingface.co/spaces/{nets[2]}'>{nets[2]}</a></h5>""")
        gr.HTML(f'''<center><iframe src="{n.change(nets[2])}" frameborder="0" width={width} height={height}></iframe><center>''')    
    with gr.Accordion(label=f"{nets[3]}",visible=False) as a3:
        gr.Markdown(f"""<center><h5>Find this Space at <a href='https://huggingface.co/spaces/{nets[3]}'>{nets[3]}</a></h5>""")
        gr.HTML(f'''<center><iframe src="{n.change(nets[3])}" frameborder="0" width={width} height={height}></iframe><center>''')    
    
    btn0.click(fn0,None,[a0,a1,a2,a3])
    btn1.click(fn1,None,[a0,a1,a2,a3])
    btn2.click(fn2,None,[a0,a1,a2,a3])
    btn3.click(fn3,None,[a0,a1,a2,a3])
        
control_app.queue(concurrency_count=100).launch()