Update app.py

app.py

@@ -1,4 +1,5 @@
 
+
 import flask
 from flask import Flask, render_template_string, request, redirect, url_for, session, flash, send_file, jsonify, Response, stream_with_context
 from flask_caching import Cache
@@ -305,37 +306,33 @@ PUBLIC_BUSINESS_PAGE_HTML = '''
 <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; }
+body { background: var(--card-bg-dark); padding-bottom: 80px; }
+.container { max-width: 800px; padding-top: 20px; }
+.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; }
+.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-bottom: 20px; }
+.product-card { background: var(--background-dark); border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.2); display: flex; flex-direction: column; height: 100%; }
+.product-image { width: 100%; height: 160px; object-fit: cover; background-color: #2a2a2a; }
+.product-info { padding: 10px; flex-grow: 1; display: flex; flex-direction: column; }
+.product-name { font-size: 0.95em; font-weight: 600; margin-bottom: 4px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; }
+.product-price { font-size: 1.1em; font-weight: 800; color: var(--secondary); margin-bottom: 8px; }
+.add-to-cart-btn { width: 100%; background: var(--primary); border: none; color: white; padding: 8px; border-radius: 8px; font-weight: 600; cursor: pointer; font-size: 0.9em; margin-top: auto; }
+.cart-fab { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background: var(--secondary); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-size: 1.5em; box-shadow: var(--shadow); cursor: pointer; z-index: 1000; }
+.cart-badge { position: absolute; top: -5px; right: -5px; background: var(--delete-color); color: white; border-radius: 50%; width: 24px; height: 24px; font-size: 0.8em; display: flex; justify-content: center; align-items: center; font-weight: bold; border: 2px solid var(--card-bg-dark); }
+.cart-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2000; align-items: flex-end; }
+.cart-content { background: var(--card-bg-dark); width: 100%; max-height: 80vh; border-radius: 20px 20px 0 0; padding: 20px; display: flex; flex-direction: column; animation: slideUp 0.3s ease-out; }
+@keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
+.cart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px; }
+.cart-items { overflow-y: auto; flex-grow: 1; margin-bottom: 15px; }
+.cart-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #2a2a2a; }
 .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); }
+.cart-item-title { font-weight: 600; font-size: 0.95em; }
+.cart-item-price { color: var(--secondary); font-size: 0.9em; }
+.cart-controls { display: flex; align-items: center; gap: 10px; }
+.cart-controls button { background: #333; color: white; border: none; width: 30px; height: 30px; border-radius: 50%; font-weight: bold; cursor: pointer; }
+.checkout-btn { background: var(--secondary); color: white; border: none; width: 100%; padding: 15px; border-radius: 12px; font-size: 1.1em; font-weight: bold; cursor: pointer; }
 </style></head><body>
 <div class="container">
     <div class="biz-header">
@@ -348,168 +345,144 @@ body { background: var(--background-dark); padding-bottom: 80px; }
     <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>
+            {% if product.photo_path %}
+                <img src="{{ hf_file_url_jinja(product.photo_path) }}" class="product-image">
+            {% else %}
+                <div class="product-image" style="display: flex; justify-content: center; align-items: center; color: #555;"><i class="fa-solid fa-image fa-2x"></i></div>
+            {% endif %}
             <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>
+                    <div class="product-price">{{ "%.2f"|format(product.price|float) }} {{ page.currency }}</div>
+                    <button class="add-to-cart-btn" onclick="addToCart('{{ product.id }}', '{{ product.name|escape }}', {{ product.price }})">В корзину</button>
+                {% else %}
+                     <p style="font-size:0.8em; color:var(--text-muted); margin-top:auto;">{{ product.description|truncate(50) }}</p>
                 {% endif %}
             </div>
         </div>
         {% endfor %}
     </div>
+    {% if not page.products %}<p style="text-align: center;">Товары скоро появятся.</p>{% endif %}
 </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>
+    <i class="fa-solid fa-cart-shopping"></i>
+    <div class="cart-badge" id="cart-count">0</div>
 </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;">
+        <div class="cart-header">
             <h3>Корзина</h3>
-            <button onclick="closeCart()" style="background:none; border:none; color:white; font-size: 1.5em;"><i class="fa-solid fa-times"></i></button>
+            <button onclick="closeCart()" style="background:none; border:none; color:white; font-size:1.5em;">&times;</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;">
+        <div class="cart-items" id="cart-items-container"></div>
+        <div style="display:flex; justify-content:space-between; font-weight:bold; margin-bottom:15px; font-size:1.1em;">
             <span>Итого:</span>
-            <span id="cart-total">0 {{ page.currency }}</span>
+            <span id="cart-total">0.00 {{ page.currency }}</span>
         </div>
         <button class="checkout-btn" onclick="checkout()">Оформить заказ</button>
     </div>
 </div>
+{% else %}
+<div class="cart-fab" style="background: var(--business-color); width: auto; padding: 0 20px; border-radius: 30px;" onclick="contactDirect()">
+    <i class="{{ 'fa-brands fa-whatsapp' if page.order_destination == 'whatsapp' else 'fa-brands fa-telegram' }}" style="margin-right: 8px;"></i> Связаться
+</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 }}')) || [];
+    const CURRENCY = '{{ page.currency }}';
+    const LOGIN = '{{ page.login }}';
+    let cart = JSON.parse(localStorage.getItem(`cart_${LOGIN}`)) || {};
 
+    function saveCart() { localStorage.setItem(`cart_${LOGIN}`, JSON.stringify(cart)); updateCartUI(); }
+    
     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));
+        const count = Object.values(cart).reduce((a, c) => a + c.qty, 0);
+        document.getElementById('cart-count').textContent = count;
+        if(document.getElementById('cart-items-container')) renderCartItems();
     }
 
-    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 });
+    function addToCart(id, name, price) {
+        if (!cart[id]) cart[id] = { name, price, qty: 0 };
+        cart[id].qty++;
+        saveCart();
+        const badge = document.getElementById('cart-count');
+        badge.style.transform = 'scale(1.3)';
+        setTimeout(() => badge.style.transform = 'scale(1)', 200);
+    }
+
+    function removeFromCart(id) {
+        if (cart[id]) {
+            cart[id].qty--;
+            if (cart[id].qty <= 0) delete cart[id];
+            saveCart();
         }
-        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');
+    function renderCartItems() {
+        const container = document.getElementById('cart-items-container');
         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 }}';
+        if (Object.keys(cart).length === 0) {
+            container.innerHTML = '<p style="text-align:center; color:var(--text-muted);">Корзина пуста</p>';
         } else {
-            cart.forEach(item => {
+            Object.entries(cart).forEach(([id, 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>
+                container.innerHTML += `
+                    <div class="cart-item">
+                        <div class="cart-item-info">
+                            <div class="cart-item-title">${item.name}</div>
+                            <div class="cart-item-price">${item.price} ${CURRENCY}</div>
+                        </div>
+                        <div class="cart-controls">
+                            <button onclick="removeFromCart('${id}')">-</button>
+                            <span>${item.qty}</span>
+                            <button onclick="addToCart('${id}', '${item.name.replace(/'/g, "\\'")}', ${item.price})">+</button>
+                        </div>
                     </div>
                 `;
-                container.appendChild(div);
             });
-            document.getElementById('cart-total').textContent = Math.round(total) + ' {{ page.currency }}';
         }
-        modal.style.display = 'flex';
+        document.getElementById('cart-total').textContent = `${total.toFixed(2)} ${CURRENCY}`;
     }
 
-    function closeCart() {
-        document.getElementById('cart-modal').style.display = 'none';
-    }
+    function openCart() { document.getElementById('cart-modal').style.display = 'flex'; updateCartUI(); }
+    function closeCart() { document.getElementById('cart-modal').style.display = 'none'; }
+    document.getElementById('cart-modal')?.addEventListener('click', (e) => { if(e.target.id === 'cart-modal') closeCart(); });
 
-    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(); 
-        }
+    function contactDirect() {
+        const phone = '{{ page.contact_number }}'.replace(/[^0-9]/g, '');
+        const dest = '{{ page.order_destination }}';
+        if(dest === 'whatsapp') window.open(`https://wa.me/${phone}`, '_blank');
+        else window.open(`https://t.me/${'{{ page.contact_number }}'.replace('@','')}`, '_blank');
     }
 
     async function checkout() {
-        if (cart.length === 0) return;
-        haptic.impactOccurred('heavy');
+        if (Object.keys(cart).length === 0) return;
         const btn = document.querySelector('.checkout-btn');
-        btn.disabled = true;
-        btn.textContent = 'Обработка...';
+        btn.disabled = true; btn.textContent = 'Создание заказа...';
         
         try {
-            const response = await fetch('{{ url_for("create_order_api", login=page.login) }}', {
+            const response = await fetch(`{{ url_for('create_business_order', login=page.login) }}`, {
                 method: 'POST',
-                headers: {'Content-Type': 'application/json'},
+                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;
+            const res = await response.json();
+            if (res.status === 'success') {
+                localStorage.removeItem(`cart_${LOGIN}`);
+                window.location.href = res.redirect_url;
             } else {
-                alert('Ошибка: ' + result.message);
-                btn.disabled = false;
-                btn.textContent = 'Оформить заказ';
+                alert(res.message || 'Ошибка создания заказа');
             }
         } catch (e) {
             alert('Ошибка сети');
-            btn.disabled = false;
-            btn.textContent = 'Оформить заказ';
+        } finally {
+            btn.disabled = false; btn.textContent = 'Оформить заказ';
         }
     }
-
     updateCartUI();
 </script>
 </body></html>
@@ -517,70 +490,76 @@ body { background: var(--background-dark); padding-bottom: 80px; }
 
 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">
+<title>Заказ #{{ order.order_id }}</title>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;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; }
+body { background: #121212; padding: 20px; }
+.receipt-card { background: white; color: black; border-radius: 0; max-width: 600px; margin: 20px auto; padding: 30px; box-shadow: 0 5px 25px rgba(0,0,0,0.5); position: relative; }
+.receipt-card::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; background: radial-gradient(circle, transparent 50%, white 50%) 0 -5px/20px 20px repeat-x; transform: rotate(180deg); }
+.receipt-card::after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; height: 10px; background: radial-gradient(circle, transparent 50%, white 50%) 0 -5px/20px 20px repeat-x; }
+.receipt-header { text-align: center; border-bottom: 2px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; }
+.receipt-header h1 { color: black; margin: 0; font-size: 1.8em; }
+.receipt-meta { font-family: monospace; color: #555; margin-top: 10px; }
+.item-row { display: flex; gap: 15px; border-bottom: 1px solid #eee; padding: 15px 0; align-items: center; }
+.item-thumb { width: 50px; height: 50px; object-fit: cover; border-radius: 4px; background: #eee; }
+.item-details { flex-grow: 1; }
+.item-name { font-weight: bold; font-size: 0.95em; }
+.item-calc { font-size: 0.85em; color: #666; }
+.item-total { font-weight: bold; }
+.total-row { display: flex; justify-content: space-between; font-size: 1.3em; font-weight: 800; margin-top: 20px; padding-top: 20px; border-top: 2px solid black; }
+.send-btn { display: block; width: 100%; max-width: 600px; margin: 30px auto; background: #25D366; color: white; text-align: center; padding: 15px; border-radius: 12px; font-weight: bold; text-decoration: none; font-size: 1.1em; box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3); }
+.telegram-btn { background: #0088cc; box-shadow: 0 5px 15px rgba(0, 136, 204, 0.3); }
 </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 class="receipt-card">
+    <div class="receipt-header">
+        <h1>{{ page.org_name }}</h1>
+        <div class="receipt-meta">
+            ЗАКАЗ #{{ order.order_id }}<br>
+            {{ order.timestamp }}
         </div>
-        <div class="total-row">
-            <span>Итого:</span>
-            <span>{{ order.total }} {{ page.currency }}</span>
+    </div>
+    
+    {% for item in order.items %}
+    <div class="item-row">
+        {% if item.photo_url %}
+        <img src="{{ item.photo_url }}" class="item-thumb">
+        {% else %}
+        <div class="item-thumb"></div>
+        {% endif %}
+        <div class="item-details">
+            <div class="item-name">{{ item.name }}</div>
+            <div class="item-calc">{{ item.qty }} x {{ item.price }}</div>
         </div>
+        <div class="item-total">{{ "%.2f"|format(item.total|float) }}</div>
     </div>
+    {% endfor %}
 
-    <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 class="total-row">
+        <span>ИТОГО:</span>
+        <span>{{ "%.2f"|format(order.total_price|float) }} {{ page.currency }}</span>
+    </div>
 </div>
+
+{% set order_url = url_for('view_business_order', order_id=order.order_id, _external=True) %}
+{% if page.order_destination == 'whatsapp' %}
+    {% set wa_text = "Здравствуйте! Я хочу оформить заказ. Вот детали: " + order_url %}
+    <a href="https://wa.me/{{ page.contact_number|replace('+','')|replace(' ','') }}?text={{ wa_text|urlencode }}" class="send-btn" target="_blank">
+        <i class="fa-brands fa-whatsapp"></i> Отправить заказ в WhatsApp
+    </a>
+{% else %}
+    <a href="https://t.me/{{ page.contact_number|replace('@','') }}" class="send-btn telegram-btn" target="_blank" onclick="copyLink()">
+        <i class="fa-brands fa-telegram"></i> Отправить заказ в Telegram
+    </a>
+    <p style="text-align:center; color:#888; font-size:0.9em;">Нажмите кнопку, затем вставьте ссылку на заказ в диалог.</p>
+    <script>
+        function copyLink() {
+            navigator.clipboard.writeText("Здравствуйте! Мой заказ: {{ order_url }}");
+        }
+    </script>
+{% endif %}
+
 </body></html>
 '''
 
@@ -686,6 +665,7 @@ 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:
@@ -1699,7 +1679,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>
+                <span>Указывать цены на товары</span>
             </label>
         </div>
         <div class="form-group">
@@ -1763,7 +1743,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">{{ "%.0f"|format(product.price|float) }} {{ page.currency }}</p>
+                    <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>
@@ -1794,7 +1774,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="1">
+            <input type="number" name="price" id="price" step="0.01">
         </div>
         {% endif %}
         <div class="form-group">
@@ -2747,54 +2727,67 @@ 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, 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 ''}")
+    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 ''}")
 
-@app.route('/api/business/<login>/create_order', methods=['POST'])
-def create_order_api(login):
+@app.route('/api/create_order/<login>', 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
+    if not page: return jsonify({'status': 'error', 'message': 'Страница не найдена'}), 404
+
+    req_data = request.json
+    items_dict = req_data.get('items', {})
+    if not items_dict: return jsonify({'status': 'error', 'message': 'Корзина пуста'}), 400
+
+    products_map = {p['id']: p for p in page['products']}
+    order_items = []
+    total_price = 0.0
+
+    for pid, info in items_dict.items():
+        product = products_map.get(pid)
+        if product:
+            qty = info.get('qty', 1)
+            price = float(product.get('price', 0))
+            total = price * qty
+            total_price += total
+            photo_url = None
+            if product.get('photo_path'):
+                photo_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{quote(product['photo_path'])}"
+            
+            order_items.append({
+                'name': product['name'],
+                'price': price,
+                'qty': qty,
+                'total': total,
+                'photo_url': photo_url
+            })
+
+    order_id = uuid.uuid4().hex[:10].upper()
+    new_order = {
+        'order_id': order_id,
+        'page_login': login,
+        'timestamp': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+        'items': order_items,
+        'total_price': total_price
+    }
     
+    data.setdefault('orders', {})[order_id] = new_order
     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)})
+        return jsonify({'status': 'success', 'redirect_url': url_for('view_business_order', order_id=order_id)})
     except Exception as e:
-        logging.error(f"Order creation failed: {e}")
-        return jsonify({'status': 'error', 'message': 'Server error'}), 500
+        return jsonify({'status': 'error', 'message': str(e)}), 500
 
 @app.route('/order/<order_id>')
-def view_order(order_id):
+def view_business_order(order_id):
     data = load_data()
     order = data.get('orders', {}).get(order_id)
-    if not order:
-        return "Заказ не найден", 404
+    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 ''}")
+    if not page: return "Страница магазина не найдена", 404
+
+    return render_template_string(PUBLIC_ORDER_PAGE_HTML, order=order, page=page)
 
 @app.route('/tma_business/manage/<login>')
 def tma_manage_products(login):
@@ -3442,4 +3435,4 @@ if __name__ == '__main__':
     
     threading.Thread(target=check_reminders, daemon=True).start()
     
-    app.run(debug=False, host='0.0.0.0', port=7860)
+    app.run(debug=False, host='0.0.0.0', port=7860)