import streamlit as st

# إعداد الصفحة
st.set_page_config(page_title="ChatGPT-like App", page_icon="💬")

# عنوان الصفحة
st.title("ChatGPT-like Interface")

# تعليمات
st.write("Enter your message below and get a response:")

# إنشاء نموذج إدخال المستخدم
user_input = st.text_input("You:", "")

# نماذج محادثة سابقة
if 'conversation' not in st.session_state:
    st.session_state.conversation = []

# استجابة وهمية (لتجربة الواجهة، يمكنك استبدال هذا بموديل GPT-3 أو أي نموذج آخر)
def get_response(message):
    return f"Echo: {message}"

# إذا تم إدخال النص
if user_input:
    # إضافة المحادثة
    st.session_state.conversation.append(("You", user_input))
    
    # الحصول على الاستجابة وإضافتها إلى المحادثة
    response = get_response(user_input)
    st.session_state.conversation.append(("Bot", response))

# عرض المحادثة
for speaker, message in st.session_state.conversation:
    if speaker == "You":
        st.text_area(label="You:", value=message, height=50, max_chars=None, key=f"user_{len(st.session_state.conversation)}")
    else:
        st.text_area(label="Bot:", value=message, height=50, max_chars=None, key=f"bot_{len(st.session_state.conversation)}")

# إضافة بعض التنسيق لتحسين المظهر
st.markdown("""
    <style>
        .stTextArea [data-baseweb="textarea"] {
            background-color: #f5f5f5;
            border-radius: 10px;
        }
    </style>
""", unsafe_allow_html=True)