import streamlit as st  # pip install streamlit
import streamlit.components.v1 as components



st.set_page_config(page_title="Mohamed El Soudy Arena", page_icon="data/favicon.png", layout="centered")
st.logo("data/msdark.png")

st.sidebar.markdown("Reach me on social media!")
st.header('''***:rainbow[Write to] :violet[Mohamed El Soudy]***''')

from st_social_media_links import SocialMediaIcons

social_media_links = [
    "https://www.facebook.com/profile.php?id=100092398476667",
    "https://www.instagram.com/s0udy_4",
    "https://www.linkedin.com/in/mohamed-el-soudy-1a3246256",
]

social_media_icons = SocialMediaIcons(social_media_links)
social_media_icons.render(sidebar=True)


contact_form = """
<form action="https://formsubmit.co/mohamedelsoudy404@gmail.com" method="POST">
     <textarea name="message" placeholder="drop some lines here"></textarea>
     <input type="hidden" name="_captcha" value="false">
     <button type="submit">SEND</button>
</form>
"""

st.markdown(contact_form, unsafe_allow_html=True)

# Use Local CSS File
def local_css(file_name):
    with open(file_name) as f:
        st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)


local_css("data/style.css")
st.divider()
col1, col2, col3, col4, col5= st.columns(5)
with col1:
    st.image("data/1.png")
with col2:
    st.image("data/2.png")
with col3:
    st.image("data/3.png")
with col4:
    st.image("data/4.png")
with col5:
    st.image("data/5.png")