import streamlit as st
import requests

# Configuración inicial de la página
st.set_page_config(
    page_title="HUMANOPS - Automatización con Alma",
    layout="centered",
)

# Estilos CSS para mejorar la apariencia
page_bg_img = """
<style>
body {
    background: linear-gradient(135deg, #74ebd5, #ACB6E5);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffffff;
}
h1, h2, h3 {
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.form-container {
    background: rgba(255,255,255,0.15);
    padding: 30px;
    border-radius: 12px;
    max-width: 500px;
    margin: 2rem auto;
}
label {
    font-weight: bold;
    margin-top: 1rem;
    display: block;
}
.stTextInput, .stTextArea {
    margin-top: 0.5rem;
}
.submit-button {
    margin-top: 1.5rem;
    background-color: #ffffff;
    color: #4a90e2;
    padding: 0.7rem 1.5rem;
    font-size: 1rem;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s;
}
.submit-button:hover {
    background-color: #f0f0f0;
}
.success {
    text-align: center;
    margin-top: 1rem;
    font-weight: bold;
    color: #fdfdfd;
}
</style>
"""
st.markdown(page_bg_img, unsafe_allow_html=True)

# Título principal
st.title("HUMANOPS")
st.subheader("Automatización con alma para tu empresa")

# Contenedor para el formulario
with st.container():
    st.markdown("<div class='form-container'>", unsafe_allow_html=True)
    st.write("Completá tus datos y descubrí cómo HUMANOPS puede transformar tu organización.")

    # Creamos un formulario en Streamlit
    with st.form(key="contact_form"):
        nombre = st.text_input("Nombre")
        email = st.text_input("Email")
        mensaje = st.text_area("Mensaje (contanos sobre tu empresa)")

        # Botón de envío
        submit_button = st.form_submit_button(label="Enviar", help="Envía tus datos")
    
    st.markdown("</div>", unsafe_allow_html=True)

# Lógica de envío al webhook
if submit_button:
    if nombre and email and mensaje:
        # Datos a enviar al webhook
        data = {
            "nombre": nombre,
            "email": email,
            "mensaje": mensaje
        }
        # Hacemos la petición POST
        webhook_url = "https://hook.us2.make.com/f5q1azqgpjaoaf1wdo5o2phe093csrbr"  # REEMPLAZÁ ESTA LÍNEA
        try:
            response = requests.post(webhook_url, data=data)
            if response.status_code == 200:
                st.success("¡Gracias! Tus datos se enviaron correctamente.")
            else:
                st.error(f"Error al enviar los datos. Código de estado: {response.status_code}")
        except Exception as e:
            st.error(f"Ocurrió un error al enviar la información: {e}")
    else:
        st.warning("Por favor, completá todos los campos antes de enviar.")