optom

Sleeping

App Files Files Community

Kgshop commited on Mar 24, 2025

Commit

207f40f

verified ·

1 Parent(s): ece89ac

Update app.py

Browse files

Files changed (1) hide show

app.py +94 -153

app.py CHANGED Viewed

@@ -13,7 +13,7 @@ app = Flask(__name__)
 DATA_FILE = 'data_kanc.json'
 # Настройки Hugging Face
-REPO_ID = "Kgshop/clients"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
@@ -27,7 +27,7 @@ def load_data():
             data = json.load(file)
             logging.info("Данные успешно загружены из JSON")
             if not isinstance(data, dict) or 'products' not in data or 'categories' not in data:
-                return {'products': [], 'categories': [] if not isinstance(data, list) else data}
             return data
     except FileNotFoundError:
         logging.warning("Локальный файл базы данных не найден после скачивания.")
@@ -94,8 +94,8 @@ def periodic_backup():
 def catalog():
     data = load_data()
     products = data['products']
-    categories = data['categories']
     catalog_html = '''
     <!DOCTYPE html>
     <html lang="ru">
@@ -107,6 +107,7 @@ def catalog():
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
             * {
                 margin: 0;
                 padding: 0;
@@ -158,13 +159,7 @@ def catalog():
             body.dark-mode .theme-toggle {
                 color: #bbb;
             }
-            .filters-container {
-                margin: 20px 0;
-                display: flex;
-                flex-wrap: wrap;
-                gap: 10px;
-                justify-content: center;
-            }
             .search-container {
                 margin: 20px 0;
                 text-align: center;
@@ -184,33 +179,13 @@ def catalog():
                 border-color: #526df2;
                 box-shadow: 0 4px 15px rgba(82, 109, 242, 0.2);
             }
-            .category-filter {
-                padding: 10px 20px;
-                border: 1px solid rgba(0, 0, 0, 0.1);
-                border-radius: 25px;
-                background-color: #fff;
-                cursor: pointer;
-                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-                font-size: 0.9rem;
-                font-weight: 500;
-            }
-            .category-filter.active, .category-filter:hover {
-                background-color: #526df2;
-                color: white;
-                border-color: #526df2;
-                box-shadow: 0 2px 10px rgba(82, 109, 242, 0.3);
-            }
-            body.dark-mode .category-filter {
-                background-color: #2a2a3e;
-                border-color: rgba(255, 255, 255, 0.1);
-                color: #e0e0e0;
-            }
             .products-grid {
                 display: grid;
                 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
                 gap: 20px;
                 padding: 10px;
             }
             .product {
                 background: rgba(255, 255, 255, 0.8);
                 border: 1px solid rgba(0, 0, 0, 0.05);
@@ -509,6 +484,32 @@ def catalog():
                 font-size: 0.75rem;
                 font-weight: 500;
             }
         </style>
     </head>
     <body>
@@ -519,12 +520,15 @@ def catalog():
                     <i class="fas fa-moon"></i>
                 </button>
             </div>
-            <div class="filters-container">
-                <button class="category-filter active" data-category="all">Все категории</button>
-                {% for category in categories %}
-                <button class="category-filter" data-category="{{ category }}">{{ category }}</button>
-                {% endfor %}
             </div>
             <div class="search-container">
                 <input type="text" id="search-input" placeholder="Поиск товаров...">
             </div>
@@ -604,15 +608,6 @@ def catalog():
             </div>
         </div>
-        <!-- Address Modal -->
-        <div id="addressModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('addressModal')">×</span>
-                <h2>Наш адрес</h2>
-                <p>Рынок Дордой, Джунхай, 5 проход 505-506 контейнеры</p>
-            </div>
-        </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
         <!-- Navigation Bar -->
@@ -633,10 +628,6 @@ def catalog():
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
-            <a href="#" onclick="openAddressModal()">
-                <i class="fas fa-map-marker-alt"></i>
-                Адрес
-            </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
@@ -839,33 +830,25 @@ def catalog():
                 });
             }
-            function openAddressModal() {
-                document.getElementById('addressModal').style.display = 'block';
-            }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
             }
             document.getElementById('search-input').addEventListener('input', filterProducts);
-            document.querySelectorAll('.category-filter').forEach(filter => {
-                filter.addEventListener('click', function() {
-                    document.querySelectorAll('.category-filter').forEach(f => f.classList.remove('active'));
-                    this.classList.add('active');
-                    filterProducts();
-                });
-            });
             function filterProducts() {
                 const searchTerm = document.getElementById('search-input').value.toLowerCase();
-                const activeCategory = document.querySelector('.category-filter.active').dataset.category;
                 document.querySelectorAll('.product').forEach(product => {
                     const name = product.getAttribute('data-name');
                     const description = product.getAttribute('data-description');
-                    const category = product.getAttribute('data-category');
                     const matchesSearch = name.includes(searchTerm) || description.includes(searchTerm);
-                    const matchesCategory = activeCategory === 'all' || category === activeCategory;
-                    product.style.display = matchesSearch && matchesCategory ? 'block' : 'none';
                 });
             }
@@ -875,7 +858,7 @@ def catalog():
     </body>
     </html>
     '''
-    return render_template_string(catalog_html, products=products, categories=categories, repo_id=REPO_ID)
 @app.route('/categories')
 def categories_page():
@@ -1028,22 +1011,13 @@ def categories_page():
             </div>
             <div class="categories-grid">
                 {% for category in categories %}
-                <a href="/category/{{ category }}" class="category-item">
                     <h2>{{ category }}</h2>
                 </a>
                 {% endfor %}
             </div>
         </div>
-        <!-- Address Modal -->
-        <div id="addressModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('addressModal')">×</span>
-                <h2>Наш адрес</h2>
-                <p>Рынок Дордой, Джунхай, 5 проход 505-506 контейнеры</p>
-            </div>
-        </div>
         <div class="navbar">
             <a href="/">
                 <i class="fas fa-home"></i>
@@ -1061,10 +1035,6 @@ def categories_page():
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
-            <a href="#" onclick="openAddressModal()">
-                <i class="fas fa-map-marker-alt"></i>
-                Адрес
-            </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
@@ -1085,14 +1055,6 @@ def categories_page():
                 document.querySelector('.theme-toggle i').classList.replace('fa-moon', 'fa-sun');
             }
-            function openAddressModal() {
-                document.getElementById('addressModal').style.display = 'block';
-            }
-            function closeModal(modalId) {
-                document.getElementById(modalId).style.display = "none";
-            }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
             }
@@ -1106,8 +1068,8 @@ def categories_page():
 def category_products(category):
     data = load_data()
     products = [p for p in data['products'] if p.get('category') == category]
-    categories = data['categories']
     category_html = '''
     <!DOCTYPE html>
     <html lang="ru">
@@ -1119,6 +1081,7 @@ def category_products(category):
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
             * {
                 margin: 0;
                 padding: 0;
@@ -1474,6 +1437,7 @@ def category_products(category):
                 font-size: 0.75rem;
                 font-weight: 500;
             }
         </style>
     </head>
     <body>
@@ -1560,15 +1524,6 @@ def category_products(category):
             </div>
         </div>
-        <!-- Address Modal -->
-        <div id="addressModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('addressModal')">×</span>
-                <h2>Наш адрес</h2>
-                <p>Рынок Дордой, Джунхай, 5 проход 505-506 контейнеры</p>
-            </div>
-        </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
         <div class="navbar">
@@ -1588,10 +1543,7 @@ def category_products(category):
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
-            <a href="#" onclick="openAddressModal()">
-                <i class="fas fa-map-marker-alt"></i>
-                Адрес
-            </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
@@ -1794,9 +1746,6 @@ def category_products(category):
                 });
             }
-            function openAddressModal() {
-                document.getElementById('addressModal').style.display = 'block';
-            }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
@@ -1810,12 +1759,13 @@ def category_products(category):
     '''
     return render_template_string(category_html, products=products, category=category, repo_id=REPO_ID)
 @app.route('/favorites')
 def favorites_page():
     data = load_data()
     products = data['products']
-    favorites = request.args.get('favorites', '[]')
     favorites_html = '''
     <!DOCTYPE html>
     <html lang="ru">
@@ -1827,6 +1777,7 @@ def favorites_page():
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
             * {
                 margin: 0;
                 padding: 0;
@@ -2229,14 +2180,6 @@ def favorites_page():
             </div>
         </div>
-        <!-- Address Modal -->
-        <div id="addressModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('addressModal')">×</span>
-                <h2>Наш адрес</h2>
-                <p>Рынок Дордой, Джунхай, 5 проход 505-506 контейнеры</p>
-            </div>
-        </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
@@ -2257,10 +2200,6 @@ def favorites_page():
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
-            <a href="#" onclick="openAddressModal()">
-                <i class="fas fa-map-marker-alt"></i>
-                Адрес
-            </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
@@ -2299,7 +2238,7 @@ def favorites_page():
                 favorites.forEach(index => {
                     const product = products[index];
-                    if (!product) return;
                     const productElement = document.createElement('div');
                     productElement.className = 'product';
                     productElement.setAttribute('onclick', `openModal(${index})`);
@@ -2495,11 +2434,7 @@ def favorites_page():
                     favoriteButton.classList.add('favorited');
                 }
                 localStorage.setItem('favorites', JSON.stringify(favorites));
-                loadFavoritesPage();
-            }
-            function openAddressModal() {
-                document.getElementById('addressModal').style.display = 'block';
             }
             window.onclick = function(event) {
@@ -2507,19 +2442,21 @@ def favorites_page():
             }
             updateCartButton();
-            loadFavoritesPage();
         </script>
     </body>
     </html>
     '''
     return render_template_string(favorites_html, products=products, repo_id=REPO_ID)
 @app.route('/discounts')
 def discounts_page():
     data = load_data()
     products = [p for p in data['products'] if p.get('discount')]
-    categories = data['categories']
     discounts_html = '''
     <!DOCTYPE html>
     <html lang="ru">
@@ -2531,6 +2468,7 @@ def discounts_page():
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
             * {
                 margin: 0;
                 padding: 0;
@@ -2972,15 +2910,6 @@ def discounts_page():
             </div>
         </div>
-        <!-- Address Modal -->
-        <div id="addressModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('addressModal')">×</span>
-                <h2>Наш адрес</h2>
-                <p>Рынок Дордой, Джунхай, 5 проход 505-506 контейнеры</p>
-            </div>
-        </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
         <div class="navbar">
@@ -3000,10 +2929,6 @@ def discounts_page():
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
-            <a href="#" onclick="openAddressModal()">
-                <i class="fas fa-map-marker-alt"></i>
-                Адрес
-            </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
@@ -3206,10 +3131,6 @@ def discounts_page():
                 });
             }
-            function openAddressModal() {
-                document.getElementById('addressModal').style.display = 'block';
-            }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
             }
@@ -3220,15 +3141,19 @@ def discounts_page():
     </body>
     </html>
     '''
-    return render_template_string(discounts_html, products=products, categories=categories, repo_id=REPO_ID)
 @app.route('/product/<int:index>')
 def product_details(index):
     data = load_data()
     product = data['products'][index]
     product_html = '''
     <style>
         .swiper-container {
             width: 100%;
             max-width: 400px;
@@ -3300,7 +3225,7 @@ def product_details(index):
             font-size: 0.9rem;
         }
         body.dark-mode .product-details .colors span {
-            background: #444;
             color: #e0e0e0;
         }
     </style>
@@ -3388,7 +3313,7 @@ def admin():
         elif action == 'edit':
             index = int(request.form['index'])
             photos = request.files.getlist('photos')
-            photo_filenames = products[index].get('photos', [])
             for photo in photos:
                 if photo and photo.filename:
                     filename = secure_filename(photo.filename)
@@ -3400,7 +3325,7 @@ def admin():
                         repo_type="dataset",
                         token=HF_TOKEN_WRITE
                     )
-                    photo_filenames.append(filename)
             colors = request.form.getlist('colors')
             colors = [color.strip() for color in colors if color.strip()]
@@ -3413,13 +3338,28 @@ def admin():
                 'description': request.form['description'],
                 'category': request.form['category'],
                 'colors': colors,
-                'photos': photo_filenames,
                 'discount': float(request.form['discount']) if request.form['discount'] else None
             }
         elif action == 'delete':
             index = int(request.form['index'])
             products.pop(index)
         elif action == 'add_category':
             category = request.form['category_name'].strip()
@@ -3430,6 +3370,7 @@ def admin():
             index = int(request.form['category_index'])
             category_to_delete = categories[index]
             categories.pop(index)
             for product in products:
                 if product.get('category') == category_to_delete:
                     product['category'] = 'Без категории'
@@ -3446,6 +3387,7 @@ def admin():
         <title>Админ-панель</title>
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <style>
             * {
                 margin: 0;
                 padding: 0;
@@ -3766,5 +3708,4 @@ if __name__ == '__main__':
         load_data()
     except Exception as e:
         logging.error(f"Не удалось загрузить базу данных: {e}")
-    app.run(debug=True, host='0.0.0.0', port=7860)

 DATA_FILE = 'data_kanc.json'
 # Настройки Hugging Face
+REPO_ID = "Kgshop/clients"  # Замените, если нужно
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
             data = json.load(file)
             logging.info("Данные успешно загружены из JSON")
             if not isinstance(data, dict) or 'products' not in data or 'categories' not in data:
+                return {'products': [], 'categories': []}  # Corrected: return empty dict with lists
             return data
     except FileNotFoundError:
         logging.warning("Локальный файл базы данных не найден после скачивания.")
 def catalog():
     data = load_data()
     products = data['products']
+    # categories = data['categories']  Removed categories from main page
     catalog_html = '''
     <!DOCTYPE html>
     <html lang="ru">
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
+            /* ... (your existing styles) ... */
             * {
                 margin: 0;
                 padding: 0;
             body.dark-mode .theme-toggle {
                 color: #bbb;
             }
+            /* Removed .filters-container */
             .search-container {
                 margin: 20px 0;
                 text-align: center;
                 border-color: #526df2;
                 box-shadow: 0 4px 15px rgba(82, 109, 242, 0.2);
             }
             .products-grid {
                 display: grid;
                 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
                 gap: 20px;
                 padding: 10px;
             }
+            /* ... (rest of your product and modal styles) ... */
             .product {
                 background: rgba(255, 255, 255, 0.8);
                 border: 1px solid rgba(0, 0, 0, 0.05);
                 font-size: 0.75rem;
                 font-weight: 500;
             }
+            /* Styles for Address and Schedule */
+            .info-section {
+                text-align: center;
+                margin: 20px 0;
+                padding: 15px;
+                background: rgba(255, 255, 255, 0.8);
+                border-radius: 15px;
+                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+            }
+            body.dark-mode .info-section {
+                background: rgba(42, 42, 62, 0.8);
+            }
+            .info-section h2 {
+                font-size: 1.5rem;
+                font-weight: 500;
+                margin-bottom: 10px;
+                color: #526df2;
+            }
+            .info-section p {
+                font-size: 1rem;
+                color: #666;
+            }
+            body.dark-mode .info-section p {
+                color: #bbb;
+            }
         </style>
     </head>
     <body>
                     <i class="fas fa-moon"></i>
                 </button>
             </div>
+            <!-- Address and Schedule Section -->
+            <div class="info-section">
+                <h2>Наш адрес</h2>
+                <p>Рынок Дордой, Джунхай, 5 проход 505-506 контейнеры</p>
+                <h2>График работы</h2>
+                <p>С 9:00 до 16:00 без выходных</p>
             </div>
             <div class="search-container">
                 <input type="text" id="search-input" placeholder="Поиск товаров...">
             </div>
             </div>
         </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
         <!-- Navigation Bar -->
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
                 });
             }
+            // Removed openAddressModal function
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
             }
             document.getElementById('search-input').addEventListener('input', filterProducts);
+            // Removed category filter event listeners
             function filterProducts() {
                 const searchTerm = document.getElementById('search-input').value.toLowerCase();
+                // Removed activeCategory check
                 document.querySelectorAll('.product').forEach(product => {
                     const name = product.getAttribute('data-name');
                     const description = product.getAttribute('data-description');
+                    // const category = product.getAttribute('data-category'); // Kept for potential use
                     const matchesSearch = name.includes(searchTerm) || description.includes(searchTerm);
+                    // Removed category matching
+                    product.style.display = matchesSearch ? 'block' : 'none';  //Simplified condition
                 });
             }
     </body>
     </html>
     '''
+    return render_template_string(catalog_html, products=products, repo_id=REPO_ID)
 @app.route('/categories')
 def categories_page():
             </div>
             <div class="categories-grid">
                 {% for category in categories %}
+                <a href="{{ url_for('category_products', category=category) }}" class="category-item">
                     <h2>{{ category }}</h2>
                 </a>
                 {% endfor %}
             </div>
         </div>
         <div class="navbar">
             <a href="/">
                 <i class="fas fa-home"></i>
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
                 document.querySelector('.theme-toggle i').classList.replace('fa-moon', 'fa-sun');
             }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
             }
 def category_products(category):
     data = load_data()
     products = [p for p in data['products'] if p.get('category') == category]
+    # categories = data['categories'] # No longer needed here
     category_html = '''
     <!DOCTYPE html>
     <html lang="ru">
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
+            /* ... (your existing styles for product display) ... */
             * {
                 margin: 0;
                 padding: 0;
                 font-size: 0.75rem;
                 font-weight: 500;
             }
         </style>
     </head>
     <body>
             </div>
         </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
         <div class="navbar">
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
                 });
             }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
     '''
     return render_template_string(category_html, products=products, category=category, repo_id=REPO_ID)
 @app.route('/favorites')
 def favorites_page():
     data = load_data()
     products = data['products']
+    favorites = request.args.get('favorites', '[]')  # Not really used directly, but kept for consistency
     favorites_html = '''
     <!DOCTYPE html>
     <html lang="ru">
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
+            /* ... (your existing styles for product display) ... */
             * {
                 margin: 0;
                 padding: 0;
             </div>
         </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
                 favorites.forEach(index => {
                     const product = products[index];
+                    if (!product) return;  //Important check in case product was deleted
                     const productElement = document.createElement('div');
                     productElement.className = 'product';
                     productElement.setAttribute('onclick', `openModal(${index})`);
                     favoriteButton.classList.add('favorited');
                 }
                 localStorage.setItem('favorites', JSON.stringify(favorites));
+                loadFavoritesPage();  // Reload the favorites page after toggling
             }
             window.onclick = function(event) {
             }
             updateCartButton();
+            loadFavoritesPage(); // Load favorites on initial page load
         </script>
     </body>
     </html>
     '''
     return render_template_string(favorites_html, products=products, repo_id=REPO_ID)
 @app.route('/discounts')
 def discounts_page():
     data = load_data()
     products = [p for p in data['products'] if p.get('discount')]
+    # categories = data['categories'] # No longer used in this view
     discounts_html = '''
     <!DOCTYPE html>
     <html lang="ru">
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
+            /* ... (your existing styles for product display) ... */
             * {
                 margin: 0;
                 padding: 0;
             </div>
         </div>
         <button id="cart-button" onclick="openCartModal()">🛒</button>
         <div class="navbar">
                 <i class="fas fa-tag"></i>
                 Скидки
             </a>
             <a href="https://api.whatsapp.com/send?phone=996500654659">
                 <i class="fab fa-whatsapp"></i>
                 WhatsApp
                 });
             }
             window.onclick = function(event) {
                 if (event.target.className === 'modal') event.target.style.display = "none";
             }
     </body>
     </html>
     '''
+    return render_template_string(discounts_html, products=products, repo_id=REPO_ID)
 @app.route('/product/<int:index>')
 def product_details(index):
     data = load_data()
+    if index < 0 or index >= len(data['products']):
+        return "Product not found", 404  # Return a 404 error if index is out of bounds
     product = data['products'][index]
     product_html = '''
     <style>
+        /* ... (your existing styles for product details modal) ... */
         .swiper-container {
             width: 100%;
             max-width: 400px;
             font-size: 0.9rem;
         }
         body.dark-mode .product-details .colors span {
+            background: #
             color: #e0e0e0;
         }
     </style>
         elif action == 'edit':
             index = int(request.form['index'])
             photos = request.files.getlist('photos')
+            photo_filenames = products[index].get('photos', [])  # Keep existing photos
             for photo in photos:
                 if photo and photo.filename:
                     filename = secure_filename(photo.filename)
                         repo_type="dataset",
                         token=HF_TOKEN_WRITE
                     )
+                    photo_filenames.append(filename) # Add new photos
             colors = request.form.getlist('colors')
             colors = [color.strip() for color in colors if color.strip()]
                 'description': request.form['description'],
                 'category': request.form['category'],
                 'colors': colors,
+                'photos': photo_filenames,  # Updated photo list
                 'discount': float(request.form['discount']) if request.form['discount'] else None
             }
         elif action == 'delete':
             index = int(request.form['index'])
+             # Delete photos from Hugging Face Hub before deleting the product
+            product_to_delete = products[index]
+            if 'photos' in product_to_delete:
+                api = HfApi()
+                for photo in product_to_delete['photos']:
+                    try:
+                        api.delete_file(
+                            path_in_repo=f"photos/{photo}",
+                            repo_id=REPO_ID,
+                            repo_type="dataset",
+                            token=HF_TOKEN_WRITE
+                        )
+                    except Exception as e:
+                        logging.error(f"Error deleting photo {photo}: {e}")
             products.pop(index)
         elif action == 'add_category':
             category = request.form['category_name'].strip()
             index = int(request.form['category_index'])
             category_to_delete = categories[index]
             categories.pop(index)
+            #Set category to "Без категории" for products in the deleted category
             for product in products:
                 if product.get('category') == category_to_delete:
                     product['category'] = 'Без категории'
         <title>Админ-панель</title>
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
         <style>
+            /* ... (your existing admin panel styles) ... */
             * {
                 margin: 0;
                 padding: 0;
         load_data()
     except Exception as e:
         logging.error(f"Не удалось загрузить базу данных: {e}")
+    app.run(debug=True, host='0.0.0.0', port=7860)