import gradio as gr
import os
import time

from utils import make_invisible, make_visible
from backend_functions import get_answer_text

from dotenv import load_dotenv
load_dotenv()



with gr.Blocks() as main_app:
    with gr.Tab('Chatbot'):
        user_id = gr.State('')  # id used to find the chat into the database

        chat = gr.Chatbot(label="Chatbot Crunchyroll")

        messages = gr.State([])

        with gr.Row():
            text = gr.Textbox(label='Write your question')

        with gr.Row():
            with gr.Column():
                button_text = gr.Button(value='Submit text')
            with gr.Column():
                clear_button = gr.ClearButton([chat, messages])



    # with gr.Tab('Ventana Pruebas'):
    #     with gr.Row():
    #         with gr.Column():
    #             button_show = gr.Button(value="Mostrar texto")
    #         with gr.Column():
    #             button_hidden = gr.Button(value="Ocultar texto")
        
    #     with gr.Row(visible=False) as first_row:
    #         text = gr.Textbox(value="Hola mundo")


    # Actions
        
    # button_show.click(
    #     fn=make_visible,
    #     inputs=None,
    #     outputs=first_row
    # )
    
    # button_hidden.click(
    #     fn=make_invisible,
    #     inputs=None,
    #     outputs=first_row
    # )

    text.submit(
        fn=get_answer_text,
        inputs=[text, chat, messages],
        outputs=[chat]
    ).then(
        lambda: None, None, [text]
    )

    button_text.click(
        fn=get_answer_text,
        inputs=[text, chat, messages],
        outputs=[chat]
    ).then(
        lambda: None, None, [text]
    )



main_app.launch(debug=True, auth=(os.environ.get('SPACE_USERNAME'), os.environ.get('SPACE_PASSWORD')))