import json
from pathlib import Path
from PIL import Image
import pandas as pd
import streamlit as st
from arabic_support import support_arabic_text
from config.handling import *


current_file_path = Path(__file__).resolve()
project_root = current_file_path.parents[1]
assets_dir = project_root / "asset"
database_dir = project_root / "data"
styles_dir = project_root / "styles"

st.set_page_config(
    page_title="About-us",
    page_icon="💊",
    layout="wide",
    initial_sidebar_state="expanded",
)

# Support Arabic text alignment in all components
support_arabic_text(all=True)
# Reading CSS from file
with open(styles_dir / "main.css", "r") as file:
    css_code = file.read()

# Applying CSS
st.markdown(f"<style>{css_code}</style>", unsafe_allow_html=True)
side = st.sidebar
with side:
    img = Image.open(assets_dir/"us.png")
    st.image(img, width=250, caption="درباره ما")
with st.container():
    st.title('درباره ما:')
    banner = Image.open(assets_dir/"whoweare.jpg")
    col1, col2 = st.columns([5, 3])
    with col1:
        st.image(banner, width=400, use_column_width="auto")
    with col2:
        st.text_area("سازندگان:")