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

API_URL = "https://api-inference.huggingface.co/models/cagliostrolab/animagine-xl-3.1"

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 = """
  body {
    background-color: #fafafa !important;
  }
  .title {
    font-size: 1em !important;
    text-align: center;
    color: #333;
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.5em 0;
    background: transparent;
  }
  
  .title span {
    background: -webkit-linear-gradient(45deg, #7ed56f, #28b485);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.5em;
  }
  .primary.svelte-cmf5ev {
    background: -webkit-linear-gradient(45deg, #7ed56f, #28b485) !important;
  }
  .svelte-15lo0d8 {
    flex-direction: column !important;
  }
"""

with gr.Blocks(css=css) as Animagine:
    gr.HTML(
        """
            <div style="text-align: center; margin: 0 auto;">
              <div style="display: inline-flex; align-items: center; gap: 0.8rem;">
                <h1 class="title">
                    <span>Animagine XL 3.1</span>
                </h1>
              </div>
            </div>
        """
    )
    with gr.Row():
        with gr.Column(elem_id="prompt-container"):
            text_prompt = gr.Textbox(label="Prompt", value="1girl, c.c., code geass, white shirt, long sleeves, turtleneck, sitting, looking at viewer, eating, pizza, plate, fork, knife, table, chair, table, restaurant, cinematic angle, cinematic lighting, masterpiece, best quality", placeholder="a cute cat", lines=1, elem_id="prompt-text-input")
            negative_prompt = gr.Textbox(label="Negative Prompt", value="nsfw, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, cropped, worst quality, low quality, normal quality, jpeg artifacts, signature, watermark, username, blurry, artist name, ", lines=1, elem_id="negative-prompt-text-input")
            text_button = gr.Button("Generate", variant='primary', elem_id="gen-button")
        image_output = gr.Image(type="pil", label="Output Image", elem_id="gallery")
    text_button.click(query, inputs=[text_prompt, negative_prompt], outputs=image_output)
Animagine.launch(show_api=False)