# app.py

import streamlit as st
from streamlit_option_menu import option_menu
from utils.functions import (
    get_phone_info,
    simple_checks,
    analyze_message,
    init_stats_file,
    update_stats,
    add_to_history
)
import os

# 1. Konfiguracja strony - musi być pierwszym poleceniem Streamlit
st.set_page_config(
    page_title="📱 Detektor Fałszywych Wiadomości SMS",
    page_icon="📱",
    layout="wide",
    initial_sidebar_state="collapsed"  # Opcjonalnie, jeśli chcesz domyślnie ukryć sidebar
)

# 2. Inicjalizacja pliku statystyk
init_stats_file()

# 3. Dodanie niestandardowego CSS
custom_css = """
<style>
    /* Ukryj boczne menu Streamlit */
    [data-testid="stSidebar"] {
        display: none;
    }

    /* Stylizacja poziomego menu */
    .horizontal-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--st-secondary-background-color);
        padding: 10px 0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .horizontal-menu .menu-item {
        display: flex;
        align-items: center;
        padding: 10px 20px;
        margin: 0 5px;
        border-radius: 5px;
        transition: background-color 0.3s ease, color 0.3s ease;
        cursor: pointer;
        color: var(--st-text-color);
        text-decoration: none;
    }

    .horizontal-menu .menu-item:hover {
        background-color: var(--st-primary-color);
        color: #ffffff;
    }

    .horizontal-menu .menu-item.selected {
        background-color: var(--st-primary-color);
        color: #ffffff;
    }

    /* Stylizacja stopki */
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: var(--st-secondary-background-color);
        color: var(--st-text-color);
        text-align: center;
        padding: 10px 0;
        font-size: 0.9em;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    }

    /* Responsywność */
    @media (max-width: 768px) {
        .horizontal-menu {
            flex-direction: column;
        }
        .horizontal-menu .menu-item {
            margin: 5px 0;
            width: 100%;
            text-align: center;
        }
    }
</style>
"""
st.markdown(custom_css, unsafe_allow_html=True)

# 4. Tworzenie poziomego menu
selected = option_menu(
    menu_title=None,  # Brak tytułu menu
    options=["Analiza SMS", "O Projekcie", "Edukacja", "Statystyki", "Kontakt"],
    icons=["shield-check", "info-circle", "book", "bar-chart", "envelope"],
    menu_icon=None,  # Usunięcie ikony menu
    default_index=0,
    orientation="horizontal",
    styles={
        "container": {"padding": "0!important", "background-color": "transparent"},
        "icon": {"color": "inherit", "font-size": "18px"},
        "nav-link": {"font-size": "16px", "text-align": "left", "margin":"0px", "--hover-color": "transparent"},
        "nav-link-selected": {"background-color": "transparent"},
    }
)

# 5. Importowanie i wywoływanie modułów dla każdej zakładki
if selected == "Analiza SMS":
    from pages.Analysis import show_analysis
    show_analysis()
elif selected == "O Projekcie":
    from pages.About import main as show_about
    show_about()
elif selected == "Edukacja":
    from pages.Education import main as show_education
    show_education()
elif selected == "Statystyki":
    from pages.Statistics import main as show_statistics
    show_statistics()
elif selected == "Kontakt":
    from pages.Contact import main as show_contact
    show_contact()

# 6. Dodanie stopki
footer = """
<div class="footer">
    &copy; 2024 Rafał Dembski. Wszystkie prawa zastrzeżone.
</div>
"""
st.markdown(footer, unsafe_allow_html=True)