import gradio as gr


with gr.Blocks() as demo:
    overview = gr.Markdown("""
    # <center> CentaurSock </center>
    
    <center> Watson Hartsoe and Tony Assi </center>

    Overview: .....
    """)
    
    with gr.Row():
        img1 = gr.Markdown("""![](./COP_MIKE.png)""")
        img2 = gr.Markdown("""![](./SAM_COP_FINAL.png)""")

    with gr.Row():
        chatbot1 = gr.Chatbot(label='Ally')
        chatbot2 = gr.Chatbot(label='Gatekeeper')

    with gr.Row():
        textbox1 = gr.Textbox(label='Ally')
        textbox2 = gr.Textbox(label='Gatekeeper')

    def echo(message, chat_history):
        bot_message = 'echo ' + message
        chat_history.append((message, bot_message))
        return '', chat_history

    textbox1.submit(echo, [textbox1, chatbot1], [textbox1, chatbot1])
    textbox2.submit(echo, [textbox2, chatbot2], [textbox2, chatbot2])

demo.launch()