import gradio as gr
import requests
import io
import random
import os
from PIL import Image

API_URL = "https://api-inference.huggingface.co/models/openskyml/dalle-3-xl"
API_TOKEN = os.getenv("HF_READ_TOKEN") # it is free
headers = {"Authorization": f"Bearer {API_TOKEN}"}

def query(prompt, is_negative=False, steps=1, cfg_scale=6, seed=None):
    payload = {
        "inputs": prompt,
        "is_negative": is_negative,
        "steps": steps,
        "cfg_scale": cfg_scale,
        "seed": seed if seed is not None else random.randint(-1, 2147483647)
        }

    image_bytes = requests.post(API_URL, headers=headers, json=payload).content
    image = Image.open(io.BytesIO(image_bytes))
    return image


css = """
   """

with gr.Blocks(css=css, theme="pseudolab/huggingface-korea-theme") as dalle:
    gr.HTML(
        """
            <div style="text-align: center; margin: 0 auto;">
              <div
                style="
                  display: inline-flex;
                  align-items: center;
                  gap: 0.8rem;
                  font-size: 1.75rem;
                "
              >
                <h1 style="font-weight: 900; margin-bottom: 7px;margin-top:5px">
                  DALL•E 3 XL
                </h1> 
              </div>
              <p style="margin-bottom: 10px; font-size: 94%; line-height: 23px;">
                This space demonstrates the work of the model <a style="text-decoration: underline;" href="https://huggingface.co/openskyml/dalle-3-xl">openskyml/dalle-3-xl</a>.
              </p>
            </div>
        """
    )

    with gr.Row():
        image_output = gr.Image(type="pil", label="Output Image", elem_id="gallery")
        with gr.Column(elem_id="prompt-container"):
            text_prompt = gr.Textbox(label="Prompt", placeholder="a cute cat", lines=1, elem_id="prompt-text-input")
            text_button = gr.Button("Generate", variant='primary', elem_id="gen-button")

    with gr.Accordion("Advanced settings", open=False):
        negative_prompt = gr.Textbox(label="Negative Prompt", value="text, blurry, fuzziness", lines=1, elem_id="negative-prompt-text-input")

    text_button.click(query, inputs=[text_prompt, negative_prompt], outputs=image_output)

dalle.launch(show_api=False)