import os
import streamlit as st

os.environ["GOOGLE_CSE_ID"] = GOOGLE_CSE_ID
os.environ["GOOGLE_API_KEY"] = GOOGLE_API_KEY
os.environ["FIREWORKS_API_KEY"] = FIREWORKS_API_KEY

st.set_page_config(layout="wide")

st.sidebar.title("NeuralGPT")
st.sidebar.info(
    """
    - GitHub repository: <https://github.com/CognitiveCodes/NeuralGPT>
    """
)
async def main():    
    st.sidebar.text("Server ports:")
    serverPorts = st.sidebar.container(border=True)
    serverPorts.text("Local ports")
    st.sidebar.text("Client ports")
    clientPorts = st.sidebar.container(border=True)
    clientPorts.text("Connected ports")

st.sidebar.title("Contact")
st.sidebar.info(
    """
    Qiusheng Wu at [wetlands.io](https://wetlands.io) | [GitHub](https://github.com/giswqs) | [Twitter](https://twitter.com/giswqs) | [YouTube](https://www.youtube.com/c/QiushengWu) | [LinkedIn](https://www.linkedin.com/in/qiushengwu)
    """
)

st.title("NeuralGPT")

st.markdown(
    """
    This page is supposed to work as interface of a hierarchical cooperative multi-agent frameork/platform called NeuralGPT

    """
)

st.info("Click on the left sidebar menu to navigate to the different apps.")

st.subheader("shit goes in here")
st.markdown(
    """
    The following stuff is totally random no need to think about it too much.
"""
)

row1_col1, row1_col2 = st.columns(2)
with row1_col1:

    st.image("https://i.postimg.cc/gk0LXT5p/earth6.gif")             
    st.image("https://i.postimg.cc/kM2d2NcZ/movie-18.gif")
    st.image("https://i.postimg.cc/8z5ccf7z/Screenshot-2022-03-02-21-27-22-566-com-google-android-youtube.jpg")

with row1_col2:
    st.image("https://i.postimg.cc/X7nw1tFT/Neural-GPT.gif")
    st.image("https://i.postimg.cc/qBwpKMVh/brain-cell-galaxy.jpg")
    st.image("https://i.postimg.cc/YqvTSppw/dh.gif")
    st.image("https://i.postimg.cc/T1sdWCL2/pyth.png")