Update app.py

app.py

@@ -684,7 +684,7 @@ ADMIN_TEMPLATE = '''
     <title>Админ-панель</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
-        :root { --primary: #2d3436; --bg: #f4f6f9; --surface: #ffffff; --border: #e0e6ed; --danger: #ff7675; --success: #00b894; --info: #0984e3; }
+        :root { --primary: #2d3436; --bg: #f4f6f9; --surface: #ffffff; --border: #e0e6ed; --danger: #ff7675; --success: #00b894; --info: #0984e3; --warning: #f39c12; }
         * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
         body { background: var(--bg); padding: max(20px, env(safe-area-inset-top)) 15px calc(20px + env(safe-area-inset-bottom)); margin: 0; color: #2d3436; }
         .container { max-width: 1000px; margin: 0 auto; }
@@ -696,6 +696,7 @@ ADMIN_TEMPLATE = '''
         .btn-primary { background: var(--info); }
         .btn-success { background: var(--success); }
         .btn-danger { background: var(--danger); padding: 8px 15px; font-size: 0.85rem; }
+        .btn-warning { background: var(--warning); padding: 8px 15px; font-size: 0.85rem; }
         .btn-dark { background: var(--primary); }
 
         .sync-panel { display: flex; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; }
@@ -713,6 +714,10 @@ ADMIN_TEMPLATE = '''
         .add-cat-form input { flex: 1; min-width: 200px; }
         .add-cat-form button { white-space: nowrap; }
 
+        .search-bar-admin { position: relative; margin-bottom: 20px; }
+        .search-bar-admin i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #636e72; }
+        .search-bar-admin input { padding-left: 40px; background: var(--surface); border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
+
         .category-block { border: 1px solid var(--border); margin-bottom: 15px; border-radius: 12px; overflow: hidden; background: #fff; }
         .category-header { background: #fafafa; padding: 15px 20px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.2s; }
         .category-header:hover { background: #f0f0f0; }
@@ -727,6 +732,7 @@ ADMIN_TEMPLATE = '''
         .product-name { font-weight: 600; font-size: 0.95rem; }
         .product-desc { font-size: 0.85rem; color: #636e72; margin-top: 2px; }
         .product-meta { font-size: 0.8rem; color: #b2bec3; margin-top: 4px; }
+        .product-actions { display: flex; gap: 5px; }
         
         .add-product-wrapper { display: none; }
         .add-product-wrapper.active { display: block; }
@@ -744,7 +750,7 @@ ADMIN_TEMPLATE = '''
             .header-panel { flex-direction: column; align-items: stretch; text-align: center; }
             .product-item { flex-direction: column; align-items: stretch; }
             .product-info { width: 100%; }
-            .product-item form { align-self: flex-end; }
+            .product-actions { align-self: flex-end; }
             .form-row { flex-direction: column; }
         }
     </style>
@@ -774,12 +780,17 @@ ADMIN_TEMPLATE = '''
             </form>
         </div>
 
+        <div class="search-bar-admin">
+            <i class="fas fa-search"></i>
+            <input type="text" id="adminSearch" placeholder="Поиск по категориям и товарам..." oninput="filterAdmin()">
+        </div>
+
         {% for category in categories %}
         <div class="category-block">
             <div class="category-header" onclick="toggleCategory('cat-{{ loop.index }}')">
                 <div style="display: flex; align-items: center; gap: 10px;">
                     <i class="fas fa-chevron-down" id="icon-cat-{{ loop.index }}" style="color: #636e72;"></i>
-                    <span><i class="fas fa-folder-open" style="color:var(--info); margin-right:5px;"></i> {{ category }}</span>
+                    <span class="cat-title-text"><i class="fas fa-folder-open" style="color:var(--info); margin-right:5px;"></i> {{ category }}</span>
                 </div>
                 <form method="POST" style="margin:0;" onclick="event.stopPropagation();" onsubmit="return confirm('Удалить категорию и все ее товары?');">
                     <input type="hidden" name="action" value="delete_category">
@@ -828,11 +839,32 @@ ADMIN_TEMPLATE = '''
                                 <span class="product-meta">{{ product.price }} {{ currency_code }} • Фото: {{ product.photos|length if product.photos else 0 }}/10</span>
                             </div>
                         </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="btn btn-danger"><i class="fas fa-times"></i> У��алить</button>
-                        </form>
+                        <div class="product-actions">
+                            <button class="btn btn-warning" onclick="toggleEditProduct('edit-prod-{{ product.product_id }}')"><i class="fas fa-edit"></i></button>
+                            <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="btn btn-danger"><i class="fas fa-times"></i></button>
+                            </form>
+                        </div>
+                        <div class="add-product-wrapper" id="edit-prod-{{ product.product_id }}" style="width: 100%; margin-top: 15px; border-top: 1px dashed var(--border); padding-top: 15px;">
+                            <form class="add-product-form" method="POST" enctype="multipart/form-data" onsubmit="showLoading(this)" style="padding: 0;">
+                                <input type="hidden" name="action" value="edit_product">
+                                <input type="hidden" name="product_id" value="{{ product.product_id }}">
+                                <input type="hidden" name="category" value="{{ category }}">
+                                <div style="font-weight: 600; font-size: 0.9rem; color: #636e72;">Редактирование товара</div>
+                                <div class="form-row">
+                                    <input type="text" name="name" value="{{ product.name }}" required autocomplete="off" style="flex:2;">
+                                    <input type="number" name="price" value="{{ product.price }}" required step="0.01" style="flex:1;">
+                                </div>
+                                <textarea name="description">{{ product.description }}</textarea>
+                                <div class="file-input-wrapper">
+                                    <input type="file" name="photos" accept="image/*" multiple max="10">
+                                    <div style="font-size: 0.8rem; color: #999; margin-top: 5px;">Оставьте пустым, чтобы не менять фото</div>
+                                </div>
+                                <button type="submit" class="btn btn-primary" style="width: 100%; justify-content: center;"><i class="fas fa-save"></i> Сохранить изменения</button>
+                            </form>
+                        </div>
                     </div>
                     {% endif %}
                 {% endfor %}
@@ -866,6 +898,48 @@ ADMIN_TEMPLATE = '''
             const form = document.getElementById(id);
             form.classList.toggle('active');
         }
+
+        function toggleEditProduct(id) {
+            const form = document.getElementById(id);
+            form.classList.toggle('active');
+        }
+
+        function filterAdmin() {
+            const query = document.getElementById('adminSearch').value.toLowerCase();
+            const categories = document.querySelectorAll('.category-block');
+
+            categories.forEach(cat => {
+                const catName = cat.querySelector('.cat-title-text').innerText.toLowerCase();
+                const products = cat.querySelectorAll('.product-item');
+                let catMatch = catName.includes(query);
+                let hasVisibleProduct = false;
+
+                products.forEach(prod => {
+                    const prodName = prod.querySelector('.product-name').innerText.toLowerCase();
+                    if (prodName.includes(query) || catMatch) {
+                        prod.style.display = 'flex';
+                        hasVisibleProduct = true;
+                    } else {
+                        prod.style.display = 'none';
+                    }
+                });
+
+                if (catMatch || hasVisibleProduct) {
+                    cat.style.display = 'block';
+                    if (query && hasVisibleProduct) {
+                        cat.querySelector('.category-content').classList.add('active');
+                        cat.querySelector('.fas.fa-chevron-down, .fas.fa-chevron-up').className = 'fas fa-chevron-up';
+                    }
+                } else {
+                    cat.style.display = 'none';
+                }
+
+                if (!query) {
+                    cat.querySelector('.category-content').classList.remove('active');
+                    cat.querySelector('.fas.fa-chevron-up, .fas.fa-chevron-down').className = 'fas fa-chevron-down';
+                }
+            });
+        }
     </script>
 </body>
 </html>
@@ -1003,6 +1077,52 @@ def admin():
             data['products'] = products
             save_data(data)
 
+        elif action == 'edit_product':
+            pid = request.form.get('product_id')
+            name = request.form.get('name', '').strip()
+            price = float(request.form.get('price', 0))
+            description = request.form.get('description', '').strip()
+            uploaded_photos = request.files.getlist('photos')[:10]
+
+            photos_list = []
+            if uploaded_photos and uploaded_photos[0].filename and HF_TOKEN_WRITE:
+                uploads_dir = 'uploads_temp'
+                os.makedirs(uploads_dir, exist_ok=True)
+                api = HfApi()
+                for photo in uploaded_photos:
+                    if photo and photo.filename:
+                        ext = os.path.splitext(photo.filename)[1].lower()
+                        if ext not in ['.jpg', '.jpeg', '.png', '.webp', '.gif']:
+                            continue
+                        photo_filename = f"{uuid4().hex}{ext}"
+                        temp_path = os.path.join(uploads_dir, photo_filename)
+                        photo.save(temp_path)
+                        try:
+                            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)
+
+            for p in products:
+                if p.get('product_id') == pid:
+                    p['name'] = name
+                    p['price'] = price
+                    p['description'] = description
+                    if photos_list:
+                        p['photos'] = photos_list
+                    break
+            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]