Upload 9 files

app.py

@@ -0,0 +1,40 @@
+import streamlit as st
+import pandas as pd
+from embroidery import embroidery
+from screenPrint import screenPrint
+from fullColor import fullColor
+from embroideryFullcolor import embFull
+from embroideryScreenprint import embScreen
+from screenprintFullcolor import screenFull
+
+
+st.set_page_config(
+    page_title="Key Innovations Inc.",
+    page_icon="https://tscstatic.keyinnovations.ca/logo/logo_1T895ONEIG.png"
+)
+st.image("https://tscstatic.keyinnovations.ca/logo/logo_1T895ONEIG.png", width=150)
+st.title('Quoting System')
+st.subheader('Key Innovations Inc.')
+
+option = st.segmented_control(
+    "Select an option:", 
+    ["Embroidery", "Screen Print", "Full Color", "Embroidery & Screen Print", "Embroidery & Full Color", "Screenprint & Full Color"]
+)
+
+if option == 'Embroidery':
+    embroidery()
+
+elif option == 'Screen Print':
+    screenPrint()
+
+elif option ==  "Full Color":
+    fullColor()
+
+elif option == 'Embroidery & Screen Print':
+     embScreen()
+
+elif option == "Embroidery & Full Color":
+    embFull()
+
+elif option == "Screenprint & Full Color":
+    screenFull()

embroideryFullcolor.py

@@ -1,157 +1,156 @@
-import streamlit as st
-from utils import *
-from data import *
-
-def embFull():
-    if "combined_entries" not in st.session_state:
-        st.session_state.combined_entries = []
-
-    emb_company = st.selectbox("Select Embroidery Company", list(emb_data.keys()), key="combo_emb_company")
-    fc_company = st.selectbox("Select Full Color Company", list(full_data.keys()), key="combo_fc_company")
-
-    df_emb = pd.DataFrame(emb_data[emb_company])
-    df_fc = pd.DataFrame(full_data[fc_company])
-
-    col1, col2, col3 = st.columns(3)
-    with col1:
-        quantity = st.number_input("Enter Quantity", min_value=1, step=1, key="combo_quantity")
-    with col2:
-        stitch_count = st.multiselect("Embroidery Stitch Count", list(df_emb.columns[1:]), key="combo_stitch_count")
-    with col3:
-        print_area = st.selectbox("Full Color Print", list(df_fc.columns[1:]), key="combo_print_area")
-
-    item_price = st.number_input("Item Cost (Fixed)", min_value=0.0, step=0.01, key="combo_item_price")
-
-    quantity_labels_emb = df_emb["Quantity"].tolist()
-    quantity_labels_fc = df_fc["Quantity"].tolist()
-    emb_range = find_quantity_range(quantity, quantity_labels_emb)
-    fc_range = find_quantity_range(quantity, quantity_labels_fc)
-
-    emb_stitch_price = float(sum(df_emb[df_emb["Quantity"] == emb_range][stitch_count].values[0])) if stitch_count else 0.0
-    fc_print_price = float(df_fc[df_fc["Quantity"] == fc_range][print_area].values[0])
-    total_deco_price = emb_stitch_price + fc_print_price
-
-    net_value = quantity * (item_price + total_deco_price)
-
-    use_manual_margin = st.checkbox("Use Manual Margin", key="combo_manual_margin")
-    if use_manual_margin:
-        margin_percentage = st.number_input("Enter Margin (%)", min_value=1.0, max_value=99.0, step=0.1, value=60.0, key="combo_margin_val")
-        margin = margin_percentage / 100
-        margin_display = f"{margin_percentage:.2f}%"
-    else:
-        margin = next((rate for threshold, rate in reversed(margin_data) if net_value >= threshold), 0.67)
-        margin_display = f"{margin * 100:.2f}%"
-
-    total_selling_price = net_value / (1 - margin)
-    unit_selling_price = total_selling_price / quantity
-
-    if st.button("➕ Add Entry", key="add_combo_entry"):
-        entry = {
-            "Quantity": quantity,
-            "Embroidery Stitch Count": stitch_count,
-            "Emb Price": f"${emb_stitch_price:.2f}",
-            "Full Color Area": print_area,
-            "FC Price": f"${fc_print_price:.2f}",
-            "Total Decoration Cost": f"${total_deco_price:.2f}",
-            "Item Cost": f"${item_price:.2f}",
-            "Total Net Cost": f"${net_value:,.2f}",
-            "Margin": margin_display,
-            "Unit Selling Price": f"${unit_selling_price:.2f}",
-            "Total Selling Price": f"${total_selling_price:.2f}"
-        }
-        st.session_state.combined_entries.append(entry)
-
-    if st.session_state.combined_entries:
-        st.subheader("Pricing Breakdown")
-
-        entries = st.session_state.combined_entries
-        cols = st.columns(len(entries))
-        for i, (col, entry) in enumerate(zip(cols, entries)):
-            with col:
-                st.markdown(f"<h4 style='color: #d31145;'>Entry {i+1}</h4>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>📌 Quantity:<br><b>{entry['Quantity']}</b></div><br>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>🪡 Embroidery Price:<br><b>{entry['Emb Price']}</b></div><br>", unsafe_allow_html=True)
-                #st.markdown(f"<div style='font-size: 16px;'>🎨 Full Color Area:<br><b>{entry['Full Color Area']}</b></div><br>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>🖍️ Full Color Price:<br><b>{entry['FC Price']}</b></div><br>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>💰 Total Net Cost:<br><b>{entry['Total Net Cost']}</b></div><br>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>📈 Margin:<br><b>{entry['Margin']}</b></div><br>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>📊 Unit Price:<br><b>{entry['Unit Selling Price']}</b></div><br>", unsafe_allow_html=True)
-                st.markdown(f"<div style='font-size: 16px;'>💵 Total Selling Price:<br><b>{entry['Total Selling Price']}</b></div><br>", unsafe_allow_html=True)
-                if st.button(f"❌ Delete {i+1}", key=f"delete_combo_{i}"):
-                    del st.session_state.combined_entries[i]
-                    st.rerun()
-
-        if st.button("🔄 Reset Entries", key="reset_combo"):
-            st.session_state.combined_entries = []
-            st.rerun()
-
-        # 📄 HTML2PDF export section
-        html = """
-        <html>
-        <head>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
-        <style>
-            .pdf-button {
-                background-color: #d31145;
-                color: white;
-                padding: 12px 24px;
-                border: none;
-                border-radius: 8px;
-                font-size: 14px;
-                font-weight: bold;
-                cursor: pointer;
-                transition: background-color 0.3s ease;
-                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-            }
-            .pdf-button:hover {
-                background-color: #b80e3a;
-            }
-        </style>
-        </head>
-        <body>
-
-        <div id="pdf-content" style="display: none;">
-            <h2 style='color:#333;'>Embroidery + Full Color Pricing Breakdown</h2>
-        """
-
-        for i, entry in enumerate(entries):
-            html += f"""
-             <div style='margin-bottom: 20px; border:1px solid #ccc; padding: 10px; border-radius: 8px;'>
-                <h4 style='color:#d31145; margin-bottom: 12px;'>Entry {i+1}</h4>
-                <p>📌 Quantity: {entry['Quantity']}</p>
-                <p>🪡 Embroidery Price: {entry['Emb Price']}</p>
-                <p>🎨 Full Color Area: {entry['Full Color Area']}</p>
-                <p>🖍️ Full Color Price: {entry['FC Price']}</p>
-                <p>💰 Total Net Cost: {entry['Total Net Cost']}</p>
-                <p>📈 Margin: {entry['Margin']}</p>
-                <p>📊 Unit Price: {entry['Unit Selling Price']}</p>
-                <p>💵 Total Selling Price: {entry['Total Selling Price']}</p>
-            </div>
-            """
-
-        html += """
-        </div>
-
-        <button class="pdf-button" onclick="downloadPDF()">📄 Download Results as PDF</button>
-
-        <script>
-        function downloadPDF() {
-            const element = document.getElementById("pdf-content");
-            element.style.display = 'block';
-            html2pdf().set({
-                margin: 0.5,
-                filename: 'combo_embroidery_fullcolor_breakdown.pdf',
-                image: { type: 'jpeg', quality: 0.98 },
-                html2canvas: { scale: 2 },
-                jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
-            }).from(element).save().then(() => {
-                element.style.display = 'none';
-            });
-        }
-        </script>
-
-        </body>
-        </html>
-        """
-
+import streamlit as st
+from utils import *
+from data import *
+
+def embFull():
+    if "combined_entries" not in st.session_state:
+        st.session_state.combined_entries = []
+
+    emb_company = st.selectbox("Select Embroidery Company", list(emb_data.keys()), key="combo_emb_company")
+    fc_company = st.selectbox("Select Full Color Company", list(full_data.keys()), key="combo_fc_company")
+
+    df_emb = pd.DataFrame(emb_data[emb_company])
+    df_fc = pd.DataFrame(full_data[fc_company])
+
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        quantity = st.number_input("Enter Quantity", min_value=1, step=1, key="combo_quantity")
+    with col2:
+        stitch_count = st.multiselect("Embroidery Stitch Count", list(df_emb.columns[1:]), key="combo_stitch_count")
+    with col3:
+        print_area = st.selectbox("Full Color Print", list(df_fc.columns[1:]), key="combo_print_area")
+
+    item_price = st.number_input("Item Cost (Fixed)", min_value=0.0, step=0.01, key="combo_item_price")
+
+    quantity_labels_emb = df_emb["Quantity"].tolist()
+    quantity_labels_fc = df_fc["Quantity"].tolist()
+    emb_range = find_quantity_range(quantity, quantity_labels_emb)
+    fc_range = find_quantity_range(quantity, quantity_labels_fc)
+
+    emb_stitch_price = float(sum(df_emb[df_emb["Quantity"] == emb_range][stitch_count].values[0])) if stitch_count else 0.0
+    fc_print_price = float(df_fc[df_fc["Quantity"] == fc_range][print_area].values[0])
+    total_deco_price = emb_stitch_price + fc_print_price
+
+    net_value = quantity * (item_price + total_deco_price)
+
+    use_manual_margin = st.checkbox("Use Manual Margin", key="combo_manual_margin")
+    if use_manual_margin:
+        margin_percentage = st.number_input("Enter Margin (%)", min_value=1.0, max_value=99.0, step=0.1, value=60.0, key="combo_margin_val")
+        margin = margin_percentage / 100
+        margin_display = f"{margin_percentage:.2f}%"
+    else:
+        margin = next((rate for threshold, rate in reversed(margin_data) if net_value >= threshold), 0.67)
+        margin_display = f"{margin * 100:.2f}%"
+
+    total_selling_price = net_value / (1 - margin)
+    unit_selling_price = total_selling_price / quantity
+
+    if st.button("➕ Add Entry", key="add_combo_entry"):
+        entry = {
+            "Quantity": quantity,
+            "Embroidery Stitch Count": stitch_count,
+            "Emb Price": f"${emb_stitch_price:.2f}",
+            "Full Color Area": print_area,
+            "FC Price": f"${fc_print_price:.2f}",
+            "Total Decoration Cost": f"${total_deco_price:.2f}",
+            "Item Cost": f"${item_price:.2f}",
+            "Total Net Cost": f"${net_value:,.2f}",
+            "Margin": margin_display,
+            "Unit Selling Price": f"${unit_selling_price:.2f}",
+            "Total Selling Price": f"${total_selling_price:.2f}"
+        }
+        st.session_state.combined_entries.append(entry)
+
+    if st.session_state.combined_entries:
+        st.subheader("Pricing Breakdown")
+
+        entries = st.session_state.combined_entries
+        cols = st.columns(len(entries))
+        for i, (col, entry) in enumerate(zip(cols, entries)):
+            with col:
+                st.markdown(f"<h4 style='color: #d31145;'>Entry {i+1}</h4>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📌 Quantity:<br><b>{entry['Quantity']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>🪡 Embroidery Price:<br><b>{entry['Emb Price']}</b></div><br>", unsafe_allow_html=True)
+                #st.markdown(f"<div style='font-size: 16px;'>🎨 Full Color Area:<br><b>{entry['Full Color Area']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>🖍️ Full Color Price:<br><b>{entry['FC Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📈 Margin:<br><b>{entry['Margin']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📊 Unit Price:<br><b>{entry['Unit Selling Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>💰 Total Net Cost:<br><b>{entry['Total Net Cost']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>💵 Total Selling Price:<br><b>{entry['Total Selling Price']}</b></div><br>", unsafe_allow_html=True)
+                if st.button(f"❌ Delete {i+1}", key=f"delete_combo_{i}"):
+                    del st.session_state.combined_entries[i]
+                    st.rerun()
+
+        if st.button("🔄 Reset Entries", key="reset_combo"):
+            st.session_state.combined_entries = []
+            st.rerun()
+
+        html = """
+        <html>
+        <head>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
+        <style>
+            .pdf-button {
+                background-color: #d31145;
+                color: white;
+                padding: 12px 24px;
+                border: none;
+                border-radius: 8px;
+                font-size: 14px;
+                font-weight: bold;
+                cursor: pointer;
+                transition: background-color 0.3s ease;
+                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+            }
+            .pdf-button:hover {
+                background-color: #b80e3a;
+            }
+        </style>
+        </head>
+        <body>
+
+        <div id="pdf-content" style="display: none;">
+            <h2 style='color:#333;'>Embroidery + Full Color Pricing Breakdown</h2>
+        """
+
+        for i, entry in enumerate(entries):
+            html += f"""
+             <div style='margin-bottom: 20px; border:1px solid #ccc; padding: 10px; border-radius: 8px;'>
+                <h4 style='color:#d31145; margin-bottom: 12px;'>Entry {i+1}</h4>
+                <p>📌 Quantity: {entry['Quantity']}</p>
+                <p>🪡 Embroidery Price: {entry['Emb Price']}</p>
+                <p>🎨 Full Color Area: {entry['Full Color Area']}</p>
+                <p>🖍️ Full Color Price: {entry['FC Price']}</p>
+                <p>💰 Total Net Cost: {entry['Total Net Cost']}</p>
+                <p>📈 Margin: {entry['Margin']}</p>
+                <p>📊 Unit Price: {entry['Unit Selling Price']}</p>
+                <p>💵 Total Selling Price: {entry['Total Selling Price']}</p>
+            </div>
+            """
+
+        html += """
+        </div>
+
+        <button class="pdf-button" onclick="downloadPDF()">📄 Download Results as PDF</button>
+
+        <script>
+        function downloadPDF() {
+            const element = document.getElementById("pdf-content");
+            element.style.display = 'block';
+            html2pdf().set({
+                margin: 0.5,
+                filename: 'combo_embroidery_fullcolor_breakdown.pdf',
+                image: { type: 'jpeg', quality: 0.98 },
+                html2canvas: { scale: 2 },
+                jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
+            }).from(element).save().then(() => {
+                element.style.display = 'none';
+            });
+        }
+        </script>
+
+        </body>
+        </html>
+        """
+
         st.components.v1.html(html, height=120)

embroideryScreenprint.py

@@ -0,0 +1,176 @@
+import streamlit as st
+import pandas as pd
+from utils import *
+from data import *
+
+def embScreen():
+    if "combined_emb_screen_entries" not in st.session_state:
+        st.session_state.combined_emb_screen_entries = []
+
+    # Select Embroidery and Screen Print Companies
+    emb_company = st.selectbox("Select Embroidery Company", list(emb_data.keys()), key="combo_emb_screen_emb_company")
+    sp_company = st.selectbox("Select Screen Print Company", list(screen_data.keys()), key="combo_emb_screen_sp_company")
+
+    df_emb = pd.DataFrame(emb_data[emb_company])
+    sp_data = screen_data[sp_company]
+
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        quantity = st.number_input("Enter Quantity", min_value=1, step=1, key="combo_emb_screen_quantity")
+    with col2:
+        stitch_count = st.multiselect("Embroidery Stitch Count", list(df_emb.columns[1:]), key="combo_emb_screen_stitch_count")
+    with col3:
+        item_price = st.number_input("Item Cost (Fixed)", min_value=0.0, step=0.01, key="combo_emb_screen_item_price")
+
+    # Screen Print Selection
+    col4, col5, col6 = st.columns(3)
+    with col4:
+        selected_type = st.selectbox("Print Type", list(sp_data.keys()), key="combo_emb_screen_print_type")
+    with col5:
+        selected_size = st.selectbox("Print Size", list(sp_data[selected_type].columns[1:4]), key="combo_emb_screen_print_size")
+    with col6:
+        selected_options = st.multiselect("Options", ["Darks", "Fleece", "90% Poly+", "Sleeves & Legs"], key="combo_emb_screen_options")
+
+    # --- Embroidery Pricing ---
+    quantity_labels_emb = df_emb["Quantity"].tolist()
+    emb_range = find_quantity_range(quantity, quantity_labels_emb)
+    emb_stitch_price = float(sum(df_emb[df_emb["Quantity"] == emb_range][stitch_count].values[0])) if stitch_count else 0.0
+
+    # --- Screen Print Pricing ---
+    sp_df = sp_data[selected_type]
+    sp_range = next((row["Qty"] for _, row in sp_df.iterrows() if quantity <= int(row["Qty"].split()[-1])), sp_df.iloc[-1]["Qty"])
+    sp_row = sp_df[sp_df["Qty"] == sp_range]
+
+    sp_base_price = sp_row[selected_size].values[0] if not sp_row.empty else 0.0
+    sp_option_cost = sum(sp_row[opt].values[0] for opt in selected_options if opt in sp_row) if not sp_row.empty else 0.0
+    sp_total_price = sp_base_price + sp_option_cost
+
+    # Total Decoration and Net Cost
+    total_deco_price = emb_stitch_price + sp_total_price
+    net_value = quantity * (item_price + total_deco_price)
+
+    use_manual_margin = st.checkbox("Use Manual Margin", key="combo_emb_screen_manual_margin")
+    if use_manual_margin:
+        margin_percentage = st.number_input("Enter Margin (%)", min_value=1.0, max_value=99.0, step=0.1, value=60.0, key="combo_emb_screen_margin_val")
+        margin = margin_percentage / 100
+        margin_display = f"{margin_percentage:.2f}%"
+    else:
+        margin = next((rate for threshold, rate in reversed(margin_data) if net_value >= threshold), 0.67)
+        margin_display = f"{margin * 100:.2f}%"
+
+    total_selling_price = net_value / (1 - margin)
+    unit_selling_price = total_selling_price / quantity
+
+    # Add Entry Button
+    if st.button("➕ Add Entry", key="add_emb_screen_entry"):
+        entry = {
+            "Quantity": quantity,
+            "Embroidery Stitch Count": stitch_count,
+            "Emb Price": f"${emb_stitch_price:.2f}",
+            "Print Type": selected_type,
+            "Print Size": selected_size,
+            "SP Base Price": f"${sp_base_price:.2f}",
+            "SP Options": ", ".join(selected_options) if selected_options else "None",
+            "SP Option Price": f"${sp_option_cost:.2f}",
+            "SP Total Price": f"${sp_total_price:.2f}",
+            "Total Decoration Cost": f"${total_deco_price:.2f}",
+            "Item Cost": f"${item_price:.2f}",
+            "Total Net Cost": f"${net_value:,.2f}",
+            "Margin": margin_display,
+            "Unit Selling Price": f"${unit_selling_price:.2f}",
+            "Total Selling Price": f"${total_selling_price:.2f}"
+        }
+        st.session_state.combined_emb_screen_entries.append(entry)
+
+    # Pricing Breakdown Display
+    if st.session_state.combined_emb_screen_entries:
+        st.subheader("Pricing Breakdown")
+        entries = st.session_state.combined_emb_screen_entries
+        cols = st.columns(len(entries))
+        for i, (col, entry) in enumerate(zip(cols, entries)):
+            with col:
+                st.markdown(f"<h4 style='color: #d31145;'>Entry {i+1}</h4>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📌 Quantity:<br><b>{entry['Quantity']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>🪡 Embroidery Price:<br><b>{entry['Emb Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>🖨️ Screen Print Total:<br><b>{entry['SP Total Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📈 Margin:<br><b>{entry['Margin']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📊 Unit Price:<br><b>{entry['Unit Selling Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>💰 Total Net Cost:<br><b>{entry['Total Net Cost']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>💵 Total Selling Price:<br><b>{entry['Total Selling Price']}</b></div><br>", unsafe_allow_html=True)
+                if st.button(f"❌ Delete {i+1}", key=f"delete_emb_screen_{i}"):
+                    del st.session_state.combined_emb_screen_entries[i]
+                    st.rerun()
+
+        if st.button("🔄 Reset Entries", key="reset_emb_screen"):
+            st.session_state.combined_emb_screen_entries = []
+            st.rerun()
+
+        # PDF Export
+        html = """
+        <html>
+        <head>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
+        <style>
+            .pdf-button {
+                background-color: #d31145;
+                color: white;
+                padding: 12px 24px;
+                border: none;
+                border-radius: 8px;
+                font-size: 14px;
+                font-weight: bold;
+                cursor: pointer;
+                transition: background-color 0.3s ease;
+                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+            }
+            .pdf-button:hover {
+                background-color: #b80e3a;
+            }
+        </style>
+        </head>
+        <body>
+
+        <div id="pdf-content" style="display: none;">
+            <h2 style='color:#333;'>Embroidery + Screen Print Pricing Breakdown</h2>
+        """
+
+        for i, entry in enumerate(entries):
+            html += f"""
+            <div style='margin-bottom: 20px; border:1px solid #ccc; padding: 10px; border-radius: 8px;'>
+                <h4 style='color:#d31145;'>Entry {i+1}</h4>
+                <p>📌 Quantity: {entry['Quantity']}</p>
+                <p>🪡 Embroidery Price: {entry['Emb Price']}</p>
+                <p>🖨️ Screen Print Type: {entry['Print Type']}</p>
+                <p>📏 Print Size: {entry['Print Size']}</p>
+                <p>⚙️ Options: {entry['SP Options']}</p>
+                <p>💸 Screen Print Total: {entry['SP Total Price']}</p>
+                <p>💰 Total Net Cost: {entry['Total Net Cost']}</p>
+                <p>📈 Margin: {entry['Margin']}</p>
+                <p>📊 Unit Price: {entry['Unit Selling Price']}</p>
+                <p>💵 Total Selling Price: {entry['Total Selling Price']}</p>
+            </div>
+            """
+
+        html += """
+        </div>
+        <button class="pdf-button" onclick="downloadPDF()">📄 Download Results as PDF</button>
+        <script>
+        function downloadPDF() {
+            const element = document.getElementById("pdf-content");
+            element.style.display = 'block';
+            html2pdf().set({
+                margin: 0.5,
+                filename: 'combo_embroidery_screenprint_breakdown.pdf',
+                image: { type: 'jpeg', quality: 0.98 },
+                html2canvas: { scale: 2 },
+                jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
+            }).from(element).save().then(() => {
+                element.style.display = 'none';
+            });
+        }
+        </script>
+
+        </body>
+        </html>
+        """
+        st.components.v1.html(html, height=120)

screenPrint.py

@@ -12,149 +12,159 @@ def screenPrint():
     if selected_company:
         company_data = screen_data[selected_company]
         col1, col2, col3, col4 = st.columns(4)
-        selected_type = col1.selectbox("Print Type", list(company_data.keys()))
-        selected_size = col2.selectbox("Print Size", list(company_data[selected_type].columns[1:4]))
+        # selected_type = col1.selectbox("Print Type", list(company_data.keys()))
+        # selected_size = col2.selectbox("Print Size", list(company_data[selected_type].columns[1:4]))
+        selected_types = col1.multiselect("Print Type", list(company_data.keys()))
+        selected_type = selected_types[0] if selected_types else None
+
+        selected_sizes = col2.multiselect(
+            "Print Size", 
+            list(company_data[selected_type].columns[1:4]) if selected_type else []
+        )
+        selected_size = selected_sizes[0] if selected_sizes else None
+
         quantity = col3.number_input("Quantity", min_value=1, step=1)
         selected_options = col4.multiselect("Options", ["Darks", "Fleece", "90% Poly+", "Sleeves & Legs"])
         item_cost = st.number_input("Enter Base Item Cost", min_value=0.0, step=0.01)
         use_manual_margin = st.checkbox("Use Manual Margin")
 
         # --- Determine Range ---
-        df = company_data[selected_type]
-        selected_range = next((row["Qty"] for _, row in df.iterrows() if quantity <= int(row["Qty"].split()[-1])), df.iloc[-1]["Qty"])
-        row = df[df["Qty"] == selected_range]
-
-        if not row.empty and item_cost > 0:
-            base_price = row[selected_size].values[0]
-            unit_price_before_margin = base_price + item_cost
-            for option in selected_options:
-                if option in row:
-                    unit_price_before_margin += row[option].values[0]
-
-            total_cost = unit_price_before_margin * quantity
-
-            if use_manual_margin:
-                margin_percentage = st.number_input("Enter Margin (%)", min_value=1.0, max_value=99.0, step=0.1, value=60.0)
-                margin = margin_percentage / 100
-                margin_display = f"{margin_percentage:.2f}%"
-            else:
-                margin_data = [
-                    (0, 0.4), (150, 0.5), (210, 0.525), (275, 0.55),
-                    (345, 0.575), (840, 0.6), (1563, 0.625), (2600, 0.65),
-                    (4290, 0.66), (6030, 0.67)
-                ]
-                margin = next((rate for threshold, rate in reversed(margin_data) if total_cost >= threshold), 0.67)
-                margin_display = f"{margin * 100:.2f}%"
-
-            total_selling_price = total_cost / (1 - margin)
-            unit_price_after_margin = total_selling_price / quantity
-
-            if st.button("➕ Add Entry"):
-                entry = {
-                    "Quantity": quantity,
-                    "Company": selected_company,
-                    "Print Type": selected_type,
-                    "Print Size": selected_size,
-                    "Options": ", ".join(selected_options) if selected_options else "None",
-                    "Item Cost": item_cost,
-                    "Base Price Per Unit": base_price,
-                    "Total Cost": total_cost,
-                    "Margin": margin,
-                    "Unit Price After Margin": unit_price_after_margin,
-                    "Total Selling Price": total_selling_price
-                }
-                st.session_state.entries_screenprint.append(entry)
-
-            # --- Display Pricing Breakdown ---
-            if st.session_state.entries_screenprint:
-                st.subheader("Pricing Breakdown")
-                cols = st.columns(len(st.session_state.entries_screenprint))  # Create one column per entry
-                for i, (col, entry) in enumerate(zip(cols, st.session_state.entries_screenprint)):
-                    with col:
-                        st.markdown(f"<h4 style='color: #d31145;'>Entry {i+1}</h4>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>📌 <strong>Quantity:</strong><br> {entry['Quantity']}</div><br>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>📏 <strong>Print Size:</strong><br> {entry['Print Size']}</div><br>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>🪡 <strong>Print Cost (Per Unit):</strong><br> ${entry['Base Price Per Unit']:.2f}</div><br>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>💰 <strong>Total Net Cost:</strong><br> ${entry['Total Cost']:.2f}</div><br>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>📊 <strong>Margin:</strong><br> {entry['Margin'] * 100:.2f}%</div><br>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>💸 <strong>Unit Selling Price:</strong><br> ${entry['Unit Price After Margin']:.2f}</div><br>", unsafe_allow_html=True)
-                        st.markdown(f"<div style='font-size: 16px;'>💵 <strong>Total Selling Price:</strong><br> ${entry['Total Selling Price']:.2f}</div><br>", unsafe_allow_html=True)
-
-                        # Delete Button
-                        if st.button(f"❌ Delete {i+1}", key=f"delete_screenprint_{i}"):
-                            del st.session_state.entries_screenprint[i]
-                            st.rerun()
-
-                if st.button("🔄 Reset Entries"):
-                    st.session_state.entries_screenprint = []
-                    st.rerun()
-
-                entries = st.session_state.get("entries_screenprint", [])
-                if entries:
-                    st.subheader("")
-
-                    html = """
-                    <html>
-                    <head>
-                    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
-                    <style>
-                        .pdf-button {
-                            background-color: #d31145;
-                            color: white;
-                            padding: 12px 24px;
-                            border: none;
-                            border-radius: 8px;
-                            font-size: 14px;
-                            font-weight: bold;
-                            cursor: pointer;
-                            transition: background-color 0.3s ease;
-                            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-                        }
-                        .pdf-button:hover {
-                            background-color: #b80e3a;
-                        }
-                    </style>
-                    </head>
-                    <body>
-
-                    <div id="pdf-content" style="display: none;">
-                        <h2 style='color:#333;'>Pricing Breakdown</h2>
-                    """
-
-                    for i, entry in enumerate(entries):
-                        html += f"""
-                        <div style='margin-bottom: 20px; border:1px solid #ccc; padding: 10px; border-radius: 8px;'>
-                            <h4 style='color:#d31145;'>Entry {i+1}</h4>
-                            <p>✅ Quantity: {entry['Quantity']}</p>
-                            <p>📏 Print Size: {entry['Print Size']}</p>
-                            <p>🪡 Print Cost (Per Unit): ${entry['Base Price Per Unit']:.2f}</p>
-                            <p>💰 Total Net Cost: ${entry['Total Cost']:.2f}</p>
-                            <p>📊 Margin: {entry['Margin'] * 100:.2f}%</p>
-                            <p>💸 Unit Selling Price: ${entry['Unit Price After Margin']:.2f}</p>
-                            <p>💵 Total Selling Price: ${entry['Total Selling Price']:.2f}</p>
-                        </div>
+        if selected_type and selected_size and quantity and item_cost:
+            df = company_data[selected_type]
+            selected_range = next((row["Qty"] for _, row in df.iterrows() if quantity <= int(row["Qty"].split()[-1])), df.iloc[-1]["Qty"])
+            row = df[df["Qty"] == selected_range]
+
+            if not row.empty and item_cost > 0:
+                base_price = row[selected_size].values[0]
+                unit_price_before_margin = base_price + item_cost
+                for option in selected_options:
+                    if option in row:
+                        unit_price_before_margin += row[option].values[0]
+
+                total_cost = unit_price_before_margin * quantity
+
+                if use_manual_margin:
+                    margin_percentage = st.number_input("Enter Margin (%)", min_value=1.0, max_value=99.0, step=0.1, value=60.0)
+                    margin = margin_percentage / 100
+                    margin_display = f"{margin_percentage:.2f}%"
+                else:
+                    margin_data = [
+                        (0, 0.4), (150, 0.5), (210, 0.525), (275, 0.55),
+                        (345, 0.575), (840, 0.6), (1563, 0.625), (2600, 0.65),
+                        (4290, 0.66), (6030, 0.67)
+                    ]
+                    margin = next((rate for threshold, rate in reversed(margin_data) if total_cost >= threshold), 0.67)
+                    margin_display = f"{margin * 100:.2f}%"
+
+                total_selling_price = total_cost / (1 - margin)
+                unit_price_after_margin = total_selling_price / quantity
+
+                if st.button("➕ Add Entry"):
+                    entry = {
+                        "Quantity": quantity,
+                        "Company": selected_company,
+                        "Print Type": selected_type,
+                        "Print Size": selected_size,
+                        "Options": ", ".join(selected_options) if selected_options else "None",
+                        "Item Cost": item_cost,
+                        "Base Price Per Unit": base_price,
+                        "Total Cost": total_cost,
+                        "Margin": margin,
+                        "Unit Price After Margin": unit_price_after_margin,
+                        "Total Selling Price": total_selling_price
+                    }
+                    st.session_state.entries_screenprint.append(entry)
+
+                # --- Display Pricing Breakdown ---
+                if st.session_state.entries_screenprint:
+                    st.subheader("Pricing Breakdown")
+                    cols = st.columns(len(st.session_state.entries_screenprint))  # Create one column per entry
+                    for i, (col, entry) in enumerate(zip(cols, st.session_state.entries_screenprint)):
+                        with col:
+                            st.markdown(f"<h4 style='color: #d31145;'>Entry {i+1}</h4>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>📌 <strong>Quantity:</strong><br> {entry['Quantity']}</div><br>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>📏 <strong>Print Size:</strong><br> {entry['Print Size']}</div><br>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>🪡 <strong>Print Cost (Per Unit):</strong><br> ${entry['Base Price Per Unit']:.2f}</div><br>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>💰 <strong>Total Net Cost:</strong><br> ${entry['Total Cost']:.2f}</div><br>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>📊 <strong>Margin:</strong><br> {entry['Margin'] * 100:.2f}%</div><br>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>💸 <strong>Unit Selling Price:</strong><br> ${entry['Unit Price After Margin']:.2f}</div><br>", unsafe_allow_html=True)
+                            st.markdown(f"<div style='font-size: 16px;'>💵 <strong>Total Selling Price:</strong><br> ${entry['Total Selling Price']:.2f}</div><br>", unsafe_allow_html=True)
+
+                            # Delete Button
+                            if st.button(f"❌ Delete {i+1}", key=f"delete_screenprint_{i}"):
+                                del st.session_state.entries_screenprint[i]
+                                st.rerun()
+
+                    if st.button("🔄 Reset Entries"):
+                        st.session_state.entries_screenprint = []
+                        st.rerun()
+
+                    entries = st.session_state.get("entries_screenprint", [])
+                    if entries:
+                        st.subheader("")
+
+                        html = """
+                        <html>
+                        <head>
+                        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
+                        <style>
+                            .pdf-button {
+                                background-color: #d31145;
+                                color: white;
+                                padding: 12px 24px;
+                                border: none;
+                                border-radius: 8px;
+                                font-size: 14px;
+                                font-weight: bold;
+                                cursor: pointer;
+                                transition: background-color 0.3s ease;
+                                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+                            }
+                            .pdf-button:hover {
+                                background-color: #b80e3a;
+                            }
+                        </style>
+                        </head>
+                        <body>
+
+                        <div id="pdf-content" style="display: none;">
+                            <h2 style='color:#333;'>Pricing Breakdown</h2>
                         """
 
-                    html += """
-                    </div>
-                    <button class="pdf-button" onclick="downloadPDF()">📄 Download Results as PDF</button>
-                    <script>
-                    function downloadPDF() {
-                        const element = document.getElementById("pdf-content");
-                        element.style.display = 'block';
-                        html2pdf().set({
-                            margin: 0.5,
-                            filename: 'pricing_breakdown.pdf',
-                            image: { type: 'jpeg', quality: 0.98 },
-                            html2canvas: { scale: 2 },
-                            jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
-                        }).from(element).save().then(() => {
-                            element.style.display = 'none';
-                        });
-                    }
-                    </script>
+                        for i, entry in enumerate(entries):
+                            html += f"""
+                            <div style='margin-bottom: 20px; border:1px solid #ccc; padding: 10px; border-radius: 8px;'>
+                                <h4 style='color:#d31145;'>Entry {i+1}</h4>
+                                <p>✅ Quantity: {entry['Quantity']}</p>
+                                <p>📏 Print Size: {entry['Print Size']}</p>
+                                <p>🪡 Print Cost (Per Unit): ${entry['Base Price Per Unit']:.2f}</p>
+                                <p>💰 Total Net Cost: ${entry['Total Cost']:.2f}</p>
+                                <p>📊 Margin: {entry['Margin'] * 100:.2f}%</p>
+                                <p>💸 Unit Selling Price: ${entry['Unit Price After Margin']:.2f}</p>
+                                <p>💵 Total Selling Price: ${entry['Total Selling Price']:.2f}</p>
+                            </div>
+                            """
+
+                        html += """
+                        </div>
+                        <button class="pdf-button" onclick="downloadPDF()">📄 Download Results as PDF</button>
+                        <script>
+                        function downloadPDF() {
+                            const element = document.getElementById("pdf-content");
+                            element.style.display = 'block';
+                            html2pdf().set({
+                                margin: 0.5,
+                                filename: 'pricing_breakdown.pdf',
+                                image: { type: 'jpeg', quality: 0.98 },
+                                html2canvas: { scale: 2 },
+                                jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
+                            }).from(element).save().then(() => {
+                                element.style.display = 'none';
+                            });
+                        }
+                        </script>
 
-                    </body>
-                    </html>
-                    """
-                    st.components.v1.html(html, height=100)
+                        </body>
+                        </html>
+                        """
+                        st.components.v1.html(html, height=100)

screenprintFullcolor.py

@@ -0,0 +1,176 @@
+import streamlit as st
+import pandas as pd
+from utils import *
+from data import *
+
+def screenFull():
+    if "screen_full_entries" not in st.session_state:
+        st.session_state.screen_full_entries = []
+
+    # Select Companies
+    sp_company = st.selectbox("Select Screen Print Company", list(screen_data.keys()), key="combo_screen_full_sp_company")
+    fc_company = st.selectbox("Select Full Color Company", list(full_data.keys()), key="combo_screen_full_fc_company")
+
+    sp_data = screen_data[sp_company]
+    df_fc = pd.DataFrame(full_data[fc_company])
+
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        selected_type = st.selectbox("Print Type", list(sp_data.keys()), key="combo_screen_full_print_type")
+    with col2:
+        selected_size = st.selectbox("Print Size", list(sp_data[selected_type].columns[1:4]), key="combo_screen_full_print_size")
+    with col3:
+        selected_options = st.multiselect("Options", ["Darks", "Fleece", "90% Poly+", "Sleeves & Legs"], key="combo_screen_full_options")
+
+    col4, col5, col6 = st.columns(3)
+    with col4:
+        print_area = st.selectbox("Full Color Print", list(df_fc.columns[1:]), key="combo_screen_full_print_area")
+    with col5:
+        quantity = st.number_input("Enter Quantity", min_value=1, step=1, key="combo_screen_full_quantity")
+    with col6:
+        item_price = st.number_input("Item Cost (Fixed)", min_value=0.0, step=0.01, key="combo_screen_full_item_price")
+
+    # Calculate Prices
+    # --- Screen Print ---
+    sp_df = sp_data[selected_type]
+    sp_range = next((row["Qty"] for _, row in sp_df.iterrows() if quantity <= int(row["Qty"].split()[-1])), sp_df.iloc[-1]["Qty"])
+    sp_row = sp_df[sp_df["Qty"] == sp_range]
+
+    sp_base_price = sp_row[selected_size].values[0] if not sp_row.empty else 0.0
+    sp_option_cost = sum(sp_row[opt].values[0] for opt in selected_options if opt in sp_row) if not sp_row.empty else 0.0
+    sp_total_price = sp_base_price + sp_option_cost
+
+    # --- Full Color ---
+    quantity_labels_fc = df_fc["Quantity"].tolist()
+    fc_range = find_quantity_range(quantity, quantity_labels_fc)
+    fc_print_price = float(df_fc[df_fc["Quantity"] == fc_range][print_area].values[0])
+
+    total_deco_price = sp_total_price + fc_print_price
+    net_value = quantity * (item_price + total_deco_price)
+
+    use_manual_margin = st.checkbox("Use Manual Margin", key="combo_screen_full_manual_margin")
+    if use_manual_margin:
+        margin_percentage = st.number_input("Enter Margin (%)", min_value=1.0, max_value=99.0, step=0.1, value=60.0, key="combo_screen_full_margin_val")
+        margin = margin_percentage / 100
+        margin_display = f"{margin_percentage:.2f}%"
+    else:
+        margin = next((rate for threshold, rate in reversed(margin_data) if net_value >= threshold), 0.67)
+        margin_display = f"{margin * 100:.2f}%"
+
+    total_selling_price = net_value / (1 - margin)
+    unit_selling_price = total_selling_price / quantity
+
+    # Add Entry
+    if st.button("➕ Add Entry", key="add_screen_full_entry"):
+        entry = {
+            "Quantity": quantity,
+            "Print Type": selected_type,
+            "Print Size": selected_size,
+            "SP Base Price": f"${sp_base_price:.2f}",
+            "SP Options": ", ".join(selected_options) if selected_options else "None",
+            "SP Option Price": f"${sp_option_cost:.2f}",
+            "SP Total Price": f"${sp_total_price:.2f}",
+            "Full Color Area": print_area,
+            "FC Price": f"${fc_print_price:.2f}",
+            "Total Decoration Cost": f"${total_deco_price:.2f}",
+            "Item Cost": f"${item_price:.2f}",
+            "Total Net Cost": f"${net_value:,.2f}",
+            "Margin": margin_display,
+            "Unit Selling Price": f"${unit_selling_price:.2f}",
+            "Total Selling Price": f"${total_selling_price:.2f}"
+        }
+        st.session_state.screen_full_entries.append(entry)
+
+    # Display Breakdown
+    if st.session_state.screen_full_entries:
+        st.subheader("Pricing Breakdown")
+        entries = st.session_state.screen_full_entries
+        cols = st.columns(len(entries))
+        for i, (col, entry) in enumerate(zip(cols, entries)):
+            with col:
+                st.markdown(f"<h4 style='color: #d31145;'>Entry {i+1}</h4>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📌 Quantity:<br><b>{entry['Quantity']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>🖨️ Screen Print Total:<br><b>{entry['SP Total Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>🎨 Full Color Price:<br><b>{entry['FC Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📈 Margin:<br><b>{entry['Margin']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>📊 Unit Price:<br><b>{entry['Unit Selling Price']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>💰 Total Net Cost:<br><b>{entry['Total Net Cost']}</b></div><br>", unsafe_allow_html=True)
+                st.markdown(f"<div style='font-size: 16px;'>💵 Total Selling Price:<br><b>{entry['Total Selling Price']}</b></div><br>", unsafe_allow_html=True)
+                if st.button(f"❌ Delete {i+1}", key=f"delete_screen_full_{i}"):
+                    del st.session_state.screen_full_entries[i]
+                    st.rerun()
+
+        if st.button("🔄 Reset Entries", key="reset_screen_full"):
+            st.session_state.screen_full_entries = []
+            st.rerun()
+
+        # PDF Export
+        html = """
+        <html>
+        <head>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
+        <style>
+            .pdf-button {
+                background-color: #d31145;
+                color: white;
+                padding: 12px 24px;
+                border: none;
+                border-radius: 8px;
+                font-size: 14px;
+                font-weight: bold;
+                cursor: pointer;
+                transition: background-color 0.3s ease;
+                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+            }
+            .pdf-button:hover {
+                background-color: #b80e3a;
+            }
+        </style>
+        </head>
+        <body>
+
+        <div id="pdf-content" style="display: none;">
+            <h2 style='color:#333;'>Screen Print + Full Color Pricing Breakdown</h2>
+        """
+
+        for i, entry in enumerate(entries):
+            html += f"""
+            <div style='margin-bottom: 20px; border:1px solid #ccc; padding: 10px; border-radius: 8px;'>
+                <h4 style='color:#d31145;'>Entry {i+1}</h4>
+                <p>📌 Quantity: {entry['Quantity']}</p>
+                <p>🖨️ Screen Print Type: {entry['Print Type']}</p>
+                <p>📏 Print Size: {entry['Print Size']}</p>
+                <p>⚙️ Options: {entry['SP Options']}</p>
+                <p>💸 Screen Print Total: {entry['SP Total Price']}</p>
+                <p>🎨 Full Color Area: {entry['Full Color Area']}</p>
+                <p>🖍️ Full Color Price: {entry['FC Price']}</p>
+                <p>💰 Total Net Cost: {entry['Total Net Cost']}</p>
+                <p>📈 Margin: {entry['Margin']}</p>
+                <p>📊 Unit Price: {entry['Unit Selling Price']}</p>
+                <p>💵 Total Selling Price: {entry['Total Selling Price']}</p>
+            </div>
+            """
+
+        html += """
+        </div>
+        <button class="pdf-button" onclick="downloadPDF()">📄 Download Results as PDF</button>
+        <script>
+        function downloadPDF() {
+            const element = document.getElementById("pdf-content");
+            element.style.display = 'block';
+            html2pdf().set({
+                margin: 0.5,
+                filename: 'combo_screenprint_fullcolor_breakdown.pdf',
+                image: { type: 'jpeg', quality: 0.98 },
+                html2canvas: { scale: 2 },
+                jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
+            }).from(element).save().then(() => {
+                element.style.display = 'none';
+            });
+        }
+        </script>
+
+        </body>
+        </html>
+        """
+        st.components.v1.html(html, height=120)