versión final, con estilos aplicados

app.py

@@ -1,4 +1,4 @@
-import gradio as gr
+import gradio as gr #interface gráfica
 import requests
 import re
 
@@ -60,32 +60,54 @@ def cotiza_btc(compra_prima, venta_prima):
     
     return micotizacion, cotizacionexchanges
     
-def cotiza_monto(monto, tipo): #tipo es compra o venta
+def cotiza_monto(monto, tipo, compra_prima, venta_prima): #tipo es compra o venta
     
     if tipo == "compra":
         global compra
         son_satoshis = str(int(monto / compra * 100000000)) + " SATS"
         son_pesos = "" #para que no se imprima a la salida
         monto_en = "ARS"
+        son_satoshis_noprima = round(int(monto / yadio_BTC_ARS * 100000000)) #cambio sin prima
+        ganancia_compraSATS = round((monto / yadio_BTC_ARS * 100000000) -int(son_satoshis[:-5])) #ganancia en satoshis
+        ganancia_compraARS = round(ganancia_compraSATS / 100000000 * yadio_BTC_ARS, 0) #ganancia en ARS
+        ganancia_compraARS = str(ganancia_compraARS) + " ARS"
+        ganancia_ARS = ganancia_compraARS
+        detalles = f"Gano en sats: {ganancia_compraSATS} SATS; (+{compra_prima}%). Cambio sin prima: {son_satoshis_noprima} SATS"
+        
     else:
         global venta
         son_pesos = str(int(monto * venta / 100000000)) + " ARS"
         son_satoshis = "" #para que no se imprima a la salida
         monto_en = "SATS"
-    
-    #salida = "{}{}".format(son_satoshis, son_pesos)
+        #son_pesos_noprima = int(monto * venta / 100000000) #cambio sin prima
+        son_pesos_noprima = round(monto / 100000000 * yadio_BTC_ARS) #cambio sin prima
+        ganancia_venta_ARS = round(son_pesos_noprima - int(son_pesos[:-4]), 0) #ganancia en ARS
+        ganancia_ventaSATS = round(monto * venta_prima /100)
+        ganancia_ARS = str(ganancia_venta_ARS) + " ARS"
+        detalles = f"Gano en sats: {ganancia_ventaSATS} SATS; (+{venta_prima}%). Cambio sin prima: {son_pesos_noprima} ARS"
+    
+    #estilos y html para las salidas:
     clases_css = "text-gray-500 text-[0.855rem] mb-2 block dark:text-gray-200 relative z-40 scroll-hide block gr-box gr-input w-full gr-text-input"
+    
     cotizamonto_out_style = "style='font-size: larger; background-color: #ffa500; color: #461000; text-align: center'"
     salida_html = f"<div class='cotizamonto_out {clases_css}' {cotizamonto_out_style}>{monto} {monto_en} -> {son_satoshis}{son_pesos}</div>"
     salida = salida_html
     
-    return salida
+    cotizamonto_ganancia_style = "style='font-size: larger; background-color: #c8ff00; color: #334600; text-align: center'"
+    ganancia_ARS_HTML = f"<div class='{clases_css}'{cotizamonto_ganancia_style}>gano:<br>{ganancia_ARS}</div>"
+    ganancia_ARS = ganancia_ARS_HTML
+    
+    detalles_HTML = f"<div class='{clases_css}'>{detalles}</div>"
+    detalles = detalles_HTML
+    
+    return salida, ganancia_ARS, detalles
 
 ## UI
 
 with gr.Blocks() as cotizabtc:
-    cotizabtc_inp_1 = gr.Slider(label="Compra prima", minimum=0, maximum=12, value=6, step=1)
-    cotizabtc_inp_2 = gr.Slider(label="Venta prima", minimum=0, maximum=12, value=6, step=1)
+    with gr.Row():
+        cotizabtc_inp_1 = gr.Slider(label="Compra prima", minimum=0, maximum=12, value=6, step=1)
+        cotizabtc_inp_2 = gr.Slider(label="Venta prima", minimum=0, maximum=12, value=6, step=1)
     cotizabtc_out_1 = gr.Textbox(label="Mi cotización:")
     cotizabtc_out_2 = gr.Textbox(label="Cotizaciones exchanges:")
 
@@ -93,13 +115,17 @@ with gr.Blocks() as cotizabtc:
     cotizabtc_btn.click(fn=cotiza_btc, inputs=[cotizabtc_inp_1, cotizabtc_inp_2], outputs=[cotizabtc_out_1, cotizabtc_out_2])
     
     #--- cotizamonto:
-    cotizamonto_inp_1 = gr.Slider(label="Monto (ars/sats):", minimum=100, maximum=900000, value=1000, step=100)
+    cotizamonto_inp_1 = gr.Slider(label="Monto (ars/sats):", minimum=500, maximum=100000, value=1000, step=500)
     cotizamonto_inp_2 = gr.Radio(["compra", "venta"], label="tipo")
-    #cotizamonto_out = gr.Textbox(label="Son:", elem_id="cotizamonto_txt")
-    cotizamonto_out = gr.HTML()
-    
-    cotizamonto_btn = gr.Button("cotizar!")
-    cotizamonto_btn.click(fn=cotiza_monto, inputs=[cotizamonto_inp_1, cotizamonto_inp_2], outputs=[cotizamonto_out])
+    with gr.Row():
+        with gr.Column():
+            with gr.Row():
+                cotizamonto_out = gr.HTML()
+                cotizamonto_ganancia_out = gr.HTML()
+            cotizamonto_detalle_out = gr.HTML()
+        cotizamonto_btn = gr.Button("cotizar!")
+    
+    cotizamonto_btn.click(fn=cotiza_monto, inputs=[cotizamonto_inp_1, cotizamonto_inp_2, cotizabtc_inp_1, cotizabtc_inp_2], outputs=[cotizamonto_out, cotizamonto_ganancia_out, cotizamonto_detalle_out])
 
 #---------------