streamlit_app.py

import streamlit as st
from PIL import Image

# Configurer la page
st.set_page_config(layout="wide")

# Ajouter du CSS personnalisé pour un meilleur style
st.markdown(
    """
    <style>
    body {
        background-color: black;
        color: white;
    }
    h1, h2 {
        text-align: center;
        color: white;
    }
    .status-table {
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .status-table th, .status-table td {
        padding: 10px;
        text-align: left;
    }
    .status-table th {
        background-color: #333;
    }
    .status-table td {
        background-color: #222;
    }
    .status-online {
        color: #00FF00; /* Vert pour online */
    }
    .status-offline {
        color: #FF0000; /* Rouge pour offline */
    }
    </style>
    """,
    unsafe_allow_html=True
)

# Utilisation des colonnes pour le centrage
col1, col2, col3 = st.columns([1, 2, 1])

with col2:
    st.markdown("<h1>Status</h1>", unsafe_allow_html=True)

# Status pour MWIII
col1, col2, col3 = st.columns([1, 2, 1])

with col2:
    st.markdown("<h2>MWIII</h2>", unsafe_allow_html=True)

    # Créer la table de statuts pour MWIII
    mwiii_data = [
        ["KURIBOH CHAIR + WOOFER", "online and safe to use"],
        ["HANA UA + WOOFER V3", "online (not safe to use)"],
        ["HANA AIO + WOOFER", "online (not safe for a main)"],
    ]

    st.markdown("<table class='status-table'>", unsafe_allow_html=True)
    st.markdown("<tr><th>Loaders</th><th>Status</th></tr>", unsafe_allow_html=True)

    for loader, status in mwiii_data:
        status_color = "status-online"  # Tous les éléments de MWIII sont "online"
        st.markdown(f"<tr><td>{loader}</td><td class='{status_color}'>{status}</td></tr>", unsafe_allow_html=True)

    st.markdown("</table>", unsafe_allow_html=True)

# Status pour MW2019
col1, col2, col3 = st.columns([1, 2, 1])

with col2:
    st.markdown("<h2>MW2019</h2>", unsafe_allow_html=True)

    # Créer la table de statuts pour MW2019
    mw2019_data = [
        ["MW19 AIO CHAIR", "offline"],
    ]

    st.markdown("<table class='status-table'>", unsafe_allow_html=True)
    st.markdown("<tr><th>Loaders</th><th>Status</th></tr>", unsafe_allow_html=True)

    for loader, status in mw2019_data:
        status_color = "status-offline"  # MW2019 est "offline"
        st.markdown(f"<tr><td>{loader}</td><td class='{status_color}'>{status}</td></tr>", unsafe_allow_html=True)

    st.markdown("</table>", unsafe_allow_html=True)