import streamlit as st
import streamlit.components.v1 as components
def show():
st.title("📬 Contact Us")
st.write("Feel free to reach out to us by filling the form below.")
public_key = st.secrets["emailjs"]["public_key"]
service_id = st.secrets["emailjs"]["service_id"]
template_id = st.secrets["emailjs"]["template_id"]
with st.form(key="contact_form"):
name = st.text_input("Your Name")
email = st.text_input("Your Email")
message = st.text_area("Your Message")
submit_button = st.form_submit_button("Send")
if submit_button:
if name and email and message:
st.success("Sending your message...")
js_code = f"""
var templateParams = {{
name: "{name}",
email: "{email}",
message: `{message}`
}};
emailjs.send("{service_id}", "{template_id}", templateParams, "{public_key}")
.then(function(response) {{
console.log("SUCCESS!", response.status, response.text);
window.parent.postMessage({{"type": "success", "message": "Email sent successfully!"}}, "*");
}}, function(error) {{
console.log("FAILED...", error);
window.parent.postMessage({{"type": "error", "message": "Failed to send email."}}, "*");
}});
"""
components.html(f"""
""", height=0)
# Call the function to display the contact form
show()