Tech

Running

App Files Files Community

Kgshop commited on about 1 month ago

Commit

0855e97

verified ·

1 Parent(s): b566e1e

Update app.py

Browse files

Files changed (1) hide show

app.py +473 -811

app.py CHANGED Viewed

@@ -1,16 +1,12 @@
 import os
-import io
 import base64
 import json
-import logging
 import threading
 import time
 from datetime import datetime
 from uuid import uuid4
-from flask import Flask, render_template_string, request, redirect, url_for, flash, jsonify, Response
-from PIL import Image
-import numpy as np
 from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
 from werkzeug.utils import secure_filename
@@ -20,31 +16,27 @@ import requests
 load_dotenv()
 app = Flask(__name__)
-app.secret_key = 'your_unique_secret_key_gippo_312_shop_54321_no_login'
 DATA_FILE = 'data.json'
 SYNC_FILES = [DATA_FILE]
-REPO_ID = "Kgshop/aiexample"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
-STORE_ADDRESS = "Рынок Кербент, 6 ряд , 43 контейнер "
-WHATSAPP_NUMBER = "+996701202013"
-CURRENCY_CODE = 'KGS'
-DOWNLOAD_RETRIES = 3
-DOWNLOAD_DELAY = 5
-logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
-def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWNLOAD_DELAY):
-    if not HF_TOKEN_READ and not HF_TOKEN_WRITE:
-        logging.warning("HF_TOKEN_READ/HF_TOKEN_WRITE not set. Download might fail for private repos.")
     token_to_use = HF_TOKEN_READ if HF_TOKEN_READ else HF_TOKEN_WRITE
     files_to_download = [specific_file] if specific_file else SYNC_FILES
     all_successful = True
     for file_name in files_to_download:
         success = False
         for attempt in range(retries + 1):
             try:
-                local_path = hf_hub_download(
                     repo_id=REPO_ID,
                     filename=file_name,
                     repo_type="dataset",
@@ -65,20 +57,21 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                             if file_name == DATA_FILE:
                                 with open(file_name, 'w', encoding='utf-8') as f:
                                     json.dump({'products': [], 'categories': [], 'orders': {}}, f)
-                        except Exception as create_e:
                             pass
                     success = False
                     break
-                else:
-                    pass
-            except requests.exceptions.RequestException as e:
-                pass
-            except Exception as e:
-                pass
             if attempt < retries:
                 time.sleep(delay)
         if not success:
             all_successful = False
     return all_successful
 def upload_db_to_hf(specific_file=None):
@@ -87,6 +80,7 @@ def upload_db_to_hf(specific_file=None):
     try:
         api = HfApi()
         files_to_upload = [specific_file] if specific_file else SYNC_FILES
         for file_name in files_to_upload:
             if os.path.exists(file_name):
                 try:
@@ -98,17 +92,14 @@ def upload_db_to_hf(specific_file=None):
                         token=HF_TOKEN_WRITE,
                         commit_message=f"Sync {file_name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
                     )
-                except Exception as e:
-                    pass
-            else:
-                pass
-    except Exception as e:
         pass
 def periodic_backup():
-    backup_interval = 1800
     while True:
-        time.sleep(backup_interval)
         upload_db_to_hf()
 def load_data():
@@ -118,36 +109,34 @@ def load_data():
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             data = json.load(file)
         if not isinstance(data, dict):
-            raise FileNotFoundError
         if 'products' not in data: data['products'] = []
         if 'categories' not in data: data['categories'] = []
         if 'orders' not in data: data['orders'] = {}
-    except FileNotFoundError:
         if download_db_from_hf(specific_file=DATA_FILE):
             try:
                 with open(DATA_FILE, 'r', encoding='utf-8') as file:
                     data = json.load(file)
-                if not isinstance(data, dict):
-                    data = default_data
                 if 'products' not in data: data['products'] = []
                 if 'categories' not in data: data['categories'] = []
                 if 'orders' not in data: data['orders'] = {}
-            except (FileNotFoundError, json.JSONDecodeError, Exception) as e:
                 data = default_data
         else:
             data = default_data
-    except (json.JSONDecodeError, Exception):
         data = default_data
     for product in data['products']:
         if 'product_id' not in product:
             product['product_id'] = uuid4().hex
-    if any('product_id' not in p for p in data['products']):
-        save_data(data)
     if not os.path.exists(DATA_FILE):
         try:
             with open(DATA_FILE, 'w', encoding='utf-8') as f:
                 json.dump(default_data, f)
-        except Exception as create_e:
             pass
     return data
@@ -158,778 +147,481 @@ def save_data(data):
         if 'products' not in data: data['products'] = []
         if 'categories' not in data: data['categories'] = []
         if 'orders' not in data: data['orders'] = {}
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
         upload_db_to_hf(specific_file=DATA_FILE)
-    except Exception as e:
         pass
-CATEGORY_PAGE_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>Каталог</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; background-color: #f0f2f5; color: #1c1e21; padding-bottom: 80px; }
-        .header { background-color: #fff; padding: 10px 16px; border-bottom: 1px solid #dddfe2; text-align: center; font-size: 1.5rem; font-weight: 600; position: sticky; top: 0; z-index: 100; }
-        .container { padding: 8px; }
-        .search-container { padding: 8px; }
-        .search-bar { width: 100%; padding: 12px; font-size: 1rem; border-radius: 20px; border: 1px solid #ccd0d5; box-sizing: border-box; }
-        .category-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
-        .category-card { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 16px; background-color: #fff; border: 1px solid #dddfe2; border-radius: 12px; text-decoration: none; color: #1c1e21; font-size: 1rem; font-weight: 500; transition: background-color 0.2s, transform 0.2s; text-align: center; }
-        .category-card:active { background-color: #e7f3ff; transform: scale(0.98); }
-        .product-count { background-color: #e4e6eb; color: #606770; font-size: 0.8rem; padding: 4px 10px; border-radius: 12px; font-weight: 600; margin-top: 8px; }
-        .floating-cart-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; width: 60px; height: 60px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; z-index: 1000; }
-        .cart-count { position: absolute; top: 0; right: 0; background-color: #dc3545; color: white; font-size: 0.75rem; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
-        .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
-        .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; max-width: 500px; border-radius: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
-        .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
-        .cart-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
-        .cart-item-info { font-size: 0.9rem; }
-        .cart-total { text-align: right; margin-top: 15px; font-weight: bold; font-size: 1.1rem; }
-        .formulate-order-button { width: 100%; padding: 12px; background-color: #28a745; color: white; border: none; border-radius: 6px; font-size: 1rem; font-weight: bold; cursor: pointer; margin-top: 15px; }
     </style>
 </head>
 <body>
     <div class="header">
-        Категории
-    </div>
-    <div class="container">
-        <div class="search-container">
-            <form action="{{ url_for('search') }}" method="get">
-                <input type="search" name="q" class="search-bar" placeholder="&#xF002; Поиск по всем товарам" style="font-family: Arial, FontAwesome;">
-            </form>
-        </div>
-        <div class="category-grid">
-            {% for category, count in categories_with_counts.items() %}
-            <a href="{{ url_for('product_list', category_name=category) }}" class="category-card">
-                <span>{{ category }}</span>
-                <span class="product-count">{{ count }}</span>
-            </a>
-            {% endfor %}
         </div>
     </div>
-    <button id="cart-button" class="floating-cart-button">
-        <i class="fas fa-shopping-cart"></i>
-        <span class="cart-count" id="cart-count">0</span>
-    </button>
-    <div id="cartModal" class="modal">
-      <div class="modal-content">
-        <span class="close" id="closeCartModal">&times;</span>
-        <h2>Корзина</h2>
-        <div id="cart-content"></div>
-        <p class="cart-total">Итого: <span id="cart-total">0</span> {{ currency_code }}</p>
-        <button class="formulate-order-button" id="formulate-order-btn">Сформировать заказ</button>
-      </div>
     </div>
-    <script>
-        const currencyCode = '{{ currency_code }}';
-        let cart = JSON.parse(localStorage.getItem('gippoCart') || '[]');
-        function updateUI() {
-            let totalItems = 0;
-            cart.forEach(item => {
-                totalItems += item.quantity;
-            });
-            const cartCountEl = document.getElementById('cart-count');
-            cartCountEl.textContent = totalItems;
-            cartCountEl.style.display = totalItems > 0 ? 'flex' : 'none';
-        }
-        const modal = document.getElementById('cartModal');
-        const cartButton = document.getElementById('cart-button');
-        const closeButton = document.getElementById('closeCartModal');
-        cartButton.onclick = function() {
-            renderCartModal();
-            modal.style.display = "block";
-        }
-        closeButton.onclick = function() {
-            modal.style.display = "none";
-        }
-        window.onclick = function(event) {
-            if (event.target == modal) {
-                modal.style.display = "none";
-            }
-        }
-        function renderCartModal() {
-            const cartContent = document.getElementById('cart-content');
-            const cartTotalEl = document.getElementById('cart-total');
-            let total = 0;
-            if (cart.length === 0) {
-                cartContent.innerHTML = '<p>Корзина пуста</p>';
-                cartTotalEl.textContent = '0';
-            } else {
-                cartContent.innerHTML = cart.map(item => {
-                    const itemTotal = item.price * item.quantity;
-                    total += itemTotal;
-                    return `<div class="cart-item"><span class="cart-item-info">${item.name} x ${item.quantity}</span> <span>${itemTotal.toFixed(0)}</span></div>`;
-                }).join('');
-                cartTotalEl.textContent = total.toFixed(0);
-            }
-        }
-        document.getElementById('formulate-order-btn').addEventListener('click', () => {
-             if (cart.length === 0) {
-                alert("Корзина пуста!");
-                return;
-            }
-            fetch('/create_order', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ cart: cart })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.order_id) {
-                    localStorage.removeItem('gippoCart');
-                    window.location.href = `/order/${data.order_id}`;
-                } else {
-                    alert('Ошибка при создании заказа.');
-                }
-            })
-            .catch(error => alert('Ошибка сети.'));
-        });
-        document.addEventListener('DOMContentLoaded', updateUI);
-    </script>
-</body>
-</html>
-'''
-PRODUCT_PAGE_TEMPLATE = '''
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>{{ title }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; background-color: #f0f2f5; color: #1c1e21; padding-bottom: 80px; }
-        .header { display: flex; align-items: center; background-color: #fff; padding: 10px 16px; border-bottom: 1px solid #dddfe2; position: sticky; top: 0; z-index: 100; }
-        .header a { color: #007bff; text-decoration: none; font-size: 1.2rem; }
-        .header h1 { font-size: 1.2rem; font-weight: 600; margin: 0; position: absolute; left: 50%; transform: translateX(-50%); }
-        .search-container { padding: 8px 16px; background-color: #fff; border-bottom: 1px solid #dddfe2; }
-        .search-bar { width: 100%; padding: 10px; font-size: 1rem; border-radius: 20px; border: 1px solid #ccd0d5; box-sizing: border-box; }
-        .product-list { display: flex; flex-direction: column; gap: 8px; padding: 8px; }
-        .product-card { display: flex; align-items: center; padding: 12px; background-color: #fff; border: 1px solid #dddfe2; border-radius: 12px; gap: 12px; }
-        .product-card img { width: 80px; height: 80px; object-fit: cover; border-radius: 8px; flex-shrink: 0; cursor: pointer; }
-        .product-info { flex-grow: 1; }
-        .product-name { font-size: 1rem; font-weight: 500; margin: 0 0 4px 0; }
-        .product-price { font-size: 0.9rem; color: #606770; margin: 0; }
-        .quantity-selector { display: flex; align-items: center; gap: 10px; }
-        .quantity-btn { width: 32px; height: 32px; border: 1px solid #ccc; background-color: #f8f9fa; border-radius: 50%; font-size: 1.5rem; line-height: 1; color: #007bff; cursor: pointer; transition: background-color 0.2s; }
-        .quantity-btn:active { background-color: #e2e6ea; }
-        .quantity-input { width: 40px; text-align: center; border: 1px solid #ccc; border-radius: 4px; padding: 5px; font-size: 1rem; -moz-appearance: textfield; }
-        .quantity-input::-webkit-outer-spin-button, .quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
-        .floating-cart-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; width: 60px; height: 60px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; z-index: 1000; }
-        .cart-count { position: absolute; top: 0; right: 0; background-color: #dc3545; color: white; font-size: 0.75rem; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
-        .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
-        .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; max-width: 500px; border-radius: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
-        .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
-        .cart-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
-        .cart-item-info { font-size: 0.9rem; }
-        .cart-total { text-align: right; margin-top: 15px; font-weight: bold; font-size: 1.1rem; }
-        .formulate-order-button { width: 100%; padding: 12px; background-color: #28a745; color: white; border: none; border-radius: 6px; font-size: 1rem; font-weight: bold; cursor: pointer; margin-top: 15px; }
-        #gallery-modal { background-color: rgba(0,0,0,0.9); z-index: 2000; }
-        #gallery-modal .close { color: #fff; font-size: 40px; position: absolute; top: 15px; right: 35px; }
-        .gallery-content { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
-        .gallery-content img { max-width: 90%; max-height: 80%; object-fit: contain; }
-        .gallery-nav { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); color: white; font-size: 3rem; padding: 16px; user-select: none; }
-        #prev-btn { left: 0; }
-        #next-btn { right: 0; }
-    </style>
-</head>
-<body>
-    <div class="header">
-        <a href="{{ url_for('catalog') }}"><i class="fas fa-chevron-left"></i></a>
-        <h1>{{ title }}</h1>
-    </div>
-    <div class="search-container">
-        <input type="search" id="product-search" class="search-bar" placeholder="&#xF002; Поиск в этой категории..." style="font-family: Arial, FontAwesome;">
     </div>
-    <div class="product-list" id="product-list">
-        {% if not products %}
-            <p style="text-align:center; padding: 20px;">Товары не найдены.</p>
-        {% endif %}
-        {% for product in products %}
-        <div class="product-card" data-product-id="{{ product.product_id }}" data-product-name="{{ product.name }}" data-product-desc="{{ product.description }}">
-            {% if product.get('photos') and product['photos']|length > 0 %}
-                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="{{ product.name }}" class="product-image" data-photos='{{ product.photos|tojson }}'>
-            {% else %}
-                <img src="https://via.placeholder.com/80x80.png?text=N/A" alt="No Image">
-            {% endif %}
-            <div class="product-info">
-                <p class="product-name">{{ product.name }}</p>
-                <p class="product-price">{{ "%.0f"|format(product.price) }} {{ currency_code }}</p>
-            </div>
-            <div class="quantity-selector">
-                <button class="quantity-btn minus">-</button>
-                <input type="number" value="0" min="0" class="quantity-input" readonly>
-                <button class="quantity-btn plus">+</button>
-            </div>
         </div>
-        {% endfor %}
     </div>
-    <button id="cart-button" class="floating-cart-button">
-        <i class="fas fa-shopping-cart"></i>
-        <span class="cart-count" id="cart-count">0</span>
-    </button>
-    <div id="cartModal" class="modal">
-      <div class="modal-content">
-        <span class="close" id="closeCartModal">&times;</span>
-        <h2>Корзина</h2>
-        <div id="cart-content"></div>
-        <p class="cart-total">Итого: <span id="cart-total">0</span> {{ currency_code }}</p>
-        <button class="formulate-order-button" id="formulate-order-btn">Сформировать заказ</button>
-      </div>
-    </div>
-    <div id="gallery-modal" class="modal">
-        <span class="close" id="closeGalleryModal">&times;</span>
-        <div class="gallery-content">
-            <span class="gallery-nav" id="prev-btn">&#10094;</span>
-            <img id="gallery-image" src="">
-            <span class="gallery-nav" id="next-btn">&#10095;</span>
         </div>
     </div>
     <script>
-        const allProducts = {{ products_json|safe }};
         const repoId = '{{ repo_id }}';
-        const currencyCode = '{{ currency_code }}';
-        let cart = JSON.parse(localStorage.getItem('gippoCart') || '[]');
-        function getProductById(productId) {
-            return allProducts.find(p => p.product_id === productId);
         }
         function updateCart(productId, change) {
-            const product = getProductById(productId);
             if (!product) return;
-            const existingItemIndex = cart.findIndex(item => item.product_id === productId);
-            let newQuantity;
-            if (existingItemIndex > -1) {
-                newQuantity = cart[existingItemIndex].quantity + change;
-            } else {
-                newQuantity = change > 0 ? change : 0;
             }
-            if (newQuantity > 0) {
-                 if (existingItemIndex > -1) {
-                    cart[existingItemIndex].quantity = newQuantity;
-                 } else {
-                    cart.push({ product_id: product.product_id, name: product.name, price: product.price, photo: product.photos && product.photos.length > 0 ? product.photos[0] : null, quantity: newQuantity });
-                 }
-            } else if (existingItemIndex > -1) {
-                cart.splice(existingItemIndex, 1);
             }
-            localStorage.setItem('gippoCart', JSON.stringify(cart));
-            updateUI();
-        }
-        function updateUI() {
-            let totalItems = 0;
-            cart.forEach(item => {
-                const productCard = document.querySelector(`.product-card[data-product-id="${item.product_id}"]`);
-                if (productCard) {
-                    productCard.querySelector('.quantity-input').value = item.quantity;
-                }
-                totalItems += item.quantity;
-            });
-            document.querySelectorAll('.product-card').forEach(card => {
-                const productId = card.dataset.productId;
-                if (!cart.some(item => item.product_id === productId)) {
-                    card.querySelector('.quantity-input').value = 0;
-                }
-            });
-            const cartCountEl = document.getElementById('cart-count');
-            cartCountEl.textContent = totalItems;
-            cartCountEl.style.display = totalItems > 0 ? 'flex' : 'none';
         }
-        document.getElementById('product-list').addEventListener('click', (e) => {
-            const card = e.target.closest('.product-card');
-            if (!card) return;
-            const productId = card.dataset.productId;
-            if (e.target.classList.contains('plus')) {
-                updateCart(productId, 1);
-            } else if (e.target.classList.contains('minus')) {
-                updateCart(productId, -1);
-            }
-        });
-        const cartModal = document.getElementById('cartModal');
-        const cartButton = document.getElementById('cart-button');
-        const closeCartButton = document.getElementById('closeCartModal');
-        cartButton.onclick = function() { renderCartModal(); cartModal.style.display = "block"; }
-        closeCartButton.onclick = function() { cartModal.style.display = "none"; }
-        window.addEventListener('click', function(event) {
-            if (event.target == cartModal) { cartModal.style.display = "none"; }
-        });
-        function renderCartModal() {
-            const cartContent = document.getElementById('cart-content');
-            const cartTotalEl = document.getElementById('cart-total');
             let total = 0;
-            if (cart.length === 0) {
-                cartContent.innerHTML = '<p>Корзина пуста</p>';
-                cartTotalEl.textContent = '0';
             } else {
-                cartContent.innerHTML = cart.map(item => {
-                    const itemTotal = item.price * item.quantity;
-                    total += itemTotal;
-                    return `<div class="cart-item"><span class="cart-item-info">${item.name} x ${item.quantity}</span> <span>${itemTotal.toFixed(0)}</span></div>`;
-                }).join('');
-                cartTotalEl.textContent = total.toFixed(0);
             }
         }
-        document.getElementById('formulate-order-btn').addEventListener('click', () => {
-             if (cart.length === 0) { alert("Корзина пуста!"); return; }
-            fetch('/create_order', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ cart: cart }) })
-            .then(response => response.json())
-            .then(data => {
-                if (data.order_id) { localStorage.removeItem('gippoCart'); window.location.href = `/order/${data.order_id}`; }
-                else { alert('Ошибка при создании заказа.'); }
-            }).catch(error => alert('Ошибка сети.'));
-        });
-        document.getElementById('product-search').addEventListener('input', function(e) {
-            const searchTerm = e.target.value.toLowerCase();
-            document.querySelectorAll('.product-card').forEach(card => {
-                const name = card.dataset.productName.toLowerCase();
-                const desc = card.dataset.productDesc.toLowerCase();
-                if (name.includes(searchTerm) || desc.includes(searchTerm)) {
-                    card.style.display = 'flex';
-                } else {
-                    card.style.display = 'none';
-                }
-            });
-        });
-        const galleryModal = document.getElementById('gallery-modal');
-        const galleryImage = document.getElementById('gallery-image');
-        const closeGalleryButton = document.getElementById('closeGalleryModal');
-        const prevBtn = document.getElementById('prev-btn');
-        const nextBtn = document.getElementById('next-btn');
-        let currentPhotos = [];
-        let currentIndex = 0;
-        function updateGalleryImage() {
-            if (currentPhotos.length > 0) {
-                galleryImage.src = `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${currentPhotos[currentIndex]}`;
-                prevBtn.style.display = currentPhotos.length > 1 ? 'block' : 'none';
-                nextBtn.style.display = currentPhotos.length > 1 ? 'block' : 'none';
             }
         }
-        function showNext() { currentIndex = (currentIndex + 1) % currentPhotos.length; updateGalleryImage(); }
-        function showPrev() { currentIndex = (currentIndex - 1 + currentPhotos.length) % currentPhotos.length; updateGalleryImage(); }
-        document.getElementById('product-list').addEventListener('click', e => {
-            if (e.target.classList.contains('product-image')) {
-                const photos = JSON.parse(e.target.dataset.photos);
-                if (photos && photos.length > 0) {
-                    currentPhotos = photos;
-                    currentIndex = 0;
-                    updateGalleryImage();
-                    galleryModal.style.display = 'block';
                 }
-            }
-        });
-        closeGalleryButton.onclick = () => { galleryModal.style.display = 'none'; };
-        nextBtn.onclick = showNext;
-        prevBtn.onclick = showPrev;
-        let touchstartX = 0;
-        let touchendX = 0;
-        galleryModal.addEventListener('touchstart', e => { touchstartX = e.changedTouches[0].screenX; }, false);
-        galleryModal.addEventListener('touchend', e => { touchendX = e.changedTouches[0].screenX; handleSwipe(); }, false);
-        function handleSwipe() {
-            if (touchendX < touchstartX) showNext();
-            if (touchendX > touchstartX) showPrev();
         }
-        document.addEventListener('DOMContentLoaded', updateUI);
     </script>
 </body>
 </html>
 '''
-ORDER_PAGE_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Накладная №{{ order.id }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; background-color: #f0f2f5; padding-bottom: 100px; }
-        .invoice-box { max-width: 800px; margin: 20px auto; padding: 20px; background: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); font-size: 16px; line-height: 24px; color: #555; }
-        .invoice-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
-        .invoice-header h1 { font-size: 2em; margin: 0; font-weight: 600; color: #333; }
-        .invoice-details p { margin: 0; font-size: 0.9em; }
-        .invoice-table { width: 100%; border-collapse: collapse; }
-        .invoice-table th, .invoice-table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
-        .invoice-table th { background-color: #f2f2f2; font-weight: 600; text-align: center; }
-        .invoice-table td { vertical-align: middle; }
-        .invoice-table img { max-width: 50px; max-height: 50px; object-fit: cover; border-radius: 4px; }
-        .invoice-table .center { text-align: center; }
-        .invoice-table .right { text-align: right; }
-        .total-row td { border-top: 2px solid #333; font-weight: bold; }
-        .floating-buttons { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); display: flex; justify-content: space-around; padding: 15px 10px; box-sizing: border-box; z-index: 100; }
-        .action-button { padding: 12px 20px; border: none; border-radius: 25px; color: white; font-weight: bold; cursor: pointer; transition: background-color 0.3s; font-size: 1rem; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.2); flex-grow: 1; justify-content: center; margin: 0 5px; }
-        .whatsapp-btn { background-color: #25D366; }
-        .print-btn { background-color: #007BFF; }
         @media print {
-            body { background-color: #fff; margin: 0; padding-bottom: 0; }
-            .invoice-box { box-shadow: none; border: none; margin: 0 auto; max-width: 100%; }
             .floating-buttons { display: none; }
         }
     </style>
 </head>
 <body>
-    {% if order %}
     <div class="invoice-box">
-        <div class="invoice-header">
             <h1>Накладная</h1>
-            <div class="invoice-details">
-                <p><strong>NO:</strong> {{ order.id }}</p>
-                <p><strong>дата:</strong> {{ order.created_at.split(' ')[0] }}</p>
-                <p><strong>покупатель:</strong> Розничный</p>
             </div>
         </div>
-        <table class="invoice-table">
             <thead>
                 <tr>
                     <th>NO</th>
                     <th>Наименование</th>
                     <th>Фото</th>
-                    <th class="center">кол-во</th>
-                    <th class="right">Цена</th>
-                    <th class="right">Сумма</th>
                 </tr>
             </thead>
             <tbody>
                 {% for item in order.cart %}
                 <tr>
-                    <td class="center">{{ loop.index }}</td>
-                    <td>{{ item.name }}{% if item.color and item.color != 'N/A' %} ({{ item.color }}){% endif %}</td>
-                    <td class="center"><img src="{{ item.photo_url }}" alt="{{ item.name }}"></td>
-                    <td class="center">{{ item.quantity }}</td>
-                    <td class="right">{{ "%.0f"|format(item.price) }}</td>
-                    <td class="right">{{ "%.0f"|format(item.price * item.quantity) }}</td>
                 </tr>
                 {% endfor %}
-            </tbody>
-            <tfoot>
                 <tr class="total-row">
-                    <td colspan="5" class="right"><strong>Итого</strong></td>
-                    <td class="right"><strong>{{ "%.0f"|format(order.total_price) }}</strong></td>
                 </tr>
-            </tfoot>
         </table>
     </div>
     <div class="floating-buttons">
-        <button class="action-button print-btn" onclick="window.print()"><i class="fas fa-print"></i> Печать</button>
-        <button class="action-button whatsapp-btn" onclick="sendOrderViaWhatsApp()"><i class="fab fa-whatsapp"></i> WhatsApp</button>
     </div>
     <script>
-        function sendOrderViaWhatsApp() {
-            const orderId = "{{ order.id }}";
-            const whatsappNumber = "{{ whatsapp_number }}";
-            let message = `*Заказ № ${orderId}*%0A%0A`;
-            let total = 0;
             {% for item in order.cart %}
-            message += `{{ loop.index }}. {{ item.name }}%0A`;
-            message += `   - Кол-во: {{ item.quantity }}%0A`;
-            message += `   - Сумма: {{ "%.0f"|format(item.price * item.quantity) }} {{ currency_code }}%0A`;
-            total += {{ item.price * item.quantity }};
             {% endfor %}
-            message += `%0A*Итого:* ${total.toFixed(0)} {{ currency_code }}`;
-            const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${message}`;
-            window.open(whatsappUrl, '_blank');
         }
     </script>
-    {% else %}
-    <div class="invoice-box" style="text-align:center;">
-        <h1>Заказ не найден</h1>
-        <p>К сожалению, заказ с таким ID не существует.</p>
-        <a href="{{ url_for('catalog') }}">Вернуться в каталог</a>
-    </div>
-    {% endif %}
 </body>
 </html>
 '''
-ADMIN_PAGE_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Админ-панель</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f4f6f9; color: #333; margin: 0; padding: 15px; }
-        .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
-        .header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
-        h1, h2 { color: #003C43; }
-        h1 { font-size: 1.6rem; font-weight: 600; }
-        h2 { font-size: 1.4rem; margin-top: 25px; margin-bottom: 15px; }
-        .section { margin-bottom: 25px; }
-        label { font-weight: 500; margin-top: 10px; display: block; color: #555; font-size: 0.9rem; }
-        input[type="text"], input[type="number"], textarea, select, .search-bar { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; }
-        .search-bar { margin-bottom: 15px; }
-        button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #007bff; color: white; font-weight: 600; cursor: pointer; transition: background-color 0.3s; margin-top: 15px; font-size: 0.95rem; text-decoration: none; }
-        button:hover, .button:hover { background-color: #0056b3; }
-        .delete-btn { background-color: #dc3545; }
-        .delete-btn:hover { background-color: #c82333; }
-        .edit-btn { background-color: #ffc107; color: #212529; }
-        .edit-btn:hover { background-color: #e0a800; }
-        .message { padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; font-size: 0.95rem; }
-        .message.success { background-color: #d4edda; color: #155724; }
-        .message.error { background-color: #f8d7da; color: #721c24; }
-        .category-block { margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; }
-        .category-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: #f8f9fa; border-bottom: 1px solid #e0e0e0; }
-        .category-header h3 { margin: 0; font-size: 1.2rem; }
-        .category-content { padding: 15px; }
-        .product-item { display: flex; align-items: center; gap: 15px; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
-        .product-item:last-child { border-bottom: none; }
-        .product-item img { width: 50px; height: 50px; object-fit: cover; border-radius: 5px; }
-        .product-info { flex-grow: 1; }
-        .product-actions button, .product-actions .button { margin: 0 0 0 5px; padding: 6px 10px; font-size: 0.8rem; }
-        .modal { display: none; position: fixed; z-index: 1050; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5); }
-        .modal-content { background-color: #fefefe; margin: 10% auto; padding: 20px; border: 1px solid #888; width: 90%; max-width: 500px; border-radius: 8px; }
-        .modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; }
-        .modal-header h2 { margin: 0; }
-        .close { color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; }
     </style>
 </head>
 <body>
-<div class="container">
-    <div class="header">
-        <h1>Админ-панель</h1>
-        <a href="{{ url_for('catalog') }}" class="button" style="margin-top:0;">В каталог</a>
-    </div>
-    {% with messages = get_flashed_messages(with_categories=true) %}
-      {% if messages %}
-        {% for category, message in messages %}
-          <div class="message {{ category }}">{{ message }}</div>
-        {% endfor %}
-      {% endif %}
-    {% endwith %}
-    <div class="section">
-        <h2>Управление категориями</h2>
-        <form method="POST" style="display:flex; gap: 10px; align-items: flex-end;">
             <input type="hidden" name="action" value="add_category">
-            <div style="flex-grow:1;"><label for="category_name">Новая категория:</label><input type="text" id="category_name" name="category_name" required></div>
-            <button type="submit" style="margin-top:0;">Добавить</button>
         </form>
-    </div>
-    <div class="section">
-        <h2>Товары</h2>
-        <input type="search" id="admin-search" class="search-bar" placeholder="&#xF002; Поиск по всем товарам..." style="font-family: Arial, FontAwesome;">
         {% for category in categories %}
-        <div class="category-block" data-category-name="{{ category }}">
-            <div class="category-header">
-                <h3>{{ category }}</h3>
-                <div style="display:flex; align-items: center; gap: 10px;">
-                    <button class="button add-product-btn" data-category="{{ category }}" style="margin-top:0; padding: 8px 12px;">+ Добавить товар</button>
-                    <form method="POST" onsubmit="return confirm('Удалить категорию? Товары не будут удалены.');" style="margin:0;">
-                        <input type="hidden" name="action" value="delete_category">
-                        <input type="hidden" name="category_name" value="{{ category }}">
-                        <button type="submit" class="delete-btn" style="margin:0; padding: 8px 12px;"><i class="fas fa-trash"></i></button>
-                    </form>
-                </div>
             </div>
-            <div class="category-content">
-                {% set products_in_cat = products_by_category.get(category, []) %}
-                {% if products_in_cat %}
-                    {% for product in products_in_cat %}
-                    <div class="product-item" data-product-name="{{ product.name }}" data-product-desc="{{ product.description }}" data-product-id="{{ product.product_id }}" data-product-info='{{ product|tojson }}'>
-                        <img src="{% if product.photos %}{{ hf_url }}/photos/{{ product.photos[0] }}{% else %}https://via.placeholder.com/50x50.png?text=N/A{% endif %}" alt="{{ product.name }}">
-                        <div class="product-info">
-                            <strong>{{ product.name }}</strong><br>
-                            <small>{{ "%.0f"|format(product.price) }} {{ currency_code }}</small>
-                        </div>
-                        <div class="product-actions">
-                            <button class="button edit-btn edit-product-btn">Редактировать</button>
-                            <form method="POST" onsubmit="return confirm('Удалить товар?');" style="margin:0; display:inline-block;">
-                                <input type="hidden" name="action" value="delete_product">
-                                <input type="hidden" name="product_id" value="{{ product.product_id }}">
-                                <button type="submit" class="delete-btn">Удалить</button>
-                            </form>
                         </div>
                     </div>
-                    {% endfor %}
-                {% else %}
-                <p>В этой категории нет товаров.</p>
-                {% endif %}
             </div>
         </div>
         {% endfor %}
     </div>
-</div>
-<div id="productModal" class="modal">
-  <div class="modal-content">
-    <div class="modal-header">
-      <h2 id="modalTitle">Добавить товар</h2>
-      <span class="close">&times;</span>
-    </div>
-    <form id="productForm" method="POST" enctype="multipart/form-data">
-        <input type="hidden" name="action" id="formAction" value="add_product">
-        <input type="hidden" name="product_id" id="formProductId">
-        <input type="hidden" name="category" id="formCategory">
-        <label>Название:</label><input type="text" name="name" id="formName" required>
-        <label>Цена:</label><input type="number" name="price" id="formPrice" step="0.01" required>
-        <label>Описание:</label><textarea name="description" id="formDescription" rows="3"></textarea>
-        <label>Категория:</label>
-        <select name="new_category" id="formNewCategory" required>
-            {% for category in categories %}
-            <option value="{{ category }}">{{ category }}</option>
-            {% endfor %}
-        </select>
-        <label>Фото (до 10):</label><input type="file" name="photos" multiple>
-        <div id="existing-photos"></div>
-        <button type="submit">Сохранить</button>
-    </form>
-  </div>
-</div>
-<script>
-    const modal = document.getElementById('productModal');
-    const closeModal = modal.querySelector('.close');
-    closeModal.onclick = () => { modal.style.display = "none"; };
-    window.onclick = (event) => { if (event.target == modal) { modal.style.display = "none"; } };
-    document.querySelectorAll('.add-product-btn').forEach(button => {
-        button.addEventListener('click', function() {
-            const category = this.dataset.category;
-            document.getElementById('modalTitle').innerText = 'Добавить товар в "' + category + '"';
-            document.getElementById('productForm').reset();
-            document.getElementById('formAction').value = 'add_product';
-            document.getElementById('formProductId').value = '';
-            document.getElementById('formCategory').value = category;
-            document.getElementById('formNewCategory').value = category;
-            document.getElementById('existing-photos').innerHTML = '';
-            modal.style.display = 'block';
-        });
-    });
-    document.querySelectorAll('.edit-product-btn').forEach(button => {
-        button.addEventListener('click', function() {
-            const productItem = this.closest('.product-item');
-            const product = JSON.parse(productItem.dataset.productInfo);
-            document.getElementById('modalTitle').innerText = 'Редактировать товар';
-            document.getElementById('productForm').reset();
-            document.getElementById('formAction').value = 'edit_product';
-            document.getElementById('formProductId').value = product.product_id;
-            document.getElementById('formName').value = product.name;
-            document.getElementById('formPrice').value = product.price;
-            document.getElementById('formDescription').value = product.description || '';
-            document.getElementById('formNewCategory').value = product.category;
-            const photosContainer = document.getElementById('existing-photos');
-            photosContainer.innerHTML = '';
-            if (product.photos && product.photos.length > 0) {
-                let photoHtml = '<p>Текущие фото:</p>';
-                product.photos.forEach(p => {
-                    photoHtml += `
-                        <div style="display: inline-block; margin-right: 10px;">
-                            <img src="${'{{ hf_url }}'}/photos/${p}" width="50" height="50">
-                            <input type="checkbox" name="delete_photos" value="${p}"> Удалить
-                        </div>`;
-                });
-                photosContainer.innerHTML = photoHtml;
-            }
-            modal.style.display = 'block';
-        });
-    });
-    document.getElementById('admin-search').addEventListener('input', function(e) {
-        const searchTerm = e.target.value.toLowerCase();
-        document.querySelectorAll('.category-block').forEach(catBlock => {
-            let hasVisibleProducts = false;
-            catBlock.querySelectorAll('.product-item').forEach(card => {
-                const name = card.dataset.productName.toLowerCase();
-                const desc = card.dataset.productDesc.toLowerCase();
-                if (name.includes(searchTerm) || desc.includes(searchTerm)) {
-                    card.style.display = 'flex';
-                    hasVisibleProducts = true;
-                } else {
-                    card.style.display = 'none';
-                }
-            });
-            const categoryName = catBlock.dataset.categoryName.toLowerCase();
-            if (hasVisibleProducts || categoryName.includes(searchTerm)) {
-                 catBlock.style.display = 'block';
-            } else {
-                 catBlock.style.display = 'none';
-            }
-        });
-    });
-</script>
 </body>
 </html>
 '''
 @app.route('/')
 def catalog():
-    data = load_data()
-    products = data.get('products', [])
-    categories = data.get('categories', [])
-    categories_with_counts = {cat: 0 for cat in categories}
-    for product in products:
-        cat = product.get('category', 'Без категории')
-        if cat in categories_with_counts:
-            categories_with_counts[cat] += 1
-        else:
-            if cat not in categories:
-                categories_with_counts[cat] = 1
-    sorted_categories = dict(sorted(categories_with_counts.items()))
-    return render_template_string(
-        CATEGORY_PAGE_TEMPLATE,
-        categories_with_counts=sorted_categories,
-        currency_code=CURRENCY_CODE
-    )
-@app.route('/category/<category_name>')
-def product_list(category_name):
-    data = load_data()
-    products_in_category = [p for p in data.get('products', []) if p.get('category') == category_name]
-    return render_template_string(
-        PRODUCT_PAGE_TEMPLATE,
-        products=products_in_category,
-        title=category_name,
-        products_json=json.dumps(products_in_category),
-        repo_id=REPO_ID,
-        currency_code=CURRENCY_CODE
-    )
-@app.route('/search')
-def search():
-    query = request.args.get('q', '').lower()
     data = load_data()
     all_products = data.get('products', [])
-    if not query:
-        search_results = all_products
-    else:
-        search_results = [
-            p for p in all_products
-            if query in p.get('name', '').lower() or query in p.get('description', '').lower()
-        ]
     return render_template_string(
-        PRODUCT_PAGE_TEMPLATE,
-        products=search_results,
-        title=f"Поиск: {request.args.get('q', '')}",
-        products_json=json.dumps(search_results),
         repo_id=REPO_ID,
         currency_code=CURRENCY_CODE
     )
@@ -937,176 +629,146 @@ def search():
 @app.route('/create_order', methods=['POST'])
 def create_order():
     order_data = request.get_json()
-    if not order_data or 'cart' not in order_data or not order_data['cart']:
-        return jsonify({"error": "Корзина пуста."}), 400
     cart_items = order_data['cart']
-    total_price = 0
     processed_cart = []
     for item in cart_items:
-        try:
-            price = float(item['price'])
-            quantity = int(item['quantity'])
-            processed_cart.append({
-                "product_id": item.get('product_id', 'N/A'),
-                "name": item['name'],
-                "price": price,
-                "quantity": quantity,
-                "color": item.get('color', 'N/A'),
-                "photo": item.get('photo'),
-                "photo_url": f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photo']}" if item.get('photo') else "https://via.placeholder.com/60x60.png?text=N/A"
-            })
-            total_price += price * quantity
-        except (ValueError, TypeError):
-            return jsonify({"error": "Неверные данные в корзине."}), 400
-    order_id = f"{datetime.now().strftime('%y%m%d')}-{uuid4().hex[:4]}"
-    order_timestamp = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
     new_order = {
-        "id": order_id, "created_at": order_timestamp, "cart": processed_cart,
-        "total_price": round(total_price, 2), "status": "new"
     }
     data = load_data()
     data['orders'][order_id] = new_order
     save_data(data)
     return jsonify({"order_id": order_id}), 201
 @app.route('/order/<order_id>')
 def view_order(order_id):
     data = load_data()
     order = data.get('orders', {}).get(order_id)
-    return render_template_string(ORDER_PAGE_TEMPLATE, order=order, currency_code=CURRENCY_CODE, whatsapp_number=WHATSAPP_NUMBER)
-def _handle_photo_upload(files, product_name):
-    photos_list = []
-    if not HF_TOKEN_WRITE:
-        return photos_list
-    api = HfApi()
-    for photo in files[:10]:
-        if photo and photo.filename:
-            try:
-                safe_name = secure_filename(product_name.replace(' ', '_'))[:50]
-                ext = os.path.splitext(photo.filename)[1].lower()
-                photo_filename = f"{safe_name}_{uuid4().hex[:8]}{ext}"
-                api.upload_file(
-                    path_or_fileobj=photo.stream, path_in_repo=f"photos/{photo_filename}",
-                    repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
-                )
-                photos_list.append(photo_filename)
-            except Exception as e:
-                flash(f"Ошибка загрузки фото {photo.filename}: {e}", 'error')
-    return photos_list
 @app.route('/admin', methods=['GET', 'POST'])
 def admin():
     data = load_data()
     if request.method == 'POST':
         action = request.form.get('action')
         if action == 'add_category':
-            category_name = request.form.get('category_name', '').strip()
-            if category_name and category_name not in data['categories']:
-                data['categories'].append(category_name)
                 save_data(data)
-                flash('Категория добавлена.', 'success')
-            else:
-                flash('Ошибка: Неверное имя или категория уже существует.', 'error')
         elif action == 'delete_category':
-            category_to_delete = request.form.get('category_name')
-            if category_to_delete in data['categories']:
-                data['categories'].remove(category_to_delete)
-                for p in data['products']:
-                    if p.get('category') == category_to_delete:
-                        p['category'] = 'Без категории'
                 save_data(data)
-                flash('Категория удалена.', 'success')
         elif action == 'add_product':
             name = request.form.get('name', '').strip()
-            price_str = request.form.get('price', '').replace(',', '.')
-            if not name or not price_str:
-                flash("Название и цена обязательны.", 'error')
-                return redirect(url_for('admin'))
-            try:
-                price = round(float(price_str), 2)
-            except ValueError:
-                flash("Неверный формат цены.", 'error')
-                return redirect(url_for('admin'))
-            photos_list = _handle_photo_upload(request.files.getlist('photos'), name)
             new_product = {
-                'product_id': uuid4().hex, 'name': name, 'price': price,
-                'description': request.form.get('description', '').strip(),
-                'category': request.form.get('category'), 'photos': photos_list
             }
-            data['products'].append(new_product)
             save_data(data)
-            flash('Товар добавлен.', 'success')
-        elif action == 'edit_product':
-            product_id = request.form.get('product_id')
-            product_to_edit = next((p for p in data['products'] if p.get('product_id') == product_id), None)
-            if product_to_edit:
-                name = request.form.get('name', '').strip()
-                product_to_edit['name'] = name
-                product_to_edit['price'] = round(float(request.form.get('price', '0').replace(',', '.')), 2)
-                product_to_edit['description'] = request.form.get('description', '').strip()
-                product_to_edit['category'] = request.form.get('new_category')
-                photos_to_delete = request.form.getlist('delete_photos')
-                if photos_to_delete and HF_TOKEN_WRITE:
-                    try:
-                        api = HfApi()
-                        api.delete_files(repo_id=REPO_ID, paths_in_repo=[f"photos/{p}" for p in photos_to_delete], repo_type="dataset", token=HF_TOKEN_WRITE)
-                        product_to_edit['photos'] = [p for p in product_to_edit.get('photos', []) if p not in photos_to_delete]
-                    except Exception as e:
-                        flash(f"Не удалось удалить некоторые фото с сервера: {e}", "error")
-                new_photos = _handle_photo_upload(request.files.getlist('photos'), name)
-                product_to_edit['photos'].extend(new_photos)
-                save_data(data)
-                flash('Товар обновлен.', 'success')
-            else:
-                flash('Товар для редактирования не найден.', 'error')
         elif action == 'delete_product':
-            product_id = request.form.get('product_id')
-            product_to_delete = next((p for p in data['products'] if p.get('product_id') == product_id), None)
-            if product_to_delete:
-                photos_to_delete = product_to_delete.get('photos', [])
-                if photos_to_delete and HF_TOKEN_WRITE:
-                    try:
-                        api = HfApi()
-                        api.delete_files(repo_id=REPO_ID, paths_in_repo=[f"photos/{p}" for p in photos_to_delete], repo_type="dataset", token=HF_TOKEN_WRITE)
-                    except Exception:
-                        flash("Не удалось удалить фото с сервера.", "error")
-                data['products'] = [p for p in data['products'] if p.get('product_id') != product_id]
-                save_data(data)
-                flash('Товар удален.', 'success')
         return redirect(url_for('admin'))
-    products_by_category = {}
-    for product in data.get('products', []):
-        category = product.get('category', 'Без категории')
-        if category not in products_by_category:
-            products_by_category[category] = []
-        products_by_category[category].append(product)
     return render_template_string(
-        ADMIN_PAGE_TEMPLATE,
-        categories=sorted(data.get('categories', [])),
-        products_by_category=products_by_category,
         repo_id=REPO_ID,
-        currency_code=CURRENCY_CODE,
-        hf_url=f"https://huggingface.co/datasets/{REPO_ID}/resolve/main"
     )
 if __name__ == '__main__':
     download_db_from_hf()
     load_data()
     if HF_TOKEN_WRITE:
-        backup_thread = threading.Thread(target=periodic_backup, daemon=True)
-        backup_thread.start()
     port = int(os.environ.get('PORT', 7860))
-    app.run(debug=False, host='0.0.0.0', port=port)

 import os
 import base64
 import json
 import threading
 import time
 from datetime import datetime
 from uuid import uuid4
+from flask import Flask, render_template_string, request, redirect, url_for, flash, jsonify
 from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
 from werkzeug.utils import secure_filename
 load_dotenv()
 app = Flask(__name__)
+app.secret_key = 'super_secret_key_store_app_123'
 DATA_FILE = 'data.json'
 SYNC_FILES = [DATA_FILE]
+REPO_ID = os.getenv("REPO_ID", "Kgshop/aiexample")
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
+WHATSAPP_NUMBER = "+996701202013"
+CURRENCY_CODE = 'T'
+def download_db_from_hf(specific_file=None, retries=3, delay=5):
     token_to_use = HF_TOKEN_READ if HF_TOKEN_READ else HF_TOKEN_WRITE
     files_to_download = [specific_file] if specific_file else SYNC_FILES
     all_successful = True
     for file_name in files_to_download:
         success = False
         for attempt in range(retries + 1):
             try:
+                hf_hub_download(
                     repo_id=REPO_ID,
                     filename=file_name,
                     repo_type="dataset",
                             if file_name == DATA_FILE:
                                 with open(file_name, 'w', encoding='utf-8') as f:
                                     json.dump({'products': [], 'categories': [], 'orders': {}}, f)
+                        except Exception:
                             pass
                     success = False
                     break
+            except requests.exceptions.RequestException:
+                 pass
+            except Exception:
+                 pass
             if attempt < retries:
                 time.sleep(delay)
         if not success:
             all_successful = False
     return all_successful
 def upload_db_to_hf(specific_file=None):
     try:
         api = HfApi()
         files_to_upload = [specific_file] if specific_file else SYNC_FILES
         for file_name in files_to_upload:
             if os.path.exists(file_name):
                 try:
                         token=HF_TOKEN_WRITE,
                         commit_message=f"Sync {file_name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
                     )
+                except Exception:
+                     pass
+    except Exception:
         pass
 def periodic_backup():
     while True:
+        time.sleep(1800)
         upload_db_to_hf()
 def load_data():
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             data = json.load(file)
         if not isinstance(data, dict):
+             raise FileNotFoundError
         if 'products' not in data: data['products'] = []
         if 'categories' not in data: data['categories'] = []
         if 'orders' not in data: data['orders'] = {}
+    except (FileNotFoundError, json.JSONDecodeError):
         if download_db_from_hf(specific_file=DATA_FILE):
             try:
                 with open(DATA_FILE, 'r', encoding='utf-8') as file:
                     data = json.load(file)
                 if 'products' not in data: data['products'] = []
                 if 'categories' not in data: data['categories'] = []
                 if 'orders' not in data: data['orders'] = {}
+            except Exception:
                 data = default_data
         else:
             data = default_data
+    except Exception:
         data = default_data
     for product in data['products']:
         if 'product_id' not in product:
             product['product_id'] = uuid4().hex
     if not os.path.exists(DATA_FILE):
         try:
             with open(DATA_FILE, 'w', encoding='utf-8') as f:
                 json.dump(default_data, f)
+        except Exception:
             pass
     return data
         if 'products' not in data: data['products'] = []
         if 'categories' not in data: data['categories'] = []
         if 'orders' not in data: data['orders'] = {}
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
         upload_db_to_hf(specific_file=DATA_FILE)
+    except Exception:
         pass
+CATALOG_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>Магазин</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; font-family: sans-serif; -webkit-tap-highlight-color: transparent; }
+        body { background-color: #f5f5f5; color: #333; }
+        .header { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 100; }
+        .header h1 { font-size: 1.5rem; font-weight: bold; }
+        .back-btn { display: none; font-size: 1.2rem; cursor: pointer; color: #333; margin-right: 15px; }
+        .search-bar { padding: 10px 20px; background: #fff; border-bottom: 1px solid #eee; display: flex; align-items: center; }
+        .search-bar input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; outline: none; font-size: 1rem; }
+        .categories-container { display: grid; grid-template-columns: 1fr 1fr; background: #fff; }
+        .category-item { padding: 15px 20px; border-bottom: 1px dashed #ccc; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
+        .category-item:nth-child(odd) { border-right: 1px dashed #ccc; }
+        .category-item span.name { font-size: 0.95rem; }
+        .category-item span.count { color: #999; font-size: 0.9rem; }
+        .products-container { display: none; padding: 15px; display: flex; flex-direction: column; gap: 15px; }
+        .product-card { background: #fff; border-radius: 12px; padding: 15px; display: flex; box-shadow: 0 2px 8px rgba(0,0,0,0.08); align-items: stretch; gap: 15px; }
+        .product-img { width: 100px; height: 100px; border-radius: 8px; object-fit: cover; flex-shrink: 0; border: 1px solid #eee;}
+        .product-info { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
+        .product-title { font-size: 0.95rem; font-weight: bold; margin-bottom: 10px; line-height: 1.3; }
+        .product-bottom { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
+        .product-price { font-weight: bold; font-size: 1rem; }
+        .quantity-control { display: flex; align-items: center; background: #f0f0f0; border-radius: 4px; overflow: hidden; }
+        .quantity-control button { border: none; background: #e0e0e0; width: 35px; height: 35px; font-size: 1.2rem; cursor: pointer; }
+        .quantity-control input { width: 40px; height: 35px; border: none; text-align: center; background: transparent; font-weight: bold; pointer-events: none; }
+        .social-buttons { position: fixed; left: 15px; bottom: 80px; display: flex; flex-direction: column; gap: 10px; z-index: 99; }
+        .social-btn { width: 45px; height: 45px; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; text-decoration: none; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
+        .btn-wa { background: #25D366; }
+        .btn-ig { background: #E1306C; }
+        .btn-tg { background: #0088cc; }
+        .cart-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); padding: 15px 20px; display: none; justify-content: space-between; align-items: center; z-index: 100; }
+        .cart-info { display: flex; flex-direction: column; }
+        .cart-total { font-size: 1.2rem; font-weight: bold; }
+        .checkout-btn { background: #333; color: #fff; padding: 12px 25px; border: none; border-radius: 8px; font-weight: bold; font-size: 1rem; cursor: pointer; }
+        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 200; justify-content: center; align-items: flex-end; }
+        .modal-content { background: #fff; width: 100%; max-height: 80vh; border-radius: 20px 20px 0 0; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; }
+        .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
+        .modal-close { font-size: 1.5rem; cursor: pointer; border: none; background: transparent; }
+        .cart-item-list { display: flex; flex-direction: column; gap: 15px; margin-bottom: 20px; }
+        .cart-item { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 10px; }
+        .cart-item-name { flex-grow: 1; font-size: 0.9rem; padding-right: 10px; }
+        .confirm-btn { background: #25D366; color: #fff; width: 100%; padding: 15px; border: none; border-radius: 10px; font-size: 1.1rem; font-weight: bold; cursor: pointer; }
     </style>
 </head>
 <body>
     <div class="header">
+        <div style="display: flex; align-items: center;">
+            <i class="fas fa-chevron-left back-btn" id="backBtn" onclick="showCategories()"></i>
+            <h1 id="pageTitle">Каталог</h1>
         </div>
+        <i class="fas fa-bars" style="font-size: 1.5rem;"></i>
     </div>
+    <div class="search-bar" id="searchBar">
+        <input type="text" id="searchInput" placeholder="Поиск..." oninput="filterCategories()">
     </div>
+    <div class="categories-container" id="categoriesContainer"></div>
+    <div class="products-container" id="productsContainer"></div>
+    <div class="social-buttons">
+        <a href="#" class="social-btn btn-wa"><i class="fab fa-whatsapp"></i></a>
+        <a href="#" class="social-btn btn-ig"><i class="fab fa-instagram"></i></a>
+        <a href="#" class="social-btn btn-tg"><i class="fab fa-telegram-plane"></i></a>
     </div>
+    <div class="cart-bar" id="cartBar">
+        <div class="cart-info">
+            <span style="font-size: 0.8rem; color: #666;">Итого:</span>
+            <span class="cart-total"><span id="cartTotalSum">0</span> {{ currency_code }}</span>
         </div>
+        <button class="checkout-btn" onclick="openCartModal()">Оформить</button>
     </div>
+    <div class="modal-overlay" id="cartModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2>Корзина</h2>
+                <button class="modal-close" onclick="closeCartModal()">&times;</button>
+            </div>
+            <div class="cart-item-list" id="cartItemList"></div>
+            <button class="confirm-btn" onclick="submitOrder()">Сформировать заказ</button>
         </div>
     </div>
     <script>
+        const products = {{ products_json|safe }};
+        const categoriesList = {{ categories_json|safe }};
         const repoId = '{{ repo_id }}';
+        const currency = '{{ currency_code }}';
+        let cart = {};
+        function init() {
+            renderCategories();
+            updateCartUI();
+        }
+        function renderCategories(filter = '') {
+            const container = document.getElementById('categoriesContainer');
+            document.getElementById('productsContainer').style.display = 'none';
+            container.style.display = 'grid';
+            document.getElementById('backBtn').style.display = 'none';
+            document.getElementById('pageTitle').innerText = 'Каталог';
+            container.innerHTML = '';
+            categoriesList.forEach(cat => {
+                if(filter && !cat.toLowerCase().includes(filter.toLowerCase())) return;
+                const catProducts = products.filter(p => p.category === cat);
+                const count = catProducts.length;
+                const div = document.createElement('div');
+                div.className = 'category-item';
+                div.onclick = () => showProducts(cat);
+                div.innerHTML = `<span class="name">${cat}</span><span class="count">${count}</span>`;
+                container.appendChild(div);
+            });
+        }
+        function showCategories() {
+            document.getElementById('searchInput').value = '';
+            renderCategories();
+        }
+        function filterCategories() {
+            renderCategories(document.getElementById('searchInput').value);
+        }
+        function showProducts(category) {
+            document.getElementById('categoriesContainer').style.display = 'none';
+            const container = document.getElementById('productsContainer');
+            container.style.display = 'flex';
+            document.getElementById('backBtn').style.display = 'block';
+            document.getElementById('pageTitle').innerText = category;
+            container.innerHTML = '';
+            const catProducts = products.filter(p => p.category === category);
+            catProducts.forEach(p => {
+                const qty = cart[p.product_id] ? cart[p.product_id].quantity : 0;
+                const photoUrl = p.photos && p.photos.length > 0
+                    ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${p.photos[0]}`
+                    : 'https://via.placeholder.com/100';
+                const div = document.createElement('div');
+                div.className = 'product-card';
+                div.innerHTML = `
+                    <img src="${photoUrl}" class="product-img">
+                    <div class="product-info">
+                        <div class="product-title">${p.name}</div>
+                        <div class="product-bottom">
+                            <div class="product-price">${p.price} ${currency}</div>
+                            <div class="quantity-control">
+                                <button onclick="updateCart('${p.product_id}', -1)">-</button>
+                                <input type="text" id="qty-${p.product_id}" value="${qty}" readonly>
+                                <button onclick="updateCart('${p.product_id}', 1)">+</button>
+                            </div>
+                        </div>
+                    </div>
+                `;
+                container.appendChild(div);
+            });
         }
         function updateCart(productId, change) {
+            const product = products.find(p => p.product_id === productId);
             if (!product) return;
+            if (!cart[productId]) {
+                cart[productId] = { ...product, quantity: 0 };
             }
+            cart[productId].quantity += change;
+            if (cart[productId].quantity <= 0) {
+                delete cart[productId];
+                document.getElementById(`qty-${productId}`).value = 0;
+            } else {
+                document.getElementById(`qty-${productId}`).value = cart[productId].quantity;
             }
+            updateCartUI();
         }
+        function updateCartUI() {
             let total = 0;
+            for (let id in cart) {
+                total += cart[id].price * cart[id].quantity;
+            }
+            const cartBar = document.getElementById('cartBar');
+            if (total > 0) {
+                cartBar.style.display = 'flex';
+                document.getElementById('cartTotalSum').innerText = total;
             } else {
+                cartBar.style.display = 'none';
+                closeCartModal();
             }
         }
+        function openCartModal() {
+            const list = document.getElementById('cartItemList');
+            list.innerHTML = '';
+            for (let id in cart) {
+                const item = cart[id];
+                list.innerHTML += `
+                    <div class="cart-item">
+                        <div class="cart-item-name">${item.name}</div>
+                        <div style="font-weight: bold; white-space: nowrap;">${item.quantity} x ${item.price} ${currency}</div>
+                    </div>
+                `;
             }
+            document.getElementById('cartModal').style.display = 'flex';
         }
+        function closeCartModal() {
+            document.getElementById('cartModal').style.display = 'none';
+        }
+        function submitOrder() {
+            const cartArray = Object.values(cart);
+            fetch('/create_order', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ cart: cartArray })
+            })
+            .then(r => r.json())
+            .then(data => {
+                if(data.order_id) {
+                    cart = {};
+                    window.location.href = `/order/${data.order_id}`;
                 }
+            });
         }
+        init();
     </script>
 </body>
 </html>
 '''
+ORDER_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Накладная №{{ order.id }}</title>
     <style>
+        * { box-sizing: border-box; font-family: 'Times New Roman', serif; }
+        body { margin: 0; padding: 20px; background: #f0f0f0; display: flex; flex-direction: column; align-items: center; }
+        .invoice-box { background: #fff; width: 100%; max-width: 900px; padding: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
+        .header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; border-bottom: 2px solid #000; padding-bottom: 10px; }
+        .header h1 { margin: 0; font-size: 32px; font-weight: bold; }
+        .info-row { display: flex; justify-content: space-between; margin-bottom: 20px; font-size: 18px; font-weight: bold; }
+        table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
+        th, td { border: 1px solid #000; padding: 8px; text-align: center; font-size: 16px; font-weight: bold; }
+        th { background: #f9f9f9; }
+        .img-cell img { width: 50px; height: 50px; object-fit: cover; }
+        .total-row td { font-size: 18px; }
+        .floating-buttons { position: fixed; bottom: 30px; right: 30px; display: flex; flex-direction: column; gap: 15px; }
+        .btn { padding: 15px; border-radius: 50px; border: none; font-size: 16px; font-weight: bold; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
+        .btn-wa { background: #25D366; }
+        .btn-print { background: #333; }
         @media print {
+            body { background: #fff; padding: 0; }
+            .invoice-box { box-shadow: none; padding: 0; max-width: 100%; }
             .floating-buttons { display: none; }
         }
     </style>
 </head>
 <body>
     <div class="invoice-box">
+        <div class="header">
+            <div>
+                <span style="font-size: 24px; font-weight: bold;"></span>
+            </div>
             <h1>Накладная</h1>
+            <div>
+                <span style="font-size: 16px;">1 | 1</span>
             </div>
         </div>
+        <div class="info-row">
+            <div>NO: {{ order.id }}</div>
+            <div>дата: {{ order.created_at.split(' ')[0] }}</div>
+        </div>
+        <div class="info-row">
+            <div>покупатель: _________________</div>
+        </div>
+        <table>
             <thead>
                 <tr>
                     <th>NO</th>
                     <th>Наименование</th>
                     <th>Фото</th>
+                    <th>кол-во</th>
+                    <th>Цена</th>
+                    <th>Сумма</th>
                 </tr>
             </thead>
             <tbody>
                 {% for item in order.cart %}
                 <tr>
+                    <td>{{ loop.index }}</td>
+                    <td style="text-align: left;">{{ item.name }}</td>
+                    <td class="img-cell"><img src="{{ item.photo_url }}" alt="img"></td>
+                    <td>{{ item.quantity }}</td>
+                    <td>{{ item.price }}</td>
+                    <td>{{ item.price * item.quantity }}</td>
                 </tr>
                 {% endfor %}
                 <tr class="total-row">
+                    <td colspan="5" style="text-align: left;">Итого</td>
+                    <td>{{ order.total_price }}</td>
                 </tr>
+            </tbody>
         </table>
     </div>
     <div class="floating-buttons">
+        <button class="btn btn-print" onclick="window.print()">Печать</button>
+        <button class="btn btn-wa" onclick="sendToWA()">Отправить в WhatsApp</button>
     </div>
     <script>
+        function sendToWA() {
+            let msg = `Заказ №{{ order.id }}\n\n`;
             {% for item in order.cart %}
+            msg += `- {{ item.name }} x{{ item.quantity }} = {{ item.price * item.quantity }}\n`;
             {% endfor %}
+            msg += `\nИтого: {{ order.total_price }} {{ currency_code }}`;
+            window.open(`https://api.whatsapp.com/send?phone={{ whatsapp_number }}&text=${encodeURIComponent(msg)}`, '_blank');
         }
     </script>
 </body>
 </html>
 '''
+ADMIN_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Админ-панель</title>
     <style>
+        * { box-sizing: border-box; font-family: sans-serif; }
+        body { background: #f4f6f9; padding: 20px; }
+        .container { max-width: 1000px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+        h1, h2 { color: #333; }
+        .form-group { margin-bottom: 15px; }
+        input[type="text"], input[type="number"], select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
+        button { padding: 10px 15px; border: none; border-radius: 4px; background: #333; color: #fff; cursor: pointer; }
+        button.danger { background: #dc3545; }
+        .category-block { border: 1px solid #ddd; margin-bottom: 10px; border-radius: 4px; }
+        .category-header { background: #f8f9fa; padding: 15px; cursor: pointer; font-weight: bold; display: flex; justify-content: space-between; align-items: center; }
+        .category-content { padding: 15px; display: none; border-top: 1px solid #ddd; }
+        .product-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
+        .product-item img { width: 40px; height: 40px; object-fit: cover; margin-right: 10px; border-radius: 4px; }
+        .add-product-form { background: #fdfdfd; padding: 15px; border: 1px dashed #ccc; margin-top: 15px; }
     </style>
 </head>
 <body>
+    <div class="container">
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+            <h1>Админ-панель</h1>
+            <a href="/" style="text-decoration: none; background: #007bff; color: white; padding: 10px 15px; border-radius: 4px;">В каталог</a>
+        </div>
+        <div style="margin-bottom: 20px; display: flex; gap: 10px;">
+             <form method="POST" action="/force_upload"><button type="submit" style="background:#28a745;">Сохранить БД на сервер</button></form>
+             <form method="POST" action="/force_download"><button type="submit" style="background:#17a2b8;">Скачать БД с сервера</button></form>
+        </div>
+        <h2>Категории и Товары</h2>
+        <form method="POST" style="margin-bottom: 20px; display: flex; gap: 10px;">
             <input type="hidden" name="action" value="add_category">
+            <input type="text" name="category_name" placeholder="Новая категория" required>
+            <button type="submit">Добавить категорию</button>
         </form>
         {% for category in categories %}
+        <div class="category-block">
+            <div class="category-header" onclick="toggleCategory('{{ loop.index }}')">
+                <span>{{ category }}</span>
+                <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить категорию?');">
+                    <input type="hidden" name="action" value="delete_category">
+                    <input type="hidden" name="category_name" value="{{ category }}">
+                    <button type="submit" class="danger">Удалить</button>
+                </form>
             </div>
+            <div class="category-content" id="cat-{{ loop.index }}">
+                {% for product in products %}
+                    {% if product.category == category %}
+                    <div class="product-item">
+                        <div style="display: flex; align-items: center;">
+                            <img src="{{ 'https://huggingface.co/datasets/' + repo_id + '/resolve/main/photos/' + product.photos[0] if product.photos else 'https://via.placeholder.com/40' }}">
+                            <span>{{ product.name }} - {{ product.price }} {{ currency_code }}</span>
                         </div>
+                        <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить товар?');">
+                            <input type="hidden" name="action" value="delete_product">
+                            <input type="hidden" name="product_id" value="{{ product.product_id }}">
+                            <button type="submit" class="danger">Удалить</button>
+                        </form>
+                    </div>
+                    {% endif %}
+                {% endfor %}
+                <form class="add-product-form" method="POST" enctype="multipart/form-data">
+                    <input type="hidden" name="action" value="add_product">
+                    <input type="hidden" name="category" value="{{ category }}">
+                    <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+                        <input type="text" name="name" placeholder="Название товара" required style="flex:2;">
+                        <input type="number" name="price" placeholder="Цена" required style="flex:1;">
                     </div>
+                    <div style="margin-bottom: 10px;">
+                        <input type="file" name="photo" accept="image/*" required>
+                    </div>
+                    <button type="submit" style="background: #28a745;">Добавить товар в "{{ category }}"</button>
+                </form>
             </div>
         </div>
         {% endfor %}
     </div>
+    <script>
+        function toggleCategory(id) {
+            const el = document.getElementById('cat-' + id);
+            el.style.display = el.style.display === 'block' ? 'none' : 'block';
+        }
+    </script>
 </body>
 </html>
 '''
 @app.route('/')
 def catalog():
     data = load_data()
     all_products = data.get('products', [])
+    categories = data.get('categories', [])
     return render_template_string(
+        CATALOG_TEMPLATE,
+        products_json=json.dumps(all_products),
+        categories_json=json.dumps(categories),
         repo_id=REPO_ID,
         currency_code=CURRENCY_CODE
     )
 @app.route('/create_order', methods=['POST'])
 def create_order():
     order_data = request.get_json()
+    if not order_data or 'cart' not in order_data:
+        return jsonify({"error": "Bad request"}), 400
     cart_items = order_data['cart']
+    total_price = sum(float(item['price']) * int(item['quantity']) for item in cart_items)
     processed_cart = []
     for item in cart_items:
+        processed_cart.append({
+            "name": item['name'],
+            "price": float(item['price']),
+            "quantity": int(item['quantity']),
+            "photo_url": f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photos'][0]}" if item.get('photos') else "https://via.placeholder.com/50"
+        })
+    order_id = f"SA-{datetime.now().strftime('%Y%m%d')}-{str(len(load_data().get('orders', {}))+1).zfill(3)}"
     new_order = {
+        "id": order_id,
+        "created_at": datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+        "cart": processed_cart,
+        "total_price": total_price
     }
     data = load_data()
     data['orders'][order_id] = new_order
     save_data(data)
     return jsonify({"order_id": order_id}), 201
 @app.route('/order/<order_id>')
 def view_order(order_id):
     data = load_data()
     order = data.get('orders', {}).get(order_id)
+    if not order:
+        return "Order not found", 404
+    return render_template_string(
+        ORDER_TEMPLATE,
+        order=order,
+        whatsapp_number=WHATSAPP_NUMBER,
+        currency_code=CURRENCY_CODE
+    )
 @app.route('/admin', methods=['GET', 'POST'])
 def admin():
     data = load_data()
+    products = data.get('products', [])
+    categories = data.get('categories', [])
     if request.method == 'POST':
         action = request.form.get('action')
         if action == 'add_category':
+            cat_name = request.form.get('category_name', '').strip()
+            if cat_name and cat_name not in categories:
+                categories.append(cat_name)
+                data['categories'] = categories
                 save_data(data)
         elif action == 'delete_category':
+            cat_name = request.form.get('category_name')
+            if cat_name in categories:
+                categories.remove(cat_name)
+                data['products'] = [p for p in products if p.get('category') != cat_name]
+                data['categories'] = categories
                 save_data(data)
         elif action == 'add_product':
             name = request.form.get('name', '').strip()
+            price = float(request.form.get('price', 0))
+            category = request.form.get('category')
+            photo = request.files.get('photo')
+            photos_list = []
+            if photo and photo.filename and HF_TOKEN_WRITE:
+                uploads_dir = 'uploads_temp'
+                os.makedirs(uploads_dir, exist_ok=True)
+                ext = os.path.splitext(photo.filename)[1].lower()
+                photo_filename = f"{uuid4().hex}{ext}"
+                temp_path = os.path.join(uploads_dir, photo_filename)
+                photo.save(temp_path)
+                try:
+                    api = HfApi()
+                    api.upload_file(
+                        path_or_fileobj=temp_path,
+                        path_in_repo=f"photos/{photo_filename}",
+                        repo_id=REPO_ID,
+                        repo_type="dataset",
+                        token=HF_TOKEN_WRITE
+                    )
+                    photos_list.append(photo_filename)
+                except Exception:
+                    pass
+                finally:
+                    if os.path.exists(temp_path):
+                        os.remove(temp_path)
             new_product = {
+                'product_id': uuid4().hex,
+                'name': name,
+                'price': price,
+                'category': category,
+                'photos': photos_list
             }
+            products.append(new_product)
+            data['products'] = products
             save_data(data)
         elif action == 'delete_product':
+            pid = request.form.get('product_id')
+            data['products'] = [p for p in products if p.get('product_id') != pid]
+            save_data(data)
         return redirect(url_for('admin'))
     return render_template_string(
+        ADMIN_TEMPLATE,
+        products=products,
+        categories=categories,
         repo_id=REPO_ID,
+        currency_code=CURRENCY_CODE
     )
+@app.route('/force_upload', methods=['POST'])
+def force_upload():
+    upload_db_to_hf()
+    return redirect(url_for('admin'))
+@app.route('/force_download', methods=['POST'])
+def force_download():
+    download_db_from_hf()
+    return redirect(url_for('admin'))
 if __name__ == '__main__':
     download_db_from_hf()
     load_data()
     if HF_TOKEN_WRITE:
+        threading.Thread(target=periodic_backup, daemon=True).start()
     port = int(os.environ.get('PORT', 7860))
+    app.run(host='0.0.0.0', port=port)