main.py

from venv import create
import streamlit as st
from page1 import *
from src.utils_page1 import *
from page2 import *
from page5 import *

# --- MARKDOWN:
# Setting main page configurations
st.set_page_config(layout="wide",page_title="ScreenAid", page_icon="🔍")

# Setting main page configurations
st.markdown("""
        <style>
               .css-18e3th9 {
                    padding-top: 1rem;
                    padding-bottom: 10rem;
                    padding-left: 5rem;
                    padding-right: 5rem;
                }
               .css-1d391kg {
                    padding-top: 3.5rem;
                    padding-right: 1rem;
                    padding-bottom: 3.5rem;
                    padding-left: 1rem;
                }
                .css-1a7jz76 h3{
                    padding: 0rem 0px 0rem;
                }

                .css-1xv07vx hr{
                margin: 0.5em 0px;
                }

        </style>
        """, unsafe_allow_html=True)

# Setting button configurations

st.markdown(
      """
<style>

.css-1a7jz76 {
   padding: 4rem 1rem;
}

div[data-testid="stToolbar"] {
   visibility: hidden;
   height: 0%;
   position: fixed;
   }
div[data-testid="stDecoration"] {
   visibility: hidden;
   height: 0%;
   position: fixed;
   }
div[data-testid="stStatusWidget"] {
   visibility: hidden;
   height: 0%;
   position: fixed;
   }

#MainMenu {
   visibility: hidden;
   }
footer {
   visibility: hidden;
   height: 0%
   }
header {
   visibility: hidden;
   height: 0%;
   }

div.stButton > button:first-child {
   box-shadow: inset 0px 1px 0px 0px #5ca08e;
   background: linear-gradient(to bottom, #5ca08e 5%, #69b8a3 100%);
   background-color: #76b1a1;
   border-radius: 10px;
   border: 1px solid #5ca08e;
   display: flex;
   flex-direction: column;
   cursor: pointer;
   color: #ffffff;
   height: 3.3em;
   margin: auto;
   width: 100%;
   }
div.stButton > button:hover {
   background:linear-gradient(to bottom, #74a397 80%, #7fb3a5 100%);
   background-color:#8abaae;
   }

div.stButton > button:active {
   position:relative;
   top:2px;
   }

div.stTooltipIcon > button:first-child {
   background-color:#5ca08e;
	border-radius:28px;
	border:1px solid #006a4e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:25px;
	font-weight:bold;
	padding:11px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #006a4e;
   }
div.stTooltipIcon > button:hover {
   background-color:#2e856e;
   }

</style>""", unsafe_allow_html=True)

# ------

#define style
#local_css("styles.css")

placeholder = st.empty()


if 'page' not in st.session_state: 
   st.session_state["page"] ='page1'
if 'back' not in st.session_state: 
   st.session_state['back'] = False
if 'next' not in st.session_state: 
   st.session_state['next'] = False

col1, col2 = st.columns(2)

next_button = col2.empty()
back_button = col1.empty()

with back_button.container():
   st.session_state['back'] = st.button("Back")
with next_button.container():
   st.session_state['next'] = st.button("Next")

if st.session_state['next']:
   if st.session_state["page"] == 'page1':
        st.session_state["page"] = 'page2'
        #Save image output from page1
        create_plots()
   elif st.session_state["page"] == 'page2':
        st.session_state["page"] = 'page5'
   elif st.session_state["page"] == 'page5':
        st.session_state["page"] = 'page1'

if st.session_state['back']:
   if st.session_state["page"] == 'page2':
        st.session_state["page"] = 'page1'
   elif st.session_state["page"] == 'page5':
        st.session_state["page"] = 'page2'

if st.session_state["page"] == 'page1':
   with placeholder.container(): 
      page1()   
            
elif st.session_state["page"] == 'page2':
   with placeholder.container(): 
      page2()
      st.session_state['output_from_page2'] = st.session_state['temp_df2'].iloc[st.session_state['yes_indexes']]

elif st.session_state["page"] == 'page5':
   with placeholder.container(): 
      page5()

if st.session_state["page"] == 'page1':
   with back_button.container():
      back = st.write('')

elif st.session_state["page"] == 'page5':
   with next_button.container():
         next = st.write('')