m

Running

App Files Files Community

Eluza133 commited on Nov 19

Commit

f599f65

verified ·

1 Parent(s): ee9a6d8

Update app.py

Browse files

Files changed (1) hide show

app.py +261 -280

app.py CHANGED Viewed

@@ -299,115 +299,43 @@ body { padding-bottom: 30px; }
 </body></html>
 '''
-ORDER_RECEIPT_HTML = '''
-<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Заказ #{{ order.id[-8:] }}</title>
-<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
-<style>''' + BASE_STYLE + '''
-body { padding: 20px; background: var(--background-dark); max-width: 600px; margin: 0 auto; }
-.receipt-card { background: var(--card-bg-dark); border-radius: 16px; padding: 20px; box-shadow: var(--shadow); border: 1px solid #333; }
-.order-header { text-align: center; border-bottom: 1px solid #444; padding-bottom: 15px; margin-bottom: 15px; }
-.order-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #2a2a2a; }
-.order-item img { width: 50px; height: 50px; object-fit: cover; border-radius: 6px; margin-right: 10px; background: #333; }
-.item-details { flex-grow: 1; }
-.item-title { font-weight: 600; display: block; }
-.item-qty { font-size: 0.85em; color: var(--text-muted); }
-.item-price { font-weight: bold; color: var(--secondary); }
-.total-section { text-align: right; font-size: 1.3em; font-weight: bold; margin-top: 20px; color: var(--text-dark); }
-.send-btn { display: block; width: 100%; text-align: center; padding: 15px; border-radius: 12px; margin-top: 25px; text-decoration: none; font-weight: bold; color: white; font-size: 1.1em; }
-.whatsapp { background-color: #25D366; }
-.telegram { background-color: #0088cc; }
-</style></head><body>
-<div class="receipt-card">
-    <div class="order-header">
-        <h2>Ваш заказ</h2>
-        <p style="color: var(--text-muted)">{{ page.org_name }}</p>
-        <small>#{{ order.id }}</small><br>
-        <small>{{ order.created_at }}</small>
-    </div>
-    <div id="items-list">
-    {% for item in order.items %}
-        <div class="order-item">
-            {% if item.photo %}
-             <img src="{{ hf_file_url_jinja(item.photo) }}" alt="">
-            {% else %}
-             <div style="width:50px; height:50px; background:#333; border-radius:6px; margin-right:10px;"></div>
-            {% endif %}
-            <div class="item-details">
-                <span class="item-title">{{ item.name }}</span>
-                <span class="item-qty">{{ item.qty }} шт. x {{ "%.2f"|format(item.price) }}</span>
-            </div>
-            <div class="item-price">{{ "%.2f"|format(item.total_item_price) }} {{ page.currency }}</div>
-        </div>
-    {% endfor %}
-    </div>
-    <div class="total-section">
-        Итого: {{ "%.2f"|format(order.total_price) }} {{ page.currency }}
-    </div>
-    {% set link_url = url_for('view_business_order', order_id=order.id, _external=True) %}
-    {% set msg_text = "Здравствуйте! Я оформил заказ в вашем магазине.\n\nСумма: " + ("%.2f"|format(order.total_price)) + " " + page.currency + "\n\nСсылка на заказ:\n" + link_url %}
-    {% if page.order_destination == 'whatsapp' %}
-        <a href="https://wa.me/{{ page.contact_number }}?text={{ msg_text|urlencode }}" class="send-btn whatsapp" target="_blank">
-            <i class="fab fa-whatsapp"></i> Отправить заказ в WhatsApp
-        </a>
-    {% else %}
-         <a href="https://t.me/{{ page.contact_number }}?text={{ msg_text|urlencode }}" class="send-btn telegram" target="_blank">
-            <i class="fab fa-telegram"></i> Отправить заказ в Telegram
-        </a>
-    {% endif %}
-</div>
-</body></html>
-'''
 PUBLIC_BUSINESS_PAGE_HTML = '''
-<!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>{{ page.org_name }}</title>
 <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
 <style>''' + BASE_STYLE + '''
-body { background: var(--card-bg-dark); padding-bottom: 100px; }
-.container { max-width: 800px; padding: 20px 10px; }
-.biz-header { text-align: center; margin-bottom: 20px; }
-.biz-avatar { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; margin: 0 auto 10px auto; border: 3px solid var(--accent); }
-.biz-header h1 { font-size: 1.8em; color: var(--text-dark); margin-bottom: 5px; }
-/* 2-Column Grid like WB */
-.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 0; }
-.product-card { background: var(--background-dark); border-radius: 10px; overflow: hidden; position: relative; display: flex; flex-direction: column; height: 100%; border: 1px solid #2a2a2a; }
-.product-image { width: 100%; aspect-ratio: 1/1.2; object-fit: cover; background-color: #222; display: block;}
-.product-info { padding: 8px; display: flex; flex-direction: column; flex-grow: 1; }
-.product-price { font-size: 1.1em; font-weight: 800; color: var(--text-dark); margin-bottom: 2px; }
-.product-currency { font-size: 0.8em; }
-.product-name { font-size: 0.85em; font-weight: 400; line-height: 1.2; margin-bottom: 8px; color: #ccc; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1;}
-.add-btn { background: var(--card-bg-dark); border: 1px solid var(--accent); color: var(--accent); border-radius: 8px; padding: 8px 0; width: 100%; font-weight: 600; font-size: 0.9em; cursor: pointer; margin-top: auto; transition: all 0.2s; }
-.add-btn:active { background: var(--accent); color: white; }
-/* Cart Floating Button */
-.cart-fab { position: fixed; bottom: 20px; right: 20px; background: var(--primary); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(255, 77, 109, 0.5); cursor: pointer; z-index: 1000; transition: transform 0.2s; display: none; }
-.cart-fab:active { transform: scale(0.9); }
-.cart-count { position: absolute; top: 0; right: 0; background: white; color: var(--primary); border-radius: 50%; width: 22px; height: 22px; font-size: 12px; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 2px solid var(--primary); }
-/* Cart Modal */
-#cart-modal .modal-content { background: #181818; max-height: 90vh; display: flex; flex-direction: column; }
-.cart-header { padding: 15px; font-weight: bold; font-size: 1.2em; border-bottom: 1px solid #333; display: flex; justify-content: space-between; }
-.cart-items { flex-grow: 1; overflow-y: auto; padding: 15px; }
-.cart-item { display: flex; gap: 10px; margin-bottom: 15px; align-items: center; background: #222; padding: 10px; border-radius: 10px; }
-.cart-item img { width: 50px; height: 50px; object-fit: cover; border-radius: 6px; }
-.cart-item-details { flex-grow: 1; }
-.cart-item-title { font-size: 0.9em; line-height: 1.1; margin-bottom: 4px; display: block; }
-.cart-item-price { font-weight: bold; color: var(--secondary); font-size: 0.95em; }
-.cart-controls { display: flex; align-items: center; gap: 10px; background: #333; border-radius: 6px; padding: 2px 8px; }
-.cart-btn { background: none; border: none; color: white; font-size: 1.2em; padding: 0 5px; cursor: pointer; }
-.cart-footer { padding: 15px; border-top: 1px solid #333; background: #181818; }
-.checkout-btn { width: 100%; background: var(--primary); color: white; border: none; padding: 15px; border-radius: 12px; font-size: 1.1em; font-weight: bold; cursor: pointer; }
 </style></head><body>
 <div class="container">
     <div class="biz-header">
@@ -417,175 +345,245 @@ body { background: var(--card-bg-dark); padding-bottom: 100px; }
         <h1>{{ page.org_name }}</h1>
     </div>
-    {% if page.products %}
     <div class="product-grid">
         {% for product in page.products %}
         <div class="product-card">
-            {% if product.photo_path %}
-                <img src="{{ hf_file_url_jinja(product.photo_path) }}" class="product-image" loading="lazy">
-            {% else %}
-                 <div class="product-image" style="display: flex; align-items: center; justify-content: center; background: #333;"><i class="fa-solid fa-image" style="font-size:2em; color:#555;"></i></div>
-            {% endif %}
             <div class="product-info">
                 {% if page.show_prices and product.price %}
-                    <div class="product-price">{{ "%.0f"|format(product.price|float) if product.price % 1 == 0 else product.price }} <span class="product-currency">{{ page.currency }}</span></div>
                 {% endif %}
                 <div class="product-name">{{ product.name }}</div>
-                {% if page.show_prices %}
-                <button class="add-btn" onclick="addToCart('{{ product.id }}', '{{ product.name|replace("'", "") }}', {{ product.price or 0 }}, '{{ product.photo_path or "" }}')">В корзину</button>
                 {% endif %}
             </div>
         </div>
         {% endfor %}
     </div>
-    {% else %}
-        <p style="text-align: center; color: #777;">Товары скоро появятся.</p>
-    {% endif %}
 </div>
-<div class="cart-fab" id="cart-fab" onclick="openCart()">
-    <i class="fa-solid fa-cart-shopping" style="font-size: 1.5em; color: white;"></i>
-    <div class="cart-count" id="cart-count">0</div>
 </div>
-<div class="modal" id="cart-modal" onclick="if(event.target === this) closeCart()">
-    <div class="modal-content">
-        <div class="cart-header">
-            <span>Корзина</span>
-            <span onclick="closeCart()" style="cursor:pointer">&times;</span>
-        </div>
-        <div class="cart-items" id="cart-items-container">
-            <!-- JS render -->
         </div>
-        <div class="cart-footer">
-            <button class="checkout-btn" onclick="checkout()" id="checkout-btn">Оформить за 0 {{ page.currency }}</button>
         </div>
     </div>
 </div>
 <script>
-let cart = JSON.parse(localStorage.getItem('cart_{{ page.login }}')) || {};
-const CURRENCY = '{{ page.currency }}';
-function addToCart(id, name, price, photo) {
-    if (!cart[id]) {
-        cart[id] = { name: name, price: parseFloat(price), photo: photo, qty: 0 };
     }
-    cart[id].qty += 1;
-    updateCartUI();
-    openCart(); // Feedback
-}
-function removeFromCart(id) {
-    if (cart[id]) {
-        cart[id].qty -= 1;
-        if (cart[id].qty <= 0) delete cart[id];
         updateCartUI();
     }
-}
-function updateCartUI() {
-    localStorage.setItem('cart_{{ page.login }}', JSON.stringify(cart));
-    const totalQty = Object.values(cart).reduce((sum, item) => sum + item.qty, 0);
-    const fab = document.getElementById('cart-fab');
-    const countEl = document.getElementById('cart-count');
-    if (totalQty > 0) {
-        fab.style.display = 'flex';
-        countEl.textContent = totalQty;
-    } else {
-        fab.style.display = 'none';
-        closeCart();
     }
-    renderCartModal();
-}
-function renderCartModal() {
-    const container = document.getElementById('cart-items-container');
-    container.innerHTML = '';
-    let totalSum = 0;
-    Object.keys(cart).forEach(id => {
-        const item = cart[id];
-        totalSum += item.qty * item.price;
-        let imgHTML = '<div style="width:50px; height:50px; background:#333; border-radius:6px;"></div>';
-        if (item.photo) {
-            const imgUrl = `https://huggingface.co/datasets/{{ REPO_ID }}/resolve/main/${item.photo}`;
-            imgHTML = `<img src="${imgUrl}" alt="">`;
         }
-        const div = document.createElement('div');
-        div.className = 'cart-item';
-        div.innerHTML = `
-            ${imgHTML}
-            <div class="cart-item-details">
-                <span class="cart-item-title">${item.name}</span>
-                <span class="cart-item-price">${item.price} ${CURRENCY}</span>
-            </div>
-            <div class="cart-controls">
-                <button class="cart-btn" onclick="removeFromCart('${id}')">-</button>
-                <span style="font-weight:bold; width:20px; text-align:center;">${item.qty}</span>
-                <button class="cart-btn" onclick="addToCart('${id}', '', 0, '')">+</button>
-            </div>
-        `;
-        container.appendChild(div);
-    });
-    document.getElementById('checkout-btn').textContent = `Оформить за ${totalSum.toFixed(2)} ${CURRENCY}`;
-}
-function openCart() {
-    renderCartModal();
-    document.getElementById('cart-modal').style.display = 'flex';
-}
-function closeCart() {
-    document.getElementById('cart-modal').style.display = 'none';
-}
-async function checkout() {
-    if (Object.keys(cart).length === 0) return;
-    const btn = document.getElementById('checkout-btn');
-    btn.disabled = true;
-    btn.textContent = 'Загрузка...';
-    const payload = {
-        items: Object.keys(cart).map(id => ({
-            id: id,
-            qty: cart[id].qty
-        }))
-    };
-    try {
-        const res = await fetch("{{ url_for('create_business_order', login=page.login) }}", {
-            method: 'POST',
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify(payload)
-        });
-        const data = await res.json();
-        if (data.status === 'success') {
-            localStorage.removeItem('cart_{{ page.login }}');
-            window.location.href = data.redirect_url;
-        } else {
-            alert(data.message || 'Ошибка создания заказа');
             btn.disabled = false;
-            updateCartUI();
         }
-    } catch (e) {
-        alert('Сетевая ошибка');
-        btn.disabled = false;
-        updateCartUI();
     }
-}
-document.addEventListener('DOMContentLoaded', updateCartUI);
 </script>
 </body></html>
 '''
 def find_node_by_id(filesystem, node_id):
     if not filesystem: return None, None
     if filesystem.get('id') == node_id:
@@ -688,7 +686,6 @@ def initialize_user_filesystem_tma(user_data, tma_user_id_str):
         del user_data['files']
     user_data.setdefault('owned_business_pages', [])
 @cache.memoize(timeout=300)
 def load_data():
     try:
@@ -1702,7 +1699,7 @@ TMA_CREATE_EDIT_BUSINESS_FORM_HTML = '''
         <div class="form-group">
              <label class="checkbox-label">
                 <input type="checkbox" name="show_prices" value="true" {{ 'checked' if page and page.show_prices }}>
-                <span>Указывать цены на товары</span>
             </label>
         </div>
         <div class="form-group">
@@ -1766,7 +1763,7 @@ TMA_MANAGE_PRODUCTS_HTML = '''
                 <div class="item-name-info">
                     <p class="item-name">{{ product.name }}</p>
                     {% if page.show_prices %}
-                    <p class="item-info">{{ "%.2f"|format(product.price|float) }} {{ page.currency }}</p>
                     {% endif %}
                 </div>
                 <button onclick="openProductModal('{{ product.id }}')" class="btn" style="background: var(--accent); padding: 8px 12px; font-size: 0.8em; margin-left: auto;"><i class="fa-solid fa-pencil"></i></button>
@@ -1797,7 +1794,7 @@ TMA_MANAGE_PRODUCTS_HTML = '''
         {% if page.show_prices %}
         <div class="form-group">
             <label for="price">Цена ({{ page.currency }})</label>
-            <input type="number" name="price" id="price" step="0.01">
         </div>
         {% endif %}
         <div class="form-group">
@@ -2750,70 +2747,54 @@ def public_business_page(login):
     page = data.get('business_pages', {}).get(login)
     if not page:
         return "Страница не найдена.", 404
-    return render_template_string(PUBLIC_BUSINESS_PAGE_HTML, page=page, hf_file_url_jinja=lambda path, download=False: f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{quote(path)}{'?download=true' if download else ''}", REPO_ID=REPO_ID)
-@app.route('/business/<login>/create_order', methods=['POST'])
-def create_business_order(login):
     data = load_data()
     page = data.get('business_pages', {}).get(login)
-    if not page: return jsonify({'status': 'error', 'message': 'Страница не найдена.'}), 404
     try:
-        payload = request.json
-        items_req = payload.get('items', [])
-        if not items_req:
             return jsonify({'status': 'error', 'message': 'Корзина пуста'}), 400
-        final_items = []
-        total_price = 0
-        products_map = {p['id']: p for p in page.get('products', [])}
-        for item in items_req:
-            pid = item.get('id')
-            qty = int(item.get('qty', 1))
-            if pid in products_map:
-                prod = products_map[pid]
-                price = float(prod.get('price', 0))
-                final_items.append({
-                    'name': prod['name'],
-                    'price': price,
-                    'qty': qty,
-                    'photo': prod.get('photo_path'),
-                    'total_item_price': price * qty
-                })
-                total_price += price * qty
-        if not final_items:
-            return jsonify({'status': 'error', 'message': 'Товары не найдены'}), 400
         order_id = uuid.uuid4().hex
         order_data = {
             'id': order_id,
             'page_login': login,
-            'items': final_items,
-            'total_price': total_price,
-            'created_at': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
         }
-        data.setdefault('orders', {})[order_id] = order_data
-        save_data(data)
-        return jsonify({'status': 'success', 'redirect_url': url_for('view_business_order', order_id=order_id)})
     except Exception as e:
-        logging.error(f"Order creation error: {e}")
-        return jsonify({'status': 'error', 'message': 'Ошибка сервера'}), 500
 @app.route('/order/<order_id>')
-def view_business_order(order_id):
     data = load_data()
     order = data.get('orders', {}).get(order_id)
-    if not order: return "Заказ не найден", 404
     page = data.get('business_pages', {}).get(order['page_login'])
-    if not page: return "Страница магазина удалена", 404
-    return render_template_string(ORDER_RECEIPT_HTML, order=order, page=page, hf_file_url_jinja=lambda path, download=False: f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{quote(path)}{'?download=true' if download else ''}")
 @app.route('/tma_business/manage/<login>')
 def tma_manage_products(login):

 </body></html>
 '''
 PUBLIC_BUSINESS_PAGE_HTML = '''
+<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>{{ page.org_name }}</title>
 <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+<script src="https://telegram.org/js/telegram-web-app.js"></script>
 <style>''' + BASE_STYLE + '''
+body { background: var(--background-dark); padding-bottom: 80px; }
+.container { max-width: 1000px; padding-top: 20px; }
+.biz-header { text-align: center; margin-bottom: 30px; }
+.biz-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin: 0 auto 15px auto; border: 3px solid var(--accent); }
+.biz-header h1 { font-size: 2em; color: var(--text-dark); }
+.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
+@media (min-width: 768px) { .product-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; } }
+.product-card { background: var(--card-bg-dark); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: transform 0.2s; border: 1px solid #2a2a2a; }
+.product-image-wrapper { width: 100%; padding-top: 100%; position: relative; background: #2a2a2a; }
+.product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
+.product-info { padding: 10px; display: flex; flex-direction: column; flex-grow: 1; }
+.product-price { font-weight: 800; font-size: 1.1em; color: var(--text-dark); margin-bottom: 4px; }
+.product-name { font-size: 0.9em; line-height: 1.3; margin-bottom: 8px; color: #bbb; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.6em; }
+.product-bottom { margin-top: auto; }
+.add-to-cart-btn { background: rgba(255, 255, 255, 0.1); color: white; border: none; width: 100%; padding: 8px; border-radius: 8px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 5px; transition: 0.2s; }
+.add-to-cart-btn:hover { background: var(--primary); }
+.add-to-cart-btn.added { background: var(--share-color); }
+.cart-fab { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; box-shadow: var(--shadow); cursor: pointer; z-index: 1000; }
+.cart-badge { position: absolute; top: -5px; right: -5px; background: #fff; color: var(--primary); font-size: 12px; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--primary); }
+.cart-modal { display: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 2000; justify-content: center; align-items: flex-end; }
+.cart-content { background: var(--card-bg-dark); width: 100%; max-width: 600px; max-height: 90vh; border-radius: 20px 20px 0 0; padding: 20px; display: flex; flex-direction: column; margin: 0 auto; }
+.cart-items { flex-grow: 1; overflow-y: auto; margin-bottom: 15px; }
+.cart-item { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #333; }
+.cart-item img { width: 50px; height: 50px; border-radius: 8px; object-fit: cover; }
+.cart-item-info { flex-grow: 1; }
+.cart-item-controls { display: flex; align-items: center; gap: 10px; }
+.qty-btn { width: 28px; height: 28px; border-radius: 50%; border: none; background: #333; color: white; cursor: pointer; }
+.checkout-btn { width: 100%; padding: 15px; background: var(--primary); color: white; border: none; border-radius: 12px; font-weight: bold; font-size: 1.1em; cursor: pointer; }
+.empty-cart { text-align: center; padding: 40px; color: var(--text-muted); }
 </style></head><body>
 <div class="container">
     <div class="biz-header">
         <h1>{{ page.org_name }}</h1>
     </div>
     <div class="product-grid">
         {% for product in page.products %}
         <div class="product-card">
+            <div class="product-image-wrapper">
+                {% if product.photo_path %}
+                    <img src="{{ hf_file_url_jinja(product.photo_path) }}" alt="{{ product.name }}" class="product-image">
+                {% else %}
+                    <div class="product-image" style="background: #333; display: flex; align-items: center; justify-content: center;"><i class="fa-solid fa-image" style="font-size: 2em; color: #555;"></i></div>
+                {% endif %}
+            </div>
             <div class="product-info">
                 {% if page.show_prices and product.price %}
+                    <div class="product-price">{{ "%.0f"|format(product.price|float) }} {{ page.currency }}</div>
                 {% endif %}
                 <div class="product-name">{{ product.name }}</div>
+                {% if page.show_prices and product.price %}
+                <div class="product-bottom">
+                    <button class="add-to-cart-btn" onclick='addToCart({{ product|tojson }})' id="btn-{{ product.id }}">
+                        <i class="fa-solid fa-cart-plus"></i> В корзину
+                    </button>
+                </div>
                 {% endif %}
             </div>
         </div>
         {% endfor %}
     </div>
 </div>
+{% if page.show_prices %}
+<div class="cart-fab" onclick="openCart()">
+    <i class="fa-solid fa-shopping-cart"></i>
+    <span class="cart-badge" id="cart-badge" style="display: none;">0</span>
 </div>
+<div class="cart-modal" id="cart-modal">
+    <div class="cart-content">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
+            <h3>Корзина</h3>
+            <button onclick="closeCart()" style="background:none; border:none; color:white; font-size: 1.5em;"><i class="fa-solid fa-times"></i></button>
         </div>
+        <div class="cart-items" id="cart-items"></div>
+        <div style="border-top: 1px solid #333; padding-top: 15px; margin-bottom: 15px; display: flex; justify-content: space-between; font-weight: bold;">
+            <span>Итого:</span>
+            <span id="cart-total">0 {{ page.currency }}</span>
         </div>
+        <button class="checkout-btn" onclick="checkout()">Оформить заказ</button>
     </div>
 </div>
+{% endif %}
 <script>
+    window.Telegram.WebApp.ready();
+    window.Telegram.WebApp.expand();
+    const haptic = window.Telegram.WebApp.HapticFeedback;
+    let cart = JSON.parse(localStorage.getItem('cart_{{ page.login }}')) || [];
+    function updateCartUI() {
+        const badge = document.getElementById('cart-badge');
+        const totalQty = cart.reduce((sum, item) => sum + item.qty, 0);
+        if (totalQty > 0) {
+            badge.style.display = 'flex';
+            badge.textContent = totalQty;
+        } else {
+            badge.style.display = 'none';
+        }
+        localStorage.setItem('cart_{{ page.login }}', JSON.stringify(cart));
     }
+    function addToCart(product) {
+        haptic.impactOccurred('light');
+        const existing = cart.find(item => item.id === product.id);
+        if (existing) {
+            existing.qty++;
+        } else {
+            cart.push({ ...product, qty: 1 });
+        }
+        const btn = document.getElementById('btn-' + product.id);
+        btn.classList.add('added');
+        btn.innerHTML = '<i class="fa-solid fa-check"></i> Добавлено';
+        setTimeout(() => {
+            btn.classList.remove('added');
+            btn.innerHTML = '<i class="fa-solid fa-cart-plus"></i> В корзину';
+        }, 1000);
         updateCartUI();
     }
+    function openCart() {
+        haptic.impactOccurred('medium');
+        const modal = document.getElementById('cart-modal');
+        const container = document.getElementById('cart-items');
+        container.innerHTML = '';
+        let total = 0;
+        if (cart.length === 0) {
+            container.innerHTML = '<div class="empty-cart"><i class="fa-solid fa-cart-arrow-down" style="font-size: 3em; margin-bottom: 10px;"></i><p>Корзина пуста</p></div>';
+            document.getElementById('cart-total').textContent = '0 {{ page.currency }}';
+        } else {
+            cart.forEach(item => {
+                total += item.price * item.qty;
+                const div = document.createElement('div');
+                div.className = 'cart-item';
+                div.innerHTML = `
+                    ${item.photo_path ? `<img src="https://huggingface.co/datasets/{{ REPO_ID }}/resolve/main/${item.photo_path}">` : '<div style="width:50px; height:50px; background:#333; border-radius:8px;"></div>'}
+                    <div class="cart-item-info">
+                        <div style="font-weight:500; font-size: 0.9em;">${item.name}</div>
+                        <div style="color: var(--text-muted); font-size: 0.8em;">${item.price} {{ page.currency }}</div>
+                    </div>
+                    <div class="cart-item-controls">
+                        <button class="qty-btn" onclick="changeQty('${item.id}', -1)">-</button>
+                        <span>${item.qty}</span>
+                        <button class="qty-btn" onclick="changeQty('${item.id}', 1)">+</button>
+                    </div>
+                `;
+                container.appendChild(div);
+            });
+            document.getElementById('cart-total').textContent = Math.round(total) + ' {{ page.currency }}';
+        }
+        modal.style.display = 'flex';
     }
+    function closeCart() {
+        document.getElementById('cart-modal').style.display = 'none';
+    }
+    function changeQty(id, delta) {
+        haptic.impactOccurred('light');
+        const idx = cart.findIndex(item => item.id === id);
+        if (idx !== -1) {
+            cart[idx].qty += delta;
+            if (cart[idx].qty <= 0) cart.splice(idx, 1);
+            updateCartUI();
+            openCart();
         }
+    }
+    async function checkout() {
+        if (cart.length === 0) return;
+        haptic.impactOccurred('heavy');
+        const btn = document.querySelector('.checkout-btn');
+        btn.disabled = true;
+        btn.textContent = 'Обработка...';
+        try {
+            const response = await fetch('{{ url_for("create_order_api", login=page.login) }}', {
+                method: 'POST',
+                headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify({ items: cart })
+            });
+            const result = await response.json();
+            if (result.status === 'success') {
+                cart = [];
+                localStorage.removeItem('cart_{{ page.login }}');
+                window.location.href = result.redirect_url;
+            } else {
+                alert('Ошибка: ' + result.message);
+                btn.disabled = false;
+                btn.textContent = 'Оформить заказ';
+            }
+        } catch (e) {
+            alert('Ошибка сети');
             btn.disabled = false;
+            btn.textContent = 'Оформить заказ';
         }
     }
+    updateCartUI();
 </script>
 </body></html>
 '''
+PUBLIC_ORDER_PAGE_HTML = '''
+<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Заказ #{{ order.id[:8] }}</title>
+<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+<style>''' + BASE_STYLE + '''
+.container { max-width: 600px; margin-top: 20px; }
+.order-card { background: var(--card-bg-dark); border-radius: 16px; padding: 20px; margin-bottom: 20px; }
+.order-item { display: flex; gap: 15px; padding: 15px 0; border-bottom: 1px solid #333; }
+.order-item:last-child { border-bottom: none; }
+.item-img { width: 70px; height: 70px; border-radius: 10px; object-fit: cover; background: #333; }
+.total-row { display: flex; justify-content: space-between; font-size: 1.2em; font-weight: 800; margin-top: 20px; color: var(--secondary); }
+.send-btn { width: 100%; padding: 16px; border-radius: 12px; font-weight: bold; font-size: 1.1em; text-decoration: none; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px; color: white; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
+.whatsapp { background: #25D366; }
+.telegram { background: #0088cc; }
+</style></head><body>
+<div class="container">
+    <h2 style="text-align: center;">Заказ оформлен!</h2>
+    <div class="order-card">
+        <h4 style="color: var(--text-muted); margin-bottom: 15px;">Заказ #{{ order.id[:8] }}</h4>
+        <div class="order-items">
+            {% for item in order.items %}
+            <div class="order-item">
+                {% if item.photo_path %}
+                    <img src="{{ hf_file_url_jinja(item.photo_path) }}" class="item-img">
+                {% else %}
+                    <div class="item-img" style="display: flex; align-items: center; justify-content: center;"><i class="fa-solid fa-box"></i></div>
+                {% endif %}
+                <div style="flex-grow: 1;">
+                    <div style="font-weight: 600;">{{ item.name }}</div>
+                    <div style="color: var(--text-muted); font-size: 0.9em;">{{ item.qty }} x {{ item.price }} {{ page.currency }}</div>
+                </div>
+                <div style="font-weight: bold;">{{ item.price * item.qty }} {{ page.currency }}</div>
+            </div>
+            {% endfor %}
+        </div>
+        <div class="total-row">
+            <span>Итого:</span>
+            <span>{{ order.total }} {{ page.currency }}</span>
+        </div>
+    </div>
+    <p style="text-align: center; color: var(--text-muted); margin-bottom: 15px;">Нажмите кнопку ниже, чтобы отправить заказ продавцу.</p>
+    {% set order_url = url_for('view_order', order_id=order.id, _external=True) %}
+    {% set msg_text = "Здравствуйте! Я оформил заказ. Ссылка: " + order_url %}
+    {% if page.order_destination == 'whatsapp' %}
+        <a href="https://wa.me/{{ page.contact_number }}?text={{ msg_text|urlencode }}" class="send-btn whatsapp" target="_blank">
+            <i class="fab fa-whatsapp"></i> Отправить в WhatsApp
+        </a>
+    {% else %}
+        <a href="https://t.me/{{ page.contact_number }}" onclick="copyAndOpenTg('{{ page.contact_number }}', '{{ msg_text }}')" class="send-btn telegram" target="_blank">
+            <i class="fab fa-telegram"></i> Отправить в Telegram
+        </a>
+        <script>
+            function copyAndOpenTg(username, text) {
+                // Telegram links don't support pre-filled text easily across all devices, so we copy to clipboard
+                navigator.clipboard.writeText(text).then(() => {
+                    alert('Текст сообщения скопирован! Вставьте его в чат.');
+                });
+            }
+        </script>
+    {% endif %}
+</div>
+</body></html>
+'''
 def find_node_by_id(filesystem, node_id):
     if not filesystem: return None, None
     if filesystem.get('id') == node_id:
         del user_data['files']
     user_data.setdefault('owned_business_pages', [])
 @cache.memoize(timeout=300)
 def load_data():
     try:
         <div class="form-group">
              <label class="checkbox-label">
                 <input type="checkbox" name="show_prices" value="true" {{ 'checked' if page and page.show_prices }}>
+                <span>Указывать цены на товары и разрешить заказы</span>
             </label>
         </div>
         <div class="form-group">
                 <div class="item-name-info">
                     <p class="item-name">{{ product.name }}</p>
                     {% if page.show_prices %}
+                    <p class="item-info">{{ "%.0f"|format(product.price|float) }} {{ page.currency }}</p>
                     {% endif %}
                 </div>
                 <button onclick="openProductModal('{{ product.id }}')" class="btn" style="background: var(--accent); padding: 8px 12px; font-size: 0.8em; margin-left: auto;"><i class="fa-solid fa-pencil"></i></button>
         {% if page.show_prices %}
         <div class="form-group">
             <label for="price">Цена ({{ page.currency }})</label>
+            <input type="number" name="price" id="price" step="1">
         </div>
         {% endif %}
         <div class="form-group">
     page = data.get('business_pages', {}).get(login)
     if not page:
         return "Страница не найдена.", 404
+    return render_template_string(PUBLIC_BUSINESS_PAGE_HTML, page=page, REPO_ID=REPO_ID, hf_file_url_jinja=lambda path, download=False: f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{quote(path)}{'?download=true' if download else ''}")
+@app.route('/api/business/<login>/create_order', methods=['POST'])
+def create_order_api(login):
     data = load_data()
     page = data.get('business_pages', {}).get(login)
+    if not page:
+        return jsonify({'status': 'error', 'message': 'Страница не найдена'}), 404
     try:
+        req_data = request.json
+        items = req_data.get('items', [])
+        if not items:
             return jsonify({'status': 'error', 'message': 'Корзина пуста'}), 400
+        total = 0
+        for item in items:
+            total += float(item.get('price', 0)) * int(item.get('qty', 1))
         order_id = uuid.uuid4().hex
         order_data = {
             'id': order_id,
             'page_login': login,
+            'items': items,
+            'total': total,
+            'created_at': datetime.now().isoformat()
         }
+        data['orders'][order_id] = order_data
+        save_data(data)
+        return jsonify({'status': 'success', 'redirect_url': url_for('view_order', order_id=order_id)})
     except Exception as e:
+        logging.error(f"Order creation failed: {e}")
+        return jsonify({'status': 'error', 'message': 'Server error'}), 500
 @app.route('/order/<order_id>')
+def view_order(order_id):
     data = load_data()
     order = data.get('orders', {}).get(order_id)
+    if not order:
+        return "Заказ не найден", 404
     page = data.get('business_pages', {}).get(order['page_login'])
+    if not page:
+        return "Страница магазина не найдена", 404
+    return render_template_string(PUBLIC_ORDER_PAGE_HTML, order=order, page=page, hf_file_url_jinja=lambda path, download=False: f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{quote(path)}{'?download=true' if download else ''}")
 @app.route('/tma_business/manage/<login>')
 def tma_manage_products(login):