update rescue map

.gitignore

@@ -0,0 +1,23 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+
+# C extensions
+*.so
+
+# Distribution / packaging
+bin/
+build/
+develop-eggs/
+dist/
+eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+*.egg-info/
+.installed.cfg
+*.egg
+
+# vscode
+.vscode

.streamlit/config.toml

@@ -0,0 +1,28 @@
+[browser]
+
+# Internet address where users should point their browsers in order to
+# connect to the app. Can be IP address or DNS name and path.
+
+# This is used to:
+# - Set the correct URL for CORS and XSRF protection purposes.
+# - Show the URL on the terminal
+# - Open the browser
+
+# Default: "localhost"
+serverAddress = "localhost"
+
+# Whether to send usage statistics to Streamlit.
+
+# Default: true
+gatherUsageStats = false
+
+# Port where users should point their browsers in order to connect to the
+# app.
+
+# This is used to:
+# - Set the correct URL for CORS and XSRF protection purposes.
+# - Show the URL on the terminal
+# - Open the browser
+
+# Default: whatever value is set in server.port.
+serverPort = 8501

app.py

@@ -1,165 +1,389 @@
 import os
 import time
-import requests
+from datetime import datetime
+
 import folium
 import pandas as pd
-from datetime import datetime
 import streamlit as st
-from streamlit_folium import st_folium
-from utils import legend_macro
 from huggingface_hub import HfApi
+from streamlit_folium import st_folium
 
+from src.text_content import (
+    COLOR_MAPPING,
+    CREDITS_TEXT,
+    HEADERS_MAPPING,
+    ICON_MAPPING,
+    INTRO_TEXT_AR,
+    INTRO_TEXT_EN,
+    INTRO_TEXT_FR,
+    LOGO,
+    REVIEW_TEXT,
+    SLOGAN,
+)
+from src.utils import add_latlng_col, init_map, parse_gg_sheet
 
 TOKEN = os.environ.get("HF_TOKEN", None)
-api = HfApi(token=TOKEN)
-st.set_page_config(layout="wide", initial_sidebar_state="collapsed")
-
-if "sleep_time" not in st.session_state:
-    st.session_state.sleep_time = 2
-
-if "auto_refresh" not in st.session_state:
-    st.session_state.auto_refresh = False
-
-auto_refresh = st.sidebar.checkbox("Auto Refresh?", st.session_state.auto_refresh)
-
-if auto_refresh:
-    number = st.sidebar.number_input("Refresh rate in seconds", value=st.session_state.sleep_time)
-    st.session_state.sleep_time = number
-    
-session = requests.Session()
-@st.cache_data(persist=True)
-def parse_latlng_from_link(url):
-    try:
-        # extract latitude and longitude from gmaps link 
-        if "@" not in url:
-            # We first need to get the redirect URL
-            resp = session.head(url, allow_redirects=True)
-            url = resp.url
-        latlng = url.split('@')[1].split(',')[0:2]
-        return [float(latlng[0]), float(latlng[1])]
-    except Exception as e:
-        print(f"Error parsing latlng from link: {e}")
-        return None
-    
-def parse_gg_sheet_interventions(url):
-    df = pd.read_csv(url)
-    return df.assign(latlng=df.iloc[:, 3].apply(parse_latlng_from_link))
-
-def parse_gg_sheet(url):
-    url = url.replace("edit#gid=", "export?format=csv&gid=")
-    df = pd.read_csv(url)
-
-    # parse latlng (column 4) to [lat, lng]
-    def parse_latlng(latlng):
-        try:
-            lat, lng = latlng.split(",")
-            return [float(lat), float(lng)]
-        except Exception as e:
-            print(f"Error parsing latlng: {e}")
-            return None
-
-    return df.assign(latlng=df.iloc[:, 4].apply(parse_latlng))
-
-df = parse_gg_sheet(
-    "https://docs.google.com/spreadsheets/d/1gYoBBiBo1L18IVakHkf3t1fOGvHWb23loadyFZUeHJs/edit#gid=966953708"
+REQUESTS_URL = "https://docs.google.com/spreadsheets/d/1gYoBBiBo1L18IVakHkf3t1fOGvHWb23loadyFZUeHJs/edit#gid=966953708"
+INTERVENTIONS_URL = "https://docs.google.com/spreadsheets/d/1eXOTqunOWWP8FRdENPs4cU9ulISm4XZWYJJNR1-SrwY/edit#gid=2089222765"
+api = HfApi(TOKEN)
+
+
+# Initialize Streamlit Config
+st.set_page_config(
+    layout="wide",
+    initial_sidebar_state="collapsed",
+    page_icon="🤝",
+    page_title="Nt3awnou Map نتعاونو",
 )
-interventions_df = parse_gg_sheet_interventions(
-    "https://docs.google.com/spreadsheets/d/1eXOTqunOWWP8FRdENPs4cU9ulISm4XZWYJJNR1-SrwY/gviz/tq?tqx=out:csv"
+
+#  """
+#     <style>
+#             .block-container {
+#                 padding-top: 1rem;
+#                 padding-bottom: 0rem;
+#             }
+#     </style>
+#     <div style="text-align: center;">
+#     <img src="https://storage.googleapis.com/storage-annarabic/Nt3awnou(1).png" width="200" height="200">
+#     </div>
+#     """
+
+st.markdown(
+    """
+<style>
+    .block-container {
+        padding-top: 0rem;
+        padding-bottom: 0rem;
+        padding-left: 0rem;
+        padding-right: 0rem;
+    }
+</style>
+""",
+    unsafe_allow_html=True,
 )
 
-# select requests
-headers_mapping = {
-    "إغاثة": "Rescue/إغاثة",
-    "مساعدة طبية": "Medical Assistance/مساعدة طبية",
-    "مأوى": "Shelter/مأوى",
-    "طعام وماء": "Food & Water/طعام وماء",
-    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Danger/مخاطر (تسرب الغاز، تلف في الخدمات العامة...)",
-}
-colors_mapping = {
-    "إغاثة": "red",
-    "مساعدة طبية": "orange",
-    "مأوى": "beige",
-    "طعام وماء": "blue",
-    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "gray",
-}
-icon_mapping = {
-    "إغاثة": "bell",        # life ring icon for rescue
-    "مساعدة طبية": "heart",     # medical kit for medical assistance
-    "مأوى": "home",              # home icon for shelter
-    "طعام وماء": "cutlery",      # cutlery (fork and knife) for food & water
-    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Warning"  # warning triangle for dangers
-}
-
-options = ["إغاثة", "مساعدة طبية", "مأوى", "طعام وماء", "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)"]
+# # Initialize States
+# if "sleep_time" not in st.session_state:
+#     st.session_state.sleep_time = 2
+# if "auto_refresh" not in st.session_state:
+#     st.session_state.auto_refresh = False
+
+# auto_refresh = st.sidebar.checkbox("Auto Refresh?", st.session_state.auto_refresh)
+# if auto_refresh:
+#     number = st.sidebar.number_input(
+#         "Refresh rate in seconds", value=st.session_state.sleep_time
+#     )
+#     st.session_state.sleep_time = number
+
+
+# Streamlit functions
+def display_interventions(interventions_df):
+    """Display NGO interventions on the map"""
+    for index, row in interventions_df.iterrows():
+        village_status = row[interventions_df.columns[7]]
+        if pd.isna(village_status):
+            continue
+        if (
+            row[interventions_df.columns[5]]
+            == "Intervention prévue dans le futur / Planned future intervention"
+        ):
+            # future intervention
+            color_mk = "pink"
+            status = "Planned ⌛"
+        elif (
+            row[interventions_df.columns[5]]
+            != "Intervention prévue dans le futur / Planned future intervention"
+            and village_status
+            != "Critique, Besoin d'aide en urgence / Critical, in urgent need of help"
+        ):
+            # past intervention  and village not in a critical condition
+            color_mk = "green"
+            status = "Done ✅"
+
+        else:
+            color_mk = "darkgreen"
+            status = "Partial ⚠️"
+
+        intervention_type = row[interventions_df.columns[6]].split("/")[0].strip()
+        org = row[interventions_df.columns[1]]
+        city = row[interventions_df.columns[9]]
+        date = row[interventions_df.columns[4]]
+        population = row[interventions_df.columns[11]]
+        intervention_info = f"<b>Intervention Status:</b> {status}<br><b>Village Status:</b> {village_status.split('/')[0]}<br><b>Org:</b> {org}<br><b>Intervention:</b> {intervention_type}<br><b>Population:</b> {population}<br><b>📅 Date:</b> {date}"
+        if row["latlng"] is None:
+            continue
+        
+        fg.add_child(folium.Marker(
+            location=row["latlng"],
+            tooltip=city,
+            popup=folium.Popup(intervention_info, max_width=300),
+            icon=folium.Icon(color=color_mk),
+        ))
+
+
+def show_requests(filtered_df):
+    """Display victim requests on the map"""
+    for index, row in filtered_df.iterrows():
+        request_type = row["ما هي احتياجاتك؟ (أضفها إذا لم يتم ذكرها)"]
+        long_lat = row[
+            "هل يمكنك تقديم الإحداثيات الدقيقة للموقع؟ (ادا كنت لا توجد بعين المكان) متلاً \n31.01837503440344, -6.781405948842175"
+        ]
+        maps_url = f"https://maps.google.com/?q={long_lat}"
+        display_text = f'<b>Request Type:</b> {request_type}<br><b>Id:</b> {row["id"]}<br><a href="{maps_url}" target="_blank" rel="noopener noreferrer"><b>Google Maps</b></a>'
+        icon_name = ICON_MAPPING.get(request_type, "info-sign")
+        if row["latlng"] is None:
+            continue
+
+        fg.add_child(folium.Marker(
+            location=row["latlng"],
+            tooltip=row["  لأي  جماعة / قيادة / دوار تنتمون ؟"]
+            if not pd.isna(row["  لأي  جماعة / قيادة / دوار تنتمون ؟"])
+            else None,
+            popup=folium.Popup(display_text, max_width=300),
+            icon=folium.Icon(
+                color=COLOR_MAPPING.get(request_type, "blue"), icon=icon_name
+            ),
+        ))
+
+
+def display_google_sheet_tables(data_url):
+    """Display the google sheet tables for requests and interventions"""
+    st.markdown(
+        f"""<iframe src="{data_url}" width="100%" height="600px"></iframe>""",
+        unsafe_allow_html=True,
+    )
+
+
+def display_dataframe(df, drop_cols, data_url, search_id=True, status=False, for_help_requests=False):
+    """Display the dataframe in a table"""
+    col_1, col_2 = st.columns([1, 1])
+
+    with col_1:
+        query = st.text_input(
+            "🔍 Search for information / بحث عن المعلومات",
+            key=f"search_requests_{int(search_id)}",
+        )
+    with col_2:
+        if search_id:
+            id_number = st.number_input(
+                "🔍 Search for an id / بحث عن رقم",
+                min_value=0,
+                max_value=len(filtered_df),
+                value=0,
+                step=1,
+            )
+        if status:
+            selected_status = st.selectbox(
+                "🗓️ Status / حالة",
+                ["all / الكل", "Done / تم", "Planned / مخطط لها"],
+                key="status",
+            )
+
+    if query:
+        # Filtering the dataframe based on the query
+        mask = df.apply(lambda row: row.astype(str).str.contains(query).any(), axis=1)
+        display_df = df[mask]
+    else:
+        display_df = df
+
+    display_df = display_df.drop(drop_cols, axis=1)
+
+    if search_id and id_number:
+        display_df = display_df[display_df["id"] == id_number]
+
+    if status:
+        target = "Pouvez-vous nous préciser si vous êtes déjà intervenus ou si vous prévoyez de le faire | Tell us if you already made the intervention, or if you're planning to do it"
+        if selected_status == "Done / تم":
+            display_df = display_df[
+                display_df[target] == "Intervention déjà passée / Past intevention"
+            ]
+
+        elif selected_status == "Planned / مخطط لها":
+            display_df = display_df[
+                display_df[target] != "Intervention déjà passée / Past intevention"
+            ]
+
+    st.dataframe(display_df, height=500)
+    st.markdown(
+        f"To view the full Google Sheet for advanced filtering go to: {data_url} **لعرض الورقة كاملة، اذهب إلى**"
+    )
+    # if we want to check hidden contact information
+    if for_help_requests:
+        st.markdown(
+            "We are hiding contact information to protect the privacy of the victims. If you are an NGO and want to contact the victims, please contact us at nt3awnoumorocco@gmail.com",
+        )
+        st.markdown(
+            """
+                    <div style="text-align: left;">
+                    <a href="mailto:nt3awnoumorocco@gmail.com">nt3awnoumorocco@gmail.com</a> نحن نخفي معلومات الاتصال لحماية خصوصية الضحايا. إذا كنت جمعية وتريد الاتصال بالضحايا، يرجى الاتصال بنا على 
+                    </div>
+                    """,
+            unsafe_allow_html=True,
+        )
+
+
+def id_review_submission():
+    """Id review submission form"""
+    st.subheader("🔍 Review of requests")
+    st.markdown(REVIEW_TEXT)
+
+    id_to_review = st.number_input(
+        "Enter id / أدخل الرقم", min_value=0, max_value=len(df), value=0, step=1
+    )
+    reason_for_review = st.text_area("Explain why / أدخل سبب المراجعة")
+    if st.button("Submit / أرسل"):
+        if reason_for_review == "":
+            st.error("Please enter a reason / الرجاء إدخال سبب")
+        else:
+            filename = f"review_id_{id_to_review}_{datetime.now().strftime('%Y-%m-%d_%H-%M-%S')}.txt"
+            with open(filename, "w") as f:
+                f.write(f"id: {id_to_review}, explanation: {reason_for_review}\n")
+            api.upload_file(
+                path_or_fileobj=filename,
+                path_in_repo=filename,
+                repo_id="nt3awnou/review_requests",
+                repo_type="dataset",
+            )
+            st.success(
+                "Submitted at https://huggingface.co/datasets/nt3awnou/review_requests/ تم الإرسال"
+            )
+
+
+# # Logo and Title
+# st.markdown(LOGO, unsafe_allow_html=True)
+# # st.title("Nt3awnou نتعاونو")
+# st.markdown(SLOGAN, unsafe_allow_html=True)
+
+# Load data and initialize map with plugins
+df = parse_gg_sheet(REQUESTS_URL)
+df = add_latlng_col(df, process_column=15)
+interventions_df = parse_gg_sheet(INTERVENTIONS_URL)
+interventions_df = add_latlng_col(interventions_df, process_column=12)
+m = init_map()
+fg = folium.FeatureGroup(name="Markers")
+
+# Selection of requests
+options = [
+    "إغاثة",
+    "مساعدة طبية",
+    "مأوى",
+    "طعام وماء",
+    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)",
+]
 selected_options = []
 
-#st.markdown("👉 **Choose request type / اختر نوع الطلب**")
-#col1, col2, col3, col4, col5 = st.columns([2, 3, 2, 3, 4])
-#cols = [col1, col2, col3, col4, col5]
-
-for i, option in enumerate(options):
-    #checked = cols[i].checkbox(headers_mapping[option], value=True)
-    #if checked:
-    selected_options.append(headers_mapping[option])
-
-arabic_options = [e.split("/")[1] for e in selected_options]
-df['id'] = df.index
-filtered_df = df[df['ما هي احتياجاتك؟ (أضفها إذا لم يتم ذكرها)'].isin(arabic_options)]
-selected_headers = [headers_mapping[request] for request in arabic_options]
-
-# select interventions
-#st.markdown("👇 **View past or planned interventions / عرض عمليات المساعدة السابقة أو المخطط لها**")
-#show_interventions = st.checkbox("Display Interventions عرض التدخلات", value=True)
-
-m = folium.Map(
-    location=[31.228674, -7.992047],
-    zoom_start=8.5,
-    min_zoom=8.5,
-    max_lat=35.628674,
-    min_lat=29.628674,
-    max_lon=-4.992047,
-    min_lon=-10.992047,
-    max_bounds=True,
-)
 
-#if show_interventions:
-for index, row in interventions_df.iterrows():
-    status = "Done ✅" if row[interventions_df.columns[5]]!="Intervention prévue dans le futur / Planned future intervention" else "Planned ⌛"
-    color_mk = "green" if row[interventions_df.columns[5]]!="Intervention prévue dans le futur / Planned future intervention" else "pink"
-    intervention_type = row[interventions_df.columns[6]].split("/")[0].strip()
-    org = row[interventions_df.columns[1]]
-    city = row[interventions_df.columns[9]]
-    date = row[interventions_df.columns[4]]
-    intervention_info = f"<b>Status:</b> {status}<br><b>Org:</b> {org}<br><b>Intervention:</b> {intervention_type}<br><b>📅 Date:</b> {date}"
-    if row["latlng"] is None:
-        continue
-    folium.Marker(
-        location=row["latlng"],
-        tooltip=city,
-        popup=folium.Popup(intervention_info, max_width=300),  
-        icon=folium.Icon(color=color_mk)  
-    ).add_to(m)
-
-for index, row in filtered_df.iterrows():
-    request_type = row['ما هي احتياجاتك؟ (أضفها إذا لم يتم ذكرها)']
-    display_text = f"<b>Request Type:</b> {request_type}<br><b>Id:</b> {row['id']}"
-    icon_name = icon_mapping.get(request_type, 'info-sign') 
-    if row["latlng"] is None:
-        continue
-
-    folium.Marker(
-        location=row["latlng"],
-        tooltip=row['  لأي  جماعة / قيادة / دوار تنتمون ؟'] if not pd.isna(row['  لأي  جماعة / قيادة / دوار تنتمون ؟']) else None,
-        popup=folium.Popup(display_text, max_width=300),  
-        icon=folium.Icon(color=colors_mapping.get(request_type, "blue"), icon=icon_name)  
-    ).add_to(m)
-
-
-# Macro to add legend
-m.get_root().add_child(legend_macro)
-
-st_data = st_folium(m, use_container_width=True)
-
-if auto_refresh:
-    time.sleep(number)
-    st.experimental_rerun()
+
+df["id"] = df.index
+filtered_df = df
+
+display_interventions(interventions_df)
+
+# # Show requests
+show_requests(df)
+
+st_folium(m, use_container_width=True, returned_objects=[], feature_group_to_add=fg, key="map")
+# tab_ar, tab_en, tab_fr = st.tabs(["العربية", "English", "Français"])
+
+
+# with tab_en:
+#     st.markdown(INTRO_TEXT_EN, unsafe_allow_html=True)
+# with tab_ar:
+#     st.markdown(INTRO_TEXT_AR, unsafe_allow_html=True)
+# with tab_fr:
+#     st.markdown(INTRO_TEXT_FR, unsafe_allow_html=True)
+
+# # Requests table
+# st.divider()
+# st.subheader("📝 **Table of requests / جدول الطلبات**")
+# drop_cols = [
+#     "(عند الامكان) رقم هاتف شخص موجود في عين المكان",
+#     "الرجاء الضغط على الرابط التالي لمعرفة موقعك إذا كان متاحا",
+#     "GeoStamp",
+#     "GeoCode",
+#     "GeoAddress",
+#     "Status",
+#     "id",
+# ]
+# display_dataframe(filtered_df, drop_cols, REQUESTS_URL, search_id=True, for_help_requests=True)
+
+# # Interventions table
+# st.divider()
+# st.subheader("📝 **Table of interventions / جدول التدخلات**")
+# display_dataframe(
+#     interventions_df,
+#     [],  # We show NGOs contact information
+#     INTERVENTIONS_URL,
+#     search_id=False,
+#     status=True,
+#     for_help_requests=False,
+# )
+
+# # Submit an id for review
+# st.divider()
+# id_review_submission()
+
+
+# # Donations can be made to the gouvernmental fund under the name
+# st.divider()
+# st.subheader("📝 **Donations / التبرعات / Dons**")
+# tab_ar, tab_en, tab_fr = st.tabs(["العربية", "English", "Français"])
+# with tab_en:
+#     st.markdown(
+#         """
+#         <div style="text-align: center;">
+#         <h4>The official bank account dedicated to tackle the consequences of the earthquake is:</h4>
+#         <b>Account number:</b>
+#         <h2>126</h2>
+#         <b>RIB:</b> 001-810-0078000201106203-18
+#         <br>
+#         <b>For the money transfers coming from outside Morocco</b>
+#         <br>
+#         <b>IBAN:</b> MA64001810007800020110620318
+#         <br>
+#         """,
+#         unsafe_allow_html=True,
+#     )
+# with tab_ar:
+#     st.markdown(
+#         """
+#         <div style="text-align: center;">
+#         <h4>الحساب البنكي الرسمي المخصص لمواجهة عواقب الزلزال</h4>
+#         <b>رقم الحساب</b>
+#         <h2>126</h2>
+#         <b>RIB:</b> 001-810-0078000201106203-18
+#         <br>
+#         <b>للتحويلات القادمة من خارج المغرب</b>
+#         <br>
+#         <b>IBAN:</b> MA64001810007800020110620318
+#         <br>
+#         </div>
+#         """,
+#         unsafe_allow_html=True,
+#     )
+# with tab_fr:
+#     st.markdown(
+#         """
+#         <div style="text-align: center;">
+#         <h4>Le compte bancaire officiel dédié à la lutte contre les conséquences du séisme est le suivant:</h4>
+#         <b>Numéro de compte:</b>
+#         <h2>126</h2>
+#         <b>RIB:</b> 001-810-0078000201106203-18
+#         <br>
+#         <b>Pour les transferts d'argent en provenance de l'étranger</b>
+#         <br>
+#         <b>IBAN:</b> MA64001810007800020110620318
+#         <br>
+#         """,
+#         unsafe_allow_html=True,
+#     )
+
+
+# # Credits
+# st.markdown(
+#     CREDITS_TEXT,
+#     unsafe_allow_html=True,
+# )
+# if auto_refresh:
+#     time.sleep(number)
+#     st.experimental_rerun()

utils.py → src/map_utils.py

@@ -46,6 +46,7 @@ template = """
     <li><span style='background:#37A8DA;opacity:0.7;'></span>Food & Water / طعام وماء</li>
     <li><span style='background:#575757;opacity:0.7;'></span>Danger / مخاطر (تسرب الغاز، تلف في الخدمات العامة...)</li>
     <li><span style='background:#6EAA25;opacity:0.7;'></span>Done / تم</li>
+    <li><span style='background:#023020;opacity:0.7;'></span>Partial / تم جزئيا</li>
     <li><span style='background:#FF91E8;opacity:0.7;'></span>Planned / مخطط لها</li>
   </ul>
 </div>

src/text_content.py

@@ -0,0 +1,88 @@
+INTRO_TEXT_EN = """
+                <div style="text-align: left;">
+    Nt3awnou نتعاونو is a collaborative platform dedicated to aiding individuals impacted by the recent earthquake in Morocco. Our core mission is to streamline and coordinate timely assistance for everyone affected. How do we achieve this? We assist those in need by allowing them to communicate their location and the specific aid they require, either by completing a form or sending a voice message via WhatsApp to a designated number. Once we receive and process this information, it can be viewed in our dashboard, which allows NGOs to organize and precisely target their interventions, ensuring swift assistance reaches those in need. Any organization that has taken initiative in a particular area can notify us by completing a dedicated form. This data is also incorporated into the dashboard so that other NGOs can help affected areas that still haven't received help.
+    <br>⚠️ Warning : There are still rocks falling down the mountains, making the roads to the affected areas very dangerous. We advise volunteers to donate directly to specialized NGOs.<br>
+    <br> 
+    <b>✉️ You can contact us via email at </b><a href="mailto:nt3awnoumorocco@gmail.com">nt3awnoumorocco@gmail.com</a> <br>
+    <b>📝 Help us report more people in need by filling this form </b><a href="https://forms.gle/nZNCUVog9ka2Vdqu6">https://forms.gle/nZNCUVog9ka2Vdqu6</a> <br>
+    <b>📝 NGOs can report their interventions by filling this form </b><a href="https://forms.gle/PsNSuHHjTTgwQMmVA">https://forms.gle/PsNSuHHjTTgwQMmVA</a>  
+    </div>
+    <br> 
+                """
+
+INTRO_TEXT_AR = """
+        <div style="text-align: right;">
+
+    نتعاونو هي منصة تعاونية لمساعدة الأفراد المتضررين من الزلزال الأخير في المغرب. مهمتنا هي تسهيل تقديم المساعدة في الوقت المناسب و بفاعلية و تنظيم لجميع المتضررين. كيفاش؟ كنعاونو الناس لي محتاجين للمساعدة إعلمونا بمكانهم و نوع المساعدة لي محتاجين ليها سواء عن طريق ملأ الاستمارة أو عن طريق إرسال تسجيل صوتي عبر واتساب إلى رقم مخصص. بعد معالجة هاد المعلومات، كنجمعوهم فخريطة كتمكن الجمعيات من تنظيم و استهداف تدخلاتهم بدقة باش توصل المساعدة للناس لي محتاجين في وقت أسرع. و كل جمعية قامت باللازم في منطقة معينة تقدر تعلمنا عن طريق ملأ استمارة مخصصة لهاد الأمر. هاد المعلومات كذلك كتضاف للخريطة باش باقي الجمعيات يتاجهو لمناطق أخرى مازال ماوصلاتهم مساعدة.
+  <br>  تحذير : نظرا لخطورة الطرقان بسبب الحجر اللي كيطيح من الجبال، ننصح المتطوعين اللي بغاو يساعدو المناطق المتضررة يتبرعو عن طريق الجمعيات المختصة⚠️ 
+    <br> 
+    nt3awnoumorocco@gmail.com <b>المتطوعين ليبغاو يعاونوا يقدرو يتصلوا معنا عبر البريد ✉️   </b><br>
+    https://forms.gle/nZNCUVog9ka2Vdqu6 <b>: ساعدونا نبلغو الناس ليمحتاجين فهاد الاستمارة 📝 </b><br>
+    https://forms.gle/PsNSuHHjTTgwQMmVA <b>: الجمعيات لي عندهم تدخلات يقدرو يبلغونا عبر هاد الاستمار  ة📝</b>
+        </div>
+    <br> 
+        """
+        
+INTRO_TEXT_FR = """
+    <div style="text-align: left;">
+    Nt3awnou نتعاونو est une plateforme collaborative dédiée à l'aide aux personnes touchées par le récent tremblement de terre au Maroc. Notre mission principale est de rationaliser et de coordonner une assistance rapide pour toutes les personnes touchées. Comment y parvenons-nous ? Nous aidons les personnes dans le besoin en leur permettant de communiquer leur localisation et l'aide spécifique dont elles ont besoin, soit en remplissant un formulaire, soit en envoyant un message vocal via WhatsApp à un numéro désigné. Une fois reçues et traitées, ces informations peuvent être consultées dans notre tableau de bord, qui permet aux associations d'organiser et de cibler précisément leurs interventions, afin que l'aide parvienne rapidement à ceux qui en ont besoin. Toute organisation ayant pris une initiative dans une zone particulière peut nous en informer en remplissant un formulaire prévu à cet effet. Ces données sont également intégrées au tableau de bord afin que d'autres associations puissent aider les zones touchées qui n'ont pas encore reçu d'aide.
+    ⚠️ Avertissement : Il y a encore des chutes de pierres dans les montagnes, ce qui rend les routes vers les zones touchées très dangereuses. Nous conseillons aux volontaires de faire des dons directement aux associations spécialisées.
+    <br> 
+    <b>✉️ Vous pouvez nous contacter par courrier électronique à l'adresse suivante </b><a href="mailto:nt3awnoumorocco@gmail.com">nt3awnoumorocco@gmail.com</a> <br>
+    <b>📝 Aidez-nous à signaler plus de personnes dans le besoin en remplissant ce formulaire : </b><a href="https://forms.gle/nZNCUVog9ka2Vdqu6">https://forms.gle/nZNCUVog9ka2Vdqu6</a> <br>
+    <b>📝 Les associations peuvent signaler leurs interventions en remplissant ce formulaire : </b><a href="https://forms.gle/PsNSuHHjTTgwQMmVA">https://forms.gle/PsNSuHHjTTgwQMmVA</a>  
+    </div>
+    <br> 
+    """
+
+SLOGAN = """
+    <div style="text-align: center;">
+    <h4>وَمَنْ أَحْيَاهَا فَكَأَنَّمَا أَحْيَا النَّاسَ جَمِيعاً</h4>
+    </div>
+    """
+
+HEADERS_MAPPING = {
+    "إغاثة" : "Rescue | إغاثة | Secours",
+    "مساعدة طبية": "Medical Assistance | مساعدة طبية | Assistance médicale",
+    "مأوى": "Shelter | مأوى | Abri",
+    "طعام وماء": "Food & Water | طعام وماء | Nourriture et eau",
+    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Danger | مخاطر (تسرب الغاز، تلف في الخدمات العامة...) | Danger",
+}
+
+COLOR_MAPPING = {
+    "إغاثة": "red",
+    "مساعدة طبية": "orange",
+    "مأوى": "beige",
+    "طعام وماء": "blue",
+    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "gray",
+}
+
+ICON_MAPPING = {
+    "إغاثة": "bell",        # life ring icon for rescue
+    "مساعدة طبية": "heart",     # medical kit for medical assistance
+    "مأوى": "home",              # home icon for shelter
+    "طعام وماء": "cutlery",      # cutlery (fork and knife) for food & water
+    "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Warning"  # warning triangle for dangers
+}
+
+CREDITS_TEXT = """
+    <hr>
+    <div style="text-align: center;">
+    <p>By <b>Moroccans</b> for <b>Moroccans</b> 🤝</p>
+    <p>Bot powered by <a href="https://www.annarabic.com/">Annarabic</a></p>
+    <p>Collaboration made possible thanks to <a href="https://summerschool.morocco.ai/">AI Summer School</a></p>
+    """
+
+LOGO = """
+    <style>
+            .block-container {
+                padding-top: 1rem;
+                padding-bottom: 0rem;
+            }
+    </style>
+    <div style="text-align: center;">
+    <img src="https://storage.googleapis.com/storage-annarabic/Nt3awnou(1).png" width="200" height="200">
+    </div>
+    """
+
+REVIEW_TEXT = """**If a request should be reviewed or dropped submit its id here/ إذا كان يجب مراجعة أو حذف طلب، أدخل رقمه هنا:**"""

src/utils.py

@@ -0,0 +1,153 @@
+import folium
+import pandas as pd
+from folium import plugins
+from src.map_utils import legend_macro
+
+
+EPICENTER_LOCATION = [31.12210171476489, -8.42945837915193]
+BORDER_COLOR = "black"
+
+def parse_gg_sheet(url):
+    url = url.replace("edit#gid=", "export?format=csv&gid=")
+    df = pd.read_csv(url, on_bad_lines="warn")
+    return df
+
+# Session for Requests
+# session = requests.Session()
+# @st.cache_data(persist=True)
+# def parse_latlng_from_link(url):
+#     try:
+#         # extract latitude and longitude from gmaps link
+#         if "@" not in url:
+#             resp = session.head(url, allow_redirects=True)
+#             url = resp.url
+#         latlng = url.split("@")[1].split(",")[0:2]
+#         return [float(latlng[0]), float(latlng[1])]
+#     except Exception as e:
+#         return None
+
+def add_latlng_col(df, process_column):
+    """Add a latlng column to the dataframe"""
+    df = df.assign(latlng=df.iloc[:, process_column].apply(parse_latlng))
+    return df
+
+# parse latlng (column 4) to [lat, lng]
+import re
+def parse_latlng(latlng):
+    if pd.isna(latlng):
+        return None
+        # lat, lng = latlng.split(",")
+        # return [float(lat), float(lng)]
+
+    try:
+        # check if it matches (30.9529832, -7.1010705) or (30.9529832,-7.1010705)
+        if re.match(r"\(\d+\.\d+,\s?-\d+\.\d+\)", latlng):
+            lat, lng = latlng[1:-1].split(",")
+            return [float(lat), float(lng)]
+        # check of it matches 30.9529832, -7.1010705 or 30.9529832,-7.1010705
+        elif re.match(r"\d+\.\d+,\s?-\d+\.\d+", latlng):
+            lat, lng = latlng.split(",")
+            return [float(lat), float(lng)]
+        # check if it matches 30,9529832, -7,1010705 or 30,9529832,-7,1010705, match1=30,9529832 and match2=-7,1010705
+        elif re.match(r"\d+,\d+,\s?-\d+,\d+", latlng):
+            d1, d2, d3, d4 = latlng.split(",")
+            return [float(".".join([d1, d2])), float(".".join([d3, d4]))]
+    except Exception as e:
+        print(f"Error parsing latlng: {latlng}  Reason: {e}")
+        return None
+    print(f"Error parsing latlng: {latlng}")
+    return None
+
+def add_epicentre_to_map(fg):
+    # Removed the spinner to not confuse the users as the map is already loaded
+    icon_epicentre = folium.plugins.BeautifyIcon(
+        icon='star',
+        border_color='#b3334f',
+        background_color='#b3334f',
+        text_color='white'
+    )
+
+    fg.add_child(folium.Marker(location=EPICENTER_LOCATION, 
+                #   popup="Epicenter مركز الزلزال", 
+                  tooltip="Epicenter مركز الزلزال",
+                  icon=icon_epicentre))
+    
+
+
+def add_danger_distances_to_map(map_obj):
+    Danger_Distances_group = folium.FeatureGroup(name='Danger distances - earthquake magnitude 7 | مسافات الخطر - قوة الزلازل 7').add_to(map_obj)
+    
+    zones = [
+        {"radius": 100000, "fill_opacity": 0.1, "weight": 1, "fill_color": "yellow", "tooltip": "50 to 100 km - Moderate risk area | منطقة خطر معتدلة"},
+        {"radius": 50000, "fill_opacity": 0.1, "weight": 1, "fill_color": "orange", "tooltip": "30 to 50 km - High risk zone | منطقة عالية المخاطر"},
+        {"radius": 30000, "fill_opacity": 0.2, "weight": 1, "fill_color": "#FF0000", "tooltip": "10 to 30 km - Very high risk zone | منطقة شديدة الخطورة"},
+        {"radius": 10000, "fill_opacity": 0.2, "weight": 0.2, "fill_color": "#8B0000", "tooltip": "0 to 10km - direct impact zone | منطقة التأثير المباشر"}
+    ]
+
+    for zone in zones:
+        folium.Circle(
+            location=EPICENTER_LOCATION,
+            radius=zone["radius"],
+            color=BORDER_COLOR,
+            weight=zone["weight"],
+            fill_opacity=zone["fill_opacity"],
+            opacity=zone["fill_opacity"],  # Assuming border opacity should match fill_opacity
+            fill_color=zone["fill_color"],
+            # tooltip=zone["tooltip"],
+        ).add_to(Danger_Distances_group)
+
+
+def init_map():
+    m = folium.Map(
+        location=[31.228674, -7.992047],
+        zoom_start=8.5,
+        min_zoom=8.5,
+        max_lat=35.628674,
+        min_lat=29.628674,
+        max_lon=-4.992047,
+        min_lon=-10.992047,
+        max_bounds=True,
+    )
+    # Add a search bar to the map
+    plugins.Geocoder(
+        collapsed=False,
+        position="topright",
+        placeholder="Search | البحث",
+    ).add_to(m)
+
+    # Add Fullscreen button to the map
+    plugins.Fullscreen(
+        position="topright",
+        title="Expand me | تكبير الخريطة",
+        title_cancel="Exit me | تصغير الخريطة",
+        force_separate_button=True,
+    ).add_to(m)
+
+    # Satellite View from Mapbox
+    tileurl = "https://marocmap.ikiker.com/maroc/{z}/{x}/{y}.png"
+    folium.TileLayer(
+        tiles=tileurl,
+        attr="Maroc Map",
+        name="Maroc Map",
+        overlay=False,
+        control=False,
+    ).add_to(m)
+
+    # Add danger zones
+    add_epicentre_to_map(m)
+    add_danger_distances_to_map(m)
+
+    # Add a LayerControl to the map to toggle between layers (Satellite View and Default One)
+    folium.LayerControl().add_to(m)
+
+    # Add detect location button
+    plugins.LocateControl(
+        position="topleft",
+        drawCircle=False,
+        flyTo=True,
+        strings={"title": "My location | موقعي", "popup": "My location | موقعي"},
+    ).add_to(m)
+
+    # Macro to add legend
+    m.get_root().add_child(legend_macro)
+    return m