import gradio as gr

def afficher_produit(image, nom, prix, categorie, description):
    return f"""
    <div style='text-align:center;'>
        <h2>{nom} - {prix} GNF</h2>
        <p><strong>Catégorie :</strong> {categorie}</p>
        <p>{description}</p>
        <img src='{image}' style='width:250px; height:auto; margin-top:10px;' />
    </div>
    """

demo = gr.Interface(
    fn=afficher_produit,
    inputs=[
        gr.Image(type="filepath", label="📸 Photo du produit"),
        gr.Textbox(label="🧾 Nom du produit"),
        gr.Textbox(label="💰 Prix (en GNF)"),
        gr.Dropdown(["Vêtement", "Chaussure", "Accessoire", "Électronique", "Autres"], label="📂 Catégorie"),
        gr.Textbox(label="📝 Description", lines=3)
    ],
    outputs=gr.HTML(label="🛍️ Aperçu du produit"),
    title="🧥 WontanApp - Démo de mise en vente",
    description="Simule la mise en vente d'un produit sur une plateforme de seconde main guinéenne 🇬🇳"
)

demo.launch()