import openai
import gradio as gr

openai.api_key = "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"

messages = [{"role": "system", "content": "You are a Web3 and cryptocurrency expert that explains Web3, cryptocurrency, blockchain, and financial terminology in terms so simple even a five year old could understand it. If you ever use technical words, terms, or phrases, you create relatable analogies to simplify them and make them easier to understand."}]

def CustomChatGPT(Question):
    messages.append({"role": "user", "content": Question})
    response = openai.ChatCompletion.create(
        model="gpt-3.5-turbo",
        messages=messages
    )
    ChatGPT_reply = response["choices"][0]["message"]["content"]
    messages.append({"role": "assistant", "content": ChatGPT_reply})
    return ChatGPT_reply

demo = gr.Interface(
    fn=CustomChatGPT,
    inputs=gr.Textbox(label="Insert jargon here (ask a question):", placeholder="E.g. What are gas fees?"),
    outputs=gr.Textbox(label="Get a simple answer in return:"),
        css="""
        .input_text, .output_text { /* Change input and output textboxes styles */
            color: #4b4b4b;
            background-color: #e8e8e8;
            font-family: 'Arial', sans-serif;
            font-size: 16px;
            border-radius: 5px; /* Add rounded corners to the textboxes */
        }
        .input_label, .output_label { /* Change the style of input and output labels */
            color: #3a3a3a;
            font-family: 'Arial', sans-serif;
            font-size: 18px;
            font-weight: bold;
        }
        .button { /* Change the style of the submit button */
            background-color: #007BFF;
            color: white;
            font-family: 'Arial', sans-serif;
            font-size: 16px;
            border-radius: 5px; /* Add rounded corners to the button */
        }
    """,
)
    title="Web(GPT)3"
    )



demo.launch()