Update app.py

app.py

@@ -1,75 +1,55 @@
-from flask import Flask, render_template_string, request, redirect, url_for, session, flash, jsonify
-from flask_caching import Cache
+from flask import Flask, render_template_string, request, redirect, url_for, flash
 import json
 import os
 import logging
 import threading
 import time
-from datetime import datetime, timedelta
-from huggingface_hub import HfApi, hf_hub_download
+from datetime import datetime
+from huggingface_hub import HfApi, hf_hub_download, HfFolder
 from werkzeug.utils import secure_filename
 import uuid
 import html
-from functools import wraps
 
 app = Flask(__name__)
-app.secret_key = os.getenv("FLASK_SECRET_KEY", "a_very_secret_key_for_zzirix")
-app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(days=7)
-
-ADMIN_USER = os.getenv("ADMIN_USER", "admin")
-ADMIN_PASS = os.getenv("ADMIN_PASS", "password")
-
-DATA_FILE = 'zzirix_catalog.json'
-REPO_ID = os.getenv("HF_REPO_ID", "Kgshop/xsetst")
+app.secret_key = os.getenv("FLASK_SECRET_KEY", "zzirix_secret_key")
+DATA_FILE = 'data_zzirix.json'
+REPO_ID = "Kgshop/testxet"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ") or HF_TOKEN_WRITE
-
 UPLOAD_FOLDER = 'uploads'
 os.makedirs(UPLOAD_FOLDER, exist_ok=True)
-
-cache = Cache(app, config={'CACHE_TYPE': 'simple'})
 logging.basicConfig(level=logging.INFO)
 
-LOGO_URL = "https://i.imgur.com/8aL3fB9.png"
+LOGO_URL = "https://cdn-avatars.huggingface.co/v1/production/uploads/673b00f35373479538ac373c/W_dumUND8K6IlMxVmpUgS.jpeg"
 
 def initialize_data_structure(data):
     if not isinstance(data, dict):
-        data = {'products': [], 'categories': []}
-    data.setdefault('products', [])
+        data = {'categories': [], 'products': []}
     data.setdefault('categories', [])
+    data.setdefault('products', [])
     for product in data['products']:
-        product.setdefault('id', str(uuid.uuid4()))
-        product.setdefault('name', 'Untitled Product')
+        if 'id' not in product:
+            product['id'] = str(uuid.uuid4())
+        product.setdefault('name', 'Без названия')
         product.setdefault('description', '')
-        product.setdefault('price', 0.0)
-        product.setdefault('category_id', None)
+        product.setdefault('category', 'Без категории')
         product.setdefault('media', [])
-    for category in data['categories']:
-        category.setdefault('id', str(uuid.uuid4()))
-        category.setdefault('name', 'Uncategorized')
     return data
 
-@cache.memoize(timeout=120)
 def load_data():
     try:
-        if HF_TOKEN_READ:
-            hf_hub_download(
-                repo_id=REPO_ID,
-                filename=DATA_FILE,
-                repo_type="dataset",
-                token=HF_TOKEN_READ,
-                local_dir=".",
-                local_dir_use_symlinks=False,
-                force_download=True
-            )
+        download_db_from_hf()
         if os.path.exists(DATA_FILE) and os.path.getsize(DATA_FILE) > 0:
             with open(DATA_FILE, 'r', encoding='utf-8') as file:
                 data = json.load(file)
         else:
-            data = {'products': [], 'categories': []}
+            data = {'categories': [], 'products': []}
         return initialize_data_structure(data)
+    except (json.JSONDecodeError, FileNotFoundError):
+        logging.error(f"Ошибка при чтении {DATA_FILE}. Создается пустая структура.")
+        return initialize_data_structure({})
     except Exception as e:
-        logging.error(f"Error loading data: {e}")
+        logging.error(f"Ошибка при загрузке данных: {e}")
         return initialize_data_structure({})
 
 def save_data(data):
@@ -78,567 +58,503 @@ def save_data(data):
         with open(temp_file, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
         os.replace(temp_file, DATA_FILE)
-        if HF_TOKEN_WRITE:
-            api = HfApi()
-            api.upload_file(
-                path_or_fileobj=DATA_FILE,
-                path_in_repo=DATA_FILE,
-                repo_id=REPO_ID,
-                repo_type="dataset",
-                token=HF_TOKEN_WRITE,
-                commit_message=f"Catalog update {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
-            )
-        cache.clear()
-        logging.info("Data saved successfully.")
+        upload_db_to_hf()
+        logging.info("Данные сохранены и выгружены в HF")
     except Exception as e:
-        logging.error(f"Error saving data: {e}")
+        logging.error(f"Ошибка при сохранении данных: {e}")
         if os.path.exists(temp_file):
             os.remove(temp_file)
         raise
 
+def upload_db_to_hf():
+    if not HF_TOKEN_WRITE:
+        logging.warning("HF_TOKEN_WRITE не установлен. Пропуск выгрузки.")
+        return
+    try:
+        api = HfApi()
+        api.upload_file(
+            path_or_fileobj=DATA_FILE,
+            path_in_repo=DATA_FILE,
+            repo_id=REPO_ID,
+            repo_type="dataset",
+            token=HF_TOKEN_WRITE,
+            commit_message=f"Резервная копия {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
+        )
+        logging.info("База данных выгружена в Hugging Face")
+    except Exception as e:
+        logging.error(f"Ошибка при выгрузке базы данных: {e}")
+
+def download_db_from_hf():
+    if not HF_TOKEN_READ:
+        logging.warning("HF_TOKEN_READ не установлен. Пропуск загрузки.")
+        if not os.path.exists(DATA_FILE):
+            with open(DATA_FILE, 'w', encoding='utf-8') as f:
+                json.dump(initialize_data_structure({}), f)
+        return
+    try:
+        hf_hub_download(
+            repo_id=REPO_ID,
+            filename=DATA_FILE,
+            repo_type="dataset",
+            token=HF_TOKEN_READ,
+            local_dir=".",
+            local_dir_use_symlinks=False,
+            force_download=True
+        )
+        logging.info("База данных загружена с Hugging Face")
+    except Exception as e:
+        logging.error(f"Ошибка при загрузке базы данных: {e}")
+        if not os.path.exists(DATA_FILE):
+            logging.info("Создается пустой файл базы данных, так как загрузка не удалась и файл не существует.")
+            with open(DATA_FILE, 'w', encoding='utf-8') as f:
+                json.dump(initialize_data_structure({}), f)
+
 def periodic_backup():
     while True:
-        time.sleep(3600)
-        logging.info("Initiating periodic data save.")
+        time.sleep(1800)
+        logging.info("Запуск периодического резервного копирования.")
         try:
             data = load_data()
             save_data(data)
         except Exception as e:
-            logging.error(f"Error during periodic backup: {e}")
-
-def admin_required(f):
-    @wraps(f)
-    def decorated_function(*args, **kwargs):
-        if not session.get('admin_logged_in'):
-            return redirect(url_for('admin_login'))
-        return f(*args, **kwargs)
-    return decorated_function
+            logging.error(f"Ошибка во время периодического резервного копирования: {e}")
 
 def allowed_file(filename):
-    ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif', 'mp4', 'mov', 'webm'}
-    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
+    return '.' in filename and \
+           filename.rsplit('.', 1)[1].lower() in {'png', 'jpg', 'jpeg', 'gif', 'mp4', 'mov', 'webm'}
 
 BASE_STYLE = '''
 :root {
-    --primary-color: #009688; /* Emerald Green */
-    --secondary-color: #00796b; /* Darker Emerald */
-    --accent-color: #4db6ac; /* Lighter Emerald */
-    --text-color: #333;
-    --bg-color: #f4f4f4;
-    --surface-color: #ffffff;
+    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    --primary-color: #008080;
+    --secondary-color: #004d4d;
+    --accent-color: #f0f8ff;
+    --text-dark: #2c3e50;
+    --text-light: #555;
+    --bg-light: #ffffff;
+    --bg-medium: #f9f9f9;
     --border-color: #e0e0e0;
-    --font-sans: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
-    --shadow: 0 4px 6px rgba(0,0,0,0.1);
-    --transition: all 0.3s ease;
+    --shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
+    --transition-fast: all 0.2s ease-in-out;
 }
 @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
 * { margin: 0; padding: 0; box-sizing: border-box; }
 html { scroll-behavior: smooth; }
 body {
     font-family: var(--font-sans);
-    background-color: var(--bg-color);
-    color: var(--text-color);
-    line-height: 1.6;
-}
-.container {
-    width: 90%;
-    max-width: 1200px;
-    margin: 2rem auto;
-    padding: 1rem;
-    animation: fadeIn 0.5s ease;
+    background-color: var(--bg-light);
+    color: var(--text-dark);
+    line-height: 1.7;
+    overflow-x: hidden;
 }
-.header {
-    background-color: var(--surface-color);
-    padding: 1rem 5%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-shadow: var(--shadow);
-    position: sticky;
-    top: 0;
+.sidebar {
+    position: fixed; top: 0; left: 0; width: 260px; height: 100%;
+    background: var(--bg-medium);
+    border-right: 1px solid var(--border-color);
+    padding: 25px;
     z-index: 1000;
+    display: flex; flex-direction: column;
 }
-.header-brand {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    text-decoration: none;
+.sidebar-header {
+    display: flex; align-items: center; gap: 15px; margin-bottom: 30px;
+    padding-bottom: 20px; border-bottom: 1px solid var(--border-color);
+}
+.logo { width: 45px; height: 45px; border-radius: 12px; }
+.nav-brand { font-size: 1.8em; font-weight: 700; color: var(--primary-color); }
+.nav-links { display: flex; flex-direction: column; gap: 8px; }
+.nav-link {
+    display: block; padding: 12px 18px; color: var(--text-light);
+    text-decoration: none; border-radius: 8px; font-weight: 500;
+    transition: var(--transition-fast);
+}
+.nav-link:hover { color: var(--primary-color); background: #e8f3f3; }
+.nav-link.active {
     color: var(--primary-color);
-    font-size: 1.8rem;
-    font-weight: 700;
+    background: #e0f0f0;
+    font-weight: 600;
+}
+.container {
+    margin-left: 280px; padding: 40px;
+    max-width: 1300px;
 }
-.header-brand img { width: 45px; height: 45px; }
-.nav-links { list-style: none; display: flex; gap: 1.5rem; }
-.nav-link { text-decoration: none; color: var(--text-color); font-weight: 500; font-size: 1rem; transition: var(--transition); }
-.nav-link:hover { color: var(--primary-color); }
+.container.animated { animation: fadeIn 0.5s ease; }
 .btn {
-    padding: 0.75rem 1.5rem;
-    background-color: var(--primary-color);
-    color: white;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    font-size: 1rem;
-    font-weight: 500;
+    padding: 12px 25px;
+    background: var(--primary-color);
+    color: white; border: none; border-radius: 8px; cursor: pointer;
+    font-size: 1em; font-weight: 600;
+    transition: var(--transition-fast);
     text-decoration: none;
     display: inline-block;
-    transition: var(--transition);
+    text-align: center;
 }
-.btn:hover { background-color: var(--secondary-color); transform: translateY(-2px); }
-.btn-danger { background-color: #e53935; }
-.btn-danger:hover { background-color: #c62828; }
+.btn:hover { background: var(--secondary-color); transform: translateY(-2px); box-shadow: var(--shadow); }
+.btn-danger { background: #e74c3c; }
+.btn-danger:hover { background: #c0392b; }
+.btn-secondary { background: #7f8c8d; }
+.btn-secondary:hover { background: #34495e; }
 input, textarea, select {
-    width: 100%;
-    padding: 0.75rem;
-    margin-bottom: 1rem;
-    border: 1px solid var(--border-color);
-    border-radius: 5px;
-    font-size: 1rem;
-    font-family: inherit;
+    width: 100%; padding: 12px 15px; margin: 8px 0;
+    border: 1px solid var(--border-color); border-radius: 8px;
+    background: var(--bg-light); color: var(--text-dark);
+    font-size: 1em; font-family: inherit; transition: var(--transition-fast);
 }
-input:focus, textarea:focus, select:focus { outline: 2px solid var(--primary-color); }
-.page-title {
-    font-size: 2.5rem;
-    font-weight: 700;
-    color: var(--text-color);
-    margin-bottom: 2rem;
-    text-align: center;
-    border-bottom: 2px solid var(--primary-color);
-    padding-bottom: 0.5rem;
-    display: inline-block;
+input:focus, textarea:focus, select:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(0, 128, 128, 0.15);
+}
+textarea { min-height: 120px; resize: vertical; }
+.flash {
+    padding: 15px; margin-bottom: 20px; border-radius: 8px;
+    font-weight: 500; border: 1px solid transparent;
 }
-.grid-container {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-    gap: 2rem;
+.flash.success { background-color: #e8f3f3; color: var(--secondary-color); border-color: var(--primary-color); }
+.flash.error { background-color: #fbeae5; color: #c0392b; border-color: #e74c3c; }
+.page-header {
+    display: flex; justify-content: space-between; align-items: center;
+    border-bottom: 1px solid var(--border-color);
+    padding-bottom: 20px; margin-bottom: 30px;
 }
-.category-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 3rem; }
-.product-card, .category-card {
-    background-color: var(--surface-color);
-    border-radius: 8px;
+h1 { font-size: 2.2em; font-weight: 700; color: var(--text-dark); }
+.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }
+.product-item {
+    background: var(--bg-light); border-radius: 12px;
     box-shadow: var(--shadow);
-    overflow: hidden;
-    transition: var(--transition);
-    text-decoration: none;
-    color: inherit;
-    display: flex;
-    flex-direction: column;
+    transition: var(--transition-fast);
+    border: 1px solid var(--border-color);
+    overflow: hidden; display: flex; flex-direction: column;
 }
-.product-card:hover, .category-card:hover { transform: translateY(-5px); box-shadow: 0 8px 12px rgba(0,0,0,0.15); }
-.product-card-img {
-    width: 100%;
-    height: 200px;
-    object-fit: cover;
-    background-color: #eee;
+.product-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); }
+.product-media-link {
+    display: block; text-decoration: none; color: inherit;
+    background-color: #000; height: 220px; overflow: hidden;
 }
-.product-card-body { padding: 1rem; flex-grow: 1; display: flex; flex-direction: column; }
-.product-card-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; }
-.product-card-price { font-size: 1.1rem; font-weight: 700; color: var(--primary-color); margin-top: auto; }
-.product-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; }
-.product-media-gallery { display: flex; flex-direction: column; gap: 1rem; }
-.main-media-display { width: 100%; height: 400px; object-fit: contain; background-color: #000; border-radius: 8px; }
-.media-thumbnails { display: flex; gap: 0.5rem; flex-wrap: wrap; }
-.thumbnail { width: 80px; height: 80px; object-fit: cover; cursor: pointer; border: 2px solid transparent; border-radius: 4px; transition: var(--transition); }
-.thumbnail:hover, .thumbnail.active { border-color: var(--primary-color); }
-.product-info h1 { font-size: 2.2rem; margin-bottom: 1rem; }
-.product-info .price { font-size: 1.8rem; font-weight: 700; color: var(--primary-color); margin-bottom: 1rem; }
-.product-info .description { line-height: 1.7; }
-.flash {
-    padding: 1rem; margin-bottom: 1.5rem; border-radius: 5px; text-align: center; font-weight: 500;
+.product-media { width: 100%; height: 100%; object-fit: cover; }
+.product-item-info { padding: 20px; }
+.product-item h3 { font-size: 1.2em; font-weight: 600; margin-bottom: 8px; color: var(--text-dark); }
+.product-item p { font-size: 0.9em; color: var(--text-light); }
+.product-detail-media { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 15px; margin-bottom: 20px; }
+.product-detail-media img, .product-detail-media video {
+    width: 100%; border-radius: 8px; max-height: 70vh; object-fit: contain; background-color: #000;
 }
-.flash.success { background-color: #e8f5e9; color: #2e7d32; }
-.flash.error { background-color: #ffebee; color: #c62828; }
-.form-container { background-color: var(--surface-color); padding: 2rem; border-radius: 8px; box-shadow: var(--shadow); max-width: 700px; margin: 2rem auto; }
-.form-container label { display: block; margin-bottom: 0.5rem; font-weight: 500; }
-.table-container { overflow-x: auto; background: var(--surface-color); padding: 1rem; border-radius: 8px; box-shadow: var(--shadow); }
-table { width: 100%; border-collapse: collapse; }
-th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid var(--border-color); }
-th { background-color: var(--bg-color); font-weight: 600; }
-.actions { display: flex; gap: 0.5rem; }
-@media (max-width: 768px) {
-    .product-detail { grid-template-columns: 1fr; }
-    .header { flex-direction: column; gap: 1rem; }
+.admin-section {
+    background: var(--bg-medium); padding: 25px;
+    border-radius: 12px; border: 1px solid var(--border-color);
+    margin-bottom: 30px;
+}
+.admin-section h2 { margin-top: 0; margin-bottom: 20px; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; color: var(--primary-color); }
+.category-list, .product-list { list-style: none; padding: 0; }
+.category-list li, .product-list li {
+    display: flex; justify-content: space-between; align-items: center;
+    padding: 12px; border-bottom: 1px solid var(--border-color);
+}
+.category-list li:last-child, .product-list li:last-child { border-bottom: none; }
+.form-inline { display: flex; gap: 10px; align-items: center; }
+.form-inline input { flex-grow: 1; margin: 0; }
+@media (max-width: 900px) {
+    .sidebar { display: none; }
+    .container { margin-left: 0; padding: 20px; }
 }
 '''
 
-HEADER_HTML = '''
-<header class="header">
-    <a href="{{ url_for('index') }}" class="header-brand">
-        <img src="{{ logo_url }}" alt="ZZIRIX Logo">
-        <span>ZZIRIX</span>
-    </a>
-    <nav>
-        <ul class="nav-links">
-            <li><a href="{{ url_for('index') }}" class="nav-link">Home</a></li>
-            <li><a href="{{ url_for('admin_dashboard') }}" class="nav-link">Admin</a></li>
-        </ul>
-    </nav>
-</header>
-'''
-
-ADMIN_HEADER_HTML = '''
-<header class="header">
-    <a href="{{ url_for('admin_dashboard') }}" class="header-brand">
-        <img src="{{ logo_url }}" alt="ZZIRIX Logo">
-        <span>ZZIRIX Admin</span>
-    </a>
-    <nav>
-        <ul class="nav-links">
-            <li><a href="{{ url_for('admin_dashboard') }}" class="nav-link">Products</a></li>
-            <li><a href="{{ url_for('manage_categories') }}" class="nav-link">Categories</a></li>
-            <li><a href="{{ url_for('index') }}" class="nav-link" target="_blank">View Site</a></li>
-            <li><a href="{{ url_for('admin_logout') }}" class="nav-link">Logout</a></li>
-        </ul>
+NAV_HTML = '''
+<aside class="sidebar">
+    <div class="sidebar-header">
+        <img src="{{ logo_url }}" alt="ZZIRIX Logo" class="logo">
+        <span class="nav-brand">ZZIRIX</span>
+    </div>
+    <nav class="nav-links">
+        <a href="{{ url_for('catalog') }}" class="nav-link {% if not active_category %}active{% endif %}">Все товары</a>
+        {% for category in categories %}
+            <a href="{{ url_for('catalog_by_category', category_name=category) }}" class="nav-link {% if active_category == category %}active{% endif %}">{{ category | escape }}</a>
+        {% endfor %}
     </nav>
-</header>
+</aside>
 '''
 
 @app.route('/')
-def index():
+def catalog():
     data = load_data()
     products = data.get('products', [])
-    categories = data.get('categories', [])
-    html_content = '''
+    categories = sorted(data.get('categories', []))
+
+    return render_template_string('''
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>ZZIRIX Catalog</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''</style>
+    <title>Каталог - ZZIRIX</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <style>{{ base_style }}</style>
 </head>
 <body>
-    ''' + HEADER_HTML + '''
-    <main class="container">
-        <div style="text-align: center; margin-bottom: 3rem;">
-            <h1 class="page-title">Our Catalog</h1>
+    {{ nav_html | safe }}
+    <div class="container animated">
+        <div class="page-header">
+            <h1>Каталог товаров</h1>
         </div>
-        
-        <nav class="category-list">
-            <a href="{{ url_for('index') }}" class="btn">All Products</a>
-            {% for category in categories %}
-            <a href="{{ url_for('category_page', category_id=category.id) }}" class="btn">{{ category.name | escape }}</a>
-            {% endfor %}
-        </nav>
-
-        <div class="grid-container">
+        <div class="product-grid">
             {% for product in products %}
-            <a href="{{ url_for('product_page', product_id=product.id) }}" class="product-card">
-                {% if product.media %}
-                    {% set first_media = product.media[0] %}
-                    {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + first_media.filename %}
-                    {% if first_media.type == 'video' %}
-                        <video class="product-card-img" src="{{ media_url }}" muted preload="metadata"></video>
+            <div class="product-item">
+                <a href="{{ url_for('product_page', product_id=product.id) }}" class="product-media-link">
+                    {% if product.media %}
+                        {% set first_media = product.media[0] %}
+                        {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + first_media.filename %}
+                        {% if first_media.type == 'video' %}
+                            <video class="product-media" preload="metadata" muted loop autoplay playsinline>
+                                <source src="{{ media_url }}" type="video/mp4">
+                            </video>
+                        {% else %}
+                            <img class="product-media" src="{{ media_url }}" alt="{{ product.name | escape }}">
+                        {% endif %}
                     {% else %}
-                        <img class="product-card-img" src="{{ media_url }}" alt="{{ product.name | escape }}" loading="lazy">
+                        <div style="height: 100%; display: flex; align-items: center; justify-content: center; background: #eee; color: #aaa;">Нет изображения</div>
                     {% endif %}
-                {% else %}
-                    <div class="product-card-img"></div>
-                {% endif %}
-                <div class="product-card-body">
-                    <h3 class="product-card-title">{{ product.name | escape }}</h3>
-                    <p class="product-card-price">${{ "%.2f"|format(product.price) }}</p>
+                </a>
+                <div class="product-item-info">
+                    <h3><a href="{{ url_for('product_page', product_id=product.id) }}" style="text-decoration:none; color:inherit;">{{ product.name | escape }}</a></h3>
+                    <p>{{ product.category | escape }}</p>
                 </div>
-            </a>
+            </div>
             {% else %}
-            <p>No products found.</p>
+            <p style="grid-column: 1 / -1; text-align: center;">Товаров пока нет. Загляните позже!</p>
             {% endfor %}
         </div>
-    </main>
+    </div>
 </body>
 </html>
-'''
-    return render_template_string(html_content, products=products, categories=categories, repo_id=REPO_ID, logo_url=LOGO_URL)
-
-@app.route('/category/<category_id>')
-def category_page(category_id):
+    ''',
+    base_style=BASE_STYLE,
+    nav_html=NAV_HTML,
+    products=reversed(products),
+    categories=categories,
+    repo_id=REPO_ID,
+    logo_url=LOGO_URL,
+    active_category=None
+    )
+
+@app.route('/category/<category_name>')
+def catalog_by_category(category_name):
     data = load_data()
-    categories = data.get('categories', [])
-    category = next((c for c in categories if c['id'] == category_id), None)
-    if not category:
-        flash("Category not found.", "error")
-        return redirect(url_for('index'))
-    
-    products = [p for p in data.get('products', []) if p.get('category_id') == category_id]
-    
-    html_content = '''
+    products = [p for p in data.get('products', []) if p.get('category') == category_name]
+    categories = sorted(data.get('categories', []))
+
+    return render_template_string('''
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ category.name | escape }} - ZZIRIX Catalog</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''</style>
+    <title>{{ category_name | escape }} - ZZIRIX</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <style>{{ base_style }}</style>
 </head>
 <body>
-    ''' + HEADER_HTML + '''
-    <main class="container">
-        <div style="text-align: center; margin-bottom: 3rem;">
-             <h1 class="page-title">{{ category.name | escape }}</h1>
+    {{ nav_html | safe }}
+    <div class="container animated">
+        <div class="page-header">
+            <h1>{{ category_name | escape }}</h1>
         </div>
-       
-        <nav class="category-list">
-            <a href="{{ url_for('index') }}" class="btn">All Products</a>
-            {% for cat in all_categories %}
-            <a href="{{ url_for('category_page', category_id=cat.id) }}" class="btn" {% if cat.id == category.id %}style="background-color: var(--secondary-color);"{% endif %}>{{ cat.name | escape }}</a>
-            {% endfor %}
-        </nav>
-
-        <div class="grid-container">
+        <div class="product-grid">
             {% for product in products %}
-            <a href="{{ url_for('product_page', product_id=product.id) }}" class="product-card">
-                {% if product.media %}
-                    {% set first_media = product.media[0] %}
-                    {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + first_media.filename %}
-                    {% if first_media.type == 'video' %}
-                        <video class="product-card-img" src="{{ media_url }}" muted preload="metadata"></video>
+            <div class="product-item">
+                <a href="{{ url_for('product_page', product_id=product.id) }}" class="product-media-link">
+                    {% if product.media %}
+                        {% set first_media = product.media[0] %}
+                        {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + first_media.filename %}
+                        {% if first_media.type == 'video' %}
+                            <video class="product-media" preload="metadata" muted loop autoplay playsinline>
+                                <source src="{{ media_url }}" type="video/mp4">
+                            </video>
+                        {% else %}
+                            <img class="product-media" src="{{ media_url }}" alt="{{ product.name | escape }}">
+                        {% endif %}
                     {% else %}
-                        <img class="product-card-img" src="{{ media_url }}" alt="{{ product.name | escape }}" loading="lazy">
+                         <div style="height: 100%; display: flex; align-items: center; justify-content: center; background: #eee; color: #aaa;">Нет изображения</div>
                     {% endif %}
-                {% else %}
-                    <div class="product-card-img"></div>
-                {% endif %}
-                <div class="product-card-body">
-                    <h3 class="product-card-title">{{ product.name | escape }}</h3>
-                    <p class="product-card-price">${{ "%.2f"|format(product.price) }}</p>
+                </a>
+                <div class="product-item-info">
+                     <h3><a href="{{ url_for('product_page', product_id=product.id) }}" style="text-decoration:none; color:inherit;">{{ product.name | escape }}</a></h3>
+                    <p>{{ product.category | escape }}</p>
                 </div>
-            </a>
+            </div>
             {% else %}
-            <p>No products found in this category.</p>
+            <p style="grid-column: 1 / -1; text-align: center;">В этой категории пока нет товаров.</p>
             {% endfor %}
         </div>
-    </main>
+    </div>
 </body>
 </html>
-'''
-    return render_template_string(html_content, products=products, category=category, all_categories=categories, repo_id=REPO_ID, logo_url=LOGO_URL)
+    ''',
+    base_style=BASE_STYLE,
+    nav_html=NAV_HTML,
+    products=reversed(products),
+    categories=categories,
+    repo_id=REPO_ID,
+    logo_url=LOGO_URL,
+    active_category=category_name,
+    category_name=category_name
+    )
 
 @app.route('/product/<product_id>')
 def product_page(product_id):
     data = load_data()
-    product = next((p for p in data.get('products', []) if p['id'] == product_id), None)
-    if not product:
-        flash("Product not found.", "error")
-        return redirect(url_for('index'))
+    product = next((p for p in data.get('products', []) if p.get('id') == product_id), None)
+    categories = sorted(data.get('categories', []))
+
+    if product is None:
+        flash('Товар не найден.', 'error')
+        return redirect(url_for('catalog'))
 
-    html_content = '''
+    return render_template_string('''
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ product.name | escape }} - ZZIRIX Catalog</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''</style>
+    <title>{{ product.name | escape }} - ZZIRIX</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <style>{{ base_style }}</style>
 </head>
 <body>
-    ''' + HEADER_HTML + '''
-    <main class="container">
-        <div class="product-detail">
-            <div class="product-media-gallery">
-                {% if product.media %}
-                    {% set first_media = product.media[0] %}
-                    <div id="main-media-wrapper">
-                        {% if first_media.type == 'video' %}
-                            <video id="main-media" class="main-media-display" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/media/{{ first_media.filename }}" controls></video>
-                        {% else %}
-                            <img id="main-media" class="main-media-display" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/media/{{ first_media.filename }}" alt="{{ product.name | escape }}">
-                        {% endif %}
-                    </div>
-                    <div class="media-thumbnails">
-                        {% for media_item in product.media %}
-                            {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + media_item.filename %}
-                            <img class="thumbnail {% if loop.first %}active{% endif %}" src="{{ media_url if media_item.type == 'photo' else media_url + '?is_video=true' }}" 
-                                 data-src="{{ media_url }}" data-type="{{ media_item.type }}" onclick="changeMedia(this)">
-                        {% endfor %}
-                    </div>
+    {{ nav_html | safe }}
+    <div class="container animated">
+        <div class="page-header">
+            <h1>{{ product.name | escape }}</h1>
+            <a href="{{ url_for('catalog_by_category', category_name=product.category) }}" class="btn btn-secondary">Назад в категорию</a>
+        </div>
+        <p style="font-size: 1.1em; color: var(--text-light); margin-bottom: 30px; white-space: pre-wrap;">{{ product.description | escape }}</p>
+
+        {% if product.media %}
+        <div class="product-detail-media">
+            {% for media_item in product.media %}
+                {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + media_item.filename %}
+                {% if media_item.type == 'video' %}
+                    <video controls preload="metadata">
+                        <source src="{{ media_url }}" type="video/mp4">
+                    </video>
                 {% else %}
-                    <div class="main-media-display" style="background-color: #eee; display:flex; align-items:center; justify-content:center;">No Image</div>
+                    <img src="{{ media_url }}" alt="{{ product.name | escape }}">
                 {% endif %}
-            </div>
-            <div class="product-info">
-                <h1>{{ product.name | escape }}</h1>
-                <p class="price">${{ "%.2f"|format(product.price) }}</p>
-                <div class="description">
-                    {{ product.description | escape | replace('\\n', '<br>') | safe }}
-                </div>
-            </div>
+            {% endfor %}
         </div>
-    </main>
-    <script>
-        function changeMedia(element) {
-            const mainMediaWrapper = document.getElementById('main-media-wrapper');
-            const newSrc = element.dataset.src;
-            const newType = element.dataset.type;
-            let newMediaElement;
-
-            if (newType === 'video') {
-                newMediaElement = document.createElement('video');
-                newMediaElement.controls = true;
-            } else {
-                newMediaElement = document.createElement('img');
-            }
-            newMediaElement.id = 'main-media';
-            newMediaElement.className = 'main-media-display';
-            newMediaElement.src = newSrc;
-            
-            mainMediaWrapper.innerHTML = '';
-            mainMediaWrapper.appendChild(newMediaElement);
-
-            document.querySelectorAll('.thumbnail').forEach(thumb => thumb.classList.remove('active'));
-            element.classList.add('active');
-        }
-    </script>
-</body>
-</html>
-'''
-    return render_template_string(html_content, product=product, repo_id=REPO_ID, logo_url=LOGO_URL)
-
-@app.route('/admin/login', methods=['GET', 'POST'])
-def admin_login():
-    if request.method == 'POST':
-        username = request.form.get('username')
-        password = request.form.get('password')
-        if username == ADMIN_USER and password == ADMIN_PASS:
-            session['admin_logged_in'] = True
-            session.permanent = True
-            flash('Login successful!', 'success')
-            return redirect(url_for('admin_dashboard'))
-        else:
-            flash('Invalid credentials.', 'error')
-    
-    html_content = '''
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Admin Login - ZZIRIX</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''
-        body { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
-    </style>
-</head>
-<body>
-    <div class="form-container" style="max-width: 400px;">
-        <h1 style="text-align: center; font-size: 1.8rem; margin-bottom: 1.5rem;">Admin Login</h1>
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    <div class="flash {{ category }}">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
-        {% endwith %}
-        <form method="POST">
-            <label for="username">Username</label>
-            <input type="text" id="username" name="username" required>
-            <label for="password">Password</label>
-            <input type="password" id="password" name="password" required>
-            <button type="submit" class="btn" style="width: 100%;">Login</button>
-        </form>
+        {% else %}
+        <p>Для этого товара нет фото или видео.</p>
+        {% endif %}
     </div>
 </body>
 </html>
-'''
-    return render_template_string(html_content)
-
-@app.route('/admin/logout')
-def admin_logout():
-    session.pop('admin_logged_in', None)
-    flash('You have been logged out.', 'success')
-    return redirect(url_for('admin_login'))
-
-@app.route('/admin')
-@admin_required
-def admin_dashboard():
-    data = load_data()
-    products = data.get('products', [])
-    categories_dict = {c['id']: c['name'] for c in data.get('categories', [])}
-    html_content = '''
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Admin Dashboard - ZZIRIX</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''</style>
-</head>
-<body>
-    ''' + ADMIN_HEADER_HTML + '''
-    <main class="container">
-        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
-            <h1>Manage Products</h1>
-            <a href="{{ url_for('add_product') }}" class="btn">Add New Product</a>
-        </div>
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    <div class="flash {{ category }}">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
-        {% endwith %}
-        <div class="table-container">
-            <table>
-                <thead>
-                    <tr><th>Name</th><th>Price</th><th>Category</th><th>Media Count</th><th>Actions</th></tr>
-                </thead>
-                <tbody>
-                    {% for product in products %}
-                    <tr>
-                        <td>{{ product.name | escape }}</td>
-                        <td>${{ "%.2f"|format(product.price) }}</td>
-                        <td>{{ categories.get(product.category_id, 'N/A') | escape }}</td>
-                        <td>{{ product.media|length }}</td>
-                        <td class="actions">
-                            <a href="{{ url_for('edit_product', product_id=product.id) }}" class="btn">Edit</a>
-                            <form method="POST" action="{{ url_for('delete_product', product_id=product.id) }}" onsubmit="return confirm('Are you sure you want to delete this product?');">
-                                <button type="submit" class="btn btn-danger">Delete</button>
-                            </form>
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </main>
-</body>
-</html>
-'''
-    return render_template_string(html_content, products=products, categories=categories_dict, logo_url=LOGO_URL)
-
-@app.route('/admin/categories', methods=['GET', 'POST'])
-@admin_required
-def manage_categories():
+    ''',
+    base_style=BASE_STYLE,
+    nav_html=NAV_HTML,
+    product=product,
+    categories=categories,
+    repo_id=REPO_ID,
+    logo_url=LOGO_URL,
+    active_category=product.get('category')
+    )
+
+@app.route('/admin', methods=['GET', 'POST'])
+def admin():
     data = load_data()
     if request.method == 'POST':
-        category_name = request.form.get('name', '').strip()
-        if category_name:
-            new_category = {'id': str(uuid.uuid4()), 'name': category_name}
-            data.setdefault('categories', []).append(new_category)
+        action = request.form.get('action')
+        api = HfApi()
+
+        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_name = request.form.get('category_name')
+            if category_name in data['categories']:
+                data['categories'].remove(category_name)
+                for p in data['products']:
+                    if p['category'] == category_name:
+                        p['category'] = 'Без категории'
+                save_data(data)
+                flash('Категория удалена.', 'success')
+
+        elif action == 'add_product':
+            name = request.form.get('name', '').strip()
+            description = request.form.get('description', '').strip()
+            category = request.form.get('category')
+            files = request.files.getlist('files')
+
+            if not name or not category:
+                flash('Название и категория обязательны.', 'error')
+                return redirect(url_for('admin'))
+            
+            media_list = []
+            for file in files:
+                if file and file.filename and allowed_file(file.filename):
+                    filename = secure_filename(f"{int(time.time())}_{uuid.uuid4().hex[:6]}_{file.filename}")
+                    temp_path = os.path.join(UPLOAD_FOLDER, filename)
+                    file.save(temp_path)
+
+                    file_type = 'video' if filename.lower().endswith(('.mp4', '.mov', '.webm')) else 'photo'
+                    path_in_repo = f"media/{filename}"
+                    
+                    try:
+                        api.upload_file(path_or_fileobj=temp_path, path_in_repo=path_in_repo, repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE)
+                        media_list.append({'type': file_type, 'filename': filename})
+                    except Exception as e:
+                        flash(f'Ошибка при загрузке файла {file.filename}: {e}', 'error')
+                    finally:
+                        if os.path.exists(temp_path):
+                            os.remove(temp_path)
+
+            new_product = {
+                'id': str(uuid.uuid4()),
+                'name': name,
+                'description': description,
+                'category': category,
+                'media': media_list
+            }
+            data['products'].append(new_product)
             save_data(data)
-            flash('Category added successfully.', 'success')
-        else:
-            flash('Category name cannot be empty.', 'error')
-        return redirect(url_for('manage_categories'))
+            flash('Товар успешно добавлен.', 'success')
+        
+        elif action == 'delete_product':
+            product_id = request.form.get('product_id')
+            product_to_delete = next((p for p in data['products'] if p.get('id') == product_id), None)
+            if product_to_delete:
+                for media_item in product_to_delete.get('media', []):
+                    try:
+                        api.delete_file(path_in_repo=f"media/{media_item['filename']}", repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE)
+                    except Exception as e:
+                        logging.error(f"Не удалось удалить файл {media_item['filename']} из HF: {e}")
+                
+                data['products'] = [p for p in data['products'] if p.get('id') != product_id]
+                save_data(data)
+                flash('Товар удален.', 'success')
+
+        return redirect(url_for('admin'))
+
+    categories = sorted(data.get('categories', []))
+    products = data.get('products', [])
 
-    categories = data.get('categories', [])
-    html_content = '''
+    return render_template_string('''
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Manage Categories - ZZIRIX</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''</style>
+    <title>Админ-панель - ZZIRIX</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <style>{{ base_style }}</style>
 </head>
 <body>
-    ''' + ADMIN_HEADER_HTML + '''
-    <main class="container">
-        <h1>Manage Categories</h1>
+    <div class="container animated" style="margin-left:auto; margin-right:auto;">
+        <h1>Админ-панель ZZIRIX</h1>
+        <a href="{{ url_for('catalog') }}" class="btn btn-secondary" style="margin-bottom:20px;">Перейти в каталог</a>
         {% with messages = get_flashed_messages(with_categories=true) %}
             {% if messages %}
                 {% for category, message in messages %}
@@ -646,276 +562,95 @@ def manage_categories():
                 {% endfor %}
             {% endif %}
         {% endwith %}
-        <div class="form-container">
-            <h2>Add New Category</h2>
-            <form method="POST">
-                <label for="name">Category Name</label>
-                <input type="text" id="name" name="name" required>
-                <button type="submit" class="btn">Add Category</button>
+
+        <div class="admin-section">
+            <h2>Управление категориями</h2>
+            <form method="POST" class="form-inline" style="margin-bottom: 20px;">
+                <input type="hidden" name="action" value="add_category">
+                <input type="text" name="category_name" placeholder="Название новой категории" required>
+                <button type="submit" class="btn">Добавить</button>
             </form>
+            <ul class="category-list">
+                {% for category in categories %}
+                <li>
+                    <span>{{ category | escape }}</span>
+                    <form method="POST" onsubmit="return confirm('Вы уверены? Товары в этой категории станут «Без категории».');">
+                        <input type="hidden" name="action" value="delete_category">
+                        <input type="hidden" name="category_name" value="{{ category }}">
+                        <button type="submit" class="btn btn-danger" style="padding: 5px 10px; font-size: 0.8em;">Удалить</button>
+                    </form>
+                </li>
+                {% else %}
+                <li>Категорий пока нет.</li>
+                {% endfor %}
+            </ul>
         </div>
-        <div class="table-container" style="margin-top: 2rem;">
-            <table>
-                <thead>
-                    <tr><th>Name</th><th>Actions</th></tr>
-                </thead>
-                <tbody>
-                    {% for category in categories %}
-                    <tr>
-                        <td>{{ category.name | escape }}</td>
-                        <td class="actions">
-                            <form method="POST" action="{{ url_for('delete_category', category_id=category.id) }}" onsubmit="return confirm('Are you sure you want to delete this category?');">
-                                <button type="submit" class="btn btn-danger">Delete</button>
-                            </form>
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </main>
-</body>
-</html>
-'''
-    return render_template_string(html_content, categories=categories, logo_url=LOGO_URL)
 
-@app.route('/admin/delete_category/<category_id>', methods=['POST'])
-@admin_required
-def delete_category(category_id):
-    data = load_data()
-    products_in_category = [p for p in data.get('products', []) if p.get('category_id') == category_id]
-    if products_in_category:
-        flash('Cannot delete category. It contains products.', 'error')
-        return redirect(url_for('manage_categories'))
-    
-    data['categories'] = [c for c in data.get('categories', []) if c.get('id') != category_id]
-    save_data(data)
-    flash('Category deleted successfully.', 'success')
-    return redirect(url_for('manage_categories'))
-
-@app.route('/admin/product/add', methods=['GET', 'POST'])
-@admin_required
-def add_product():
-    data = load_data()
-    if request.method == 'POST':
-        name = request.form.get('name', '').strip()
-        description = request.form.get('description', '').strip()
-        price = float(request.form.get('price', 0.0))
-        category_id = request.form.get('category_id')
-        files = request.files.getlist('media')
-
-        if not name:
-            flash('Product name is required.', 'error')
-            return redirect(url_for('add_product'))
-        
-        new_product = {
-            'id': str(uuid.uuid4()),
-            'name': name,
-            'description': description,
-            'price': price,
-            'category_id': category_id if category_id != 'None' else None,
-            'media': []
-        }
-
-        api = HfApi() if HF_TOKEN_WRITE else None
-        for file in files:
-            if file and file.filename != '' and allowed_file(file.filename):
-                filename = secure_filename(f"{new_product['id']}_{file.filename}")
-                file_type = 'video' if filename.lower().rsplit('.', 1)[1] in {'mp4', 'mov', 'webm'} else 'photo'
-                
-                temp_path = os.path.join(UPLOAD_FOLDER, filename)
-                file.save(temp_path)
-
-                if HF_TOKEN_WRITE:
-                    api.upload_file(
-                        path_or_fileobj=temp_path,
-                        path_in_repo=f"media/{filename}",
-                        repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
-                    )
-                    os.remove(temp_path)
-
-                new_product['media'].append({'filename': filename, 'type': file_type})
-
-        data.setdefault('products', []).append(new_product)
-        save_data(data)
-        flash('Product added successfully.', 'success')
-        return redirect(url_for('admin_dashboard'))
-
-    categories = data.get('categories', [])
-    return render_product_form(categories=categories)
-
-@app.route('/admin/product/edit/<product_id>', methods=['GET', 'POST'])
-@admin_required
-def edit_product(product_id):
-    data = load_data()
-    product_index = next((i for i, p in enumerate(data.get('products', [])) if p.get('id') == product_id), None)
-    if product_index is None:
-        flash('Product not found.', 'error')
-        return redirect(url_for('admin_dashboard'))
-
-    if request.method == 'POST':
-        product = data['products'][product_index]
-        product['name'] = request.form.get('name', '').strip()
-        product['description'] = request.form.get('description', '').strip()
-        product['price'] = float(request.form.get('price', 0.0))
-        product['category_id'] = request.form.get('category_id')
-        if product['category_id'] == 'None':
-            product['category_id'] = None
-            
-        files = request.files.getlist('media')
-        
-        api = HfApi() if HF_TOKEN_WRITE else None
-        for file in files:
-            if file and file.filename != '' and allowed_file(file.filename):
-                filename = secure_filename(f"{product['id']}_{file.filename}")
-                file_type = 'video' if filename.lower().rsplit('.', 1)[1] in {'mp4', 'mov', 'webm'} else 'photo'
-                
-                temp_path = os.path.join(UPLOAD_FOLDER, filename)
-                file.save(temp_path)
-
-                if HF_TOKEN_WRITE:
-                    api.upload_file(
-                        path_or_fileobj=temp_path,
-                        path_in_repo=f"media/{filename}",
-                        repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
-                    )
-                    os.remove(temp_path)
-                
-                product.setdefault('media', []).append({'filename': filename, 'type': file_type})
-
-        save_data(data)
-        flash('Product updated successfully.', 'success')
-        return redirect(url_for('admin_dashboard'))
-
-    categories = data.get('categories', [])
-    product = data['products'][product_index]
-    return render_product_form(product=product, categories=categories)
-
-def render_product_form(product=None, categories=None):
-    is_edit = product is not None
-    html_content = '''
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ 'Edit' if is_edit else 'Add' }} Product - ZZIRIX</title>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-    <style>''' + BASE_STYLE + '''
-    .current-media { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
-    .media-item { position: relative; }
-    .media-item img, .media-item video { width: 100px; height: 100px; object-fit: cover; border-radius: 4px; }
-    .delete-media-btn {
-        position: absolute; top: -5px; right: -5px; background: #e53935; color: white;
-        border: none; border-radius: 50%; width: 24px; height: 24px; cursor: pointer;
-        font-weight: bold; display: flex; align-items: center; justify-content: center;
-    }
-    </style>
-</head>
-<body>
-    ''' + ADMIN_HEADER_HTML + '''
-    <main class="container">
-        <div class="form-container">
-            <h1>{{ 'Edit' if is_edit else 'Add' }} Product</h1>
+        <div class="admin-section">
+            <h2>Добавить новый товар</h2>
             <form method="POST" enctype="multipart/form-data">
-                <label for="name">Product Name</label>
-                <input type="text" id="name" name="name" value="{{ product.name if product else '' }}" required>
-                
-                <label for="description">Description</label>
-                <textarea id="description" name="description" rows="5">{{ product.description if product else '' }}</textarea>
-                
-                <label for="price">Price</label>
-                <input type="number" id="price" name="price" step="0.01" value="{{ product.price if product else '0.00' }}" required>
-                
-                <label for="category_id">Category</label>
-                <select id="category_id" name="category_id">
-                    <option value="None">-- No Category --</option>
+                <input type="hidden" name="action" value="add_product">
+                <label for="name">Название товара *</label>
+                <input type="text" id="name" name="name" required>
+                <label for="description">Описание</label>
+                <textarea id="description" name="description" rows="4"></textarea>
+                <label for="category">Категория *</label>
+                <select id="category" name="category" required>
+                    <option value="" disabled selected>-- Выберите категорию --</option>
                     {% for category in categories %}
-                    <option value="{{ category.id }}" {% if product and product.category_id == category.id %}selected{% endif %}>{{ category.name }}</option>
+                        <option value="{{ category }}">{{ category }}</option>
                     {% endfor %}
                 </select>
+                <label for="files">Фото и видео (можно выбрать несколько)</label>
+                <input type="file" id="files" name="files" multiple accept="image/*,video/*">
+                <button type="submit" class="btn" style="width: 100%; margin-top: 20px;">Добавить товар</button>
+            </form>
+        </div>
 
-                <label for="media">Add Photos/Videos</label>
-                <input type="file" id="media" name="media" multiple accept="image/*,video/*">
-
-                {% if is_edit and product.media %}
-                <h2>Current Media</h2>
-                <div class="current-media">
-                    {% for media_item in product.media %}
-                    <div class="media-item">
-                        {% set media_url = "https://huggingface.co/datasets/" + repo_id + "/resolve/main/media/" + media_item.filename %}
-                        {% if media_item.type == 'video' %}
-                            <video src="{{ media_url }}"></video>
-                        {% else %}
-                            <img src="{{ media_url }}" alt="media thumbnail">
-                        {% endif %}
-                        <a href="{{ url_for('delete_media', product_id=product.id, filename=media_item.filename) }}" class="delete-media-btn" 
-                           onclick="return confirm('Delete this file?');">&times;</a>
+        <div class="admin-section">
+            <h2>Список товаров</h2>
+            <ul class="product-list">
+            {% for product in products | reverse %}
+                <li>
+                    <div>
+                        <strong>{{ product.name | escape }}</strong><br>
+                        <small style="color: #777;">Категория: {{ product.category }} | Медиа: {{ product.media|length }}</small>
                     </div>
-                    {% endfor %}
-                </div>
-                {% endif %}
-                
-                <button type="submit" class="btn" style="margin-top: 2rem;">{{ 'Save Changes' if is_edit else 'Add Product' }}</button>
-            </form>
+                    <form method="POST" onsubmit="return confirm('Вы уверены, что хотите удалить этот товар?');">
+                        <input type="hidden" name="action" value="delete_product">
+                        <input type="hidden" name="product_id" value="{{ product.id }}">
+                        <button type="submit" class="btn btn-danger">Удалить</button>
+                    </form>
+                </li>
+            {% else %}
+                <li>Товаров пока нет.</li>
+            {% endfor %}
+            </ul>
         </div>
-    </main>
+    </div>
 </body>
 </html>
-'''
-    return render_template_string(html_content, product=product, categories=categories or [], is_edit=is_edit, repo_id=REPO_ID, logo_url=LOGO_URL)
-
-@app.route('/admin/delete_product/<product_id>', methods=['POST'])
-@admin_required
-def delete_product(product_id):
-    data = load_data()
-    product_to_delete = next((p for p in data.get('products', []) if p.get('id') == product_id), None)
-    if product_to_delete and HF_TOKEN_WRITE:
-        api = HfApi()
-        for media_item in product_to_delete.get('media', []):
-            try:
-                api.delete_file(
-                    path_in_repo=f"media/{media_item['filename']}",
-                    repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE,
-                )
-            except Exception as e:
-                logging.warning(f"Could not delete media file {media_item['filename']} from HF: {e}")
-    
-    data['products'] = [p for p in data.get('products', []) if p.get('id') != product_id]
-    save_data(data)
-    flash('Product deleted successfully.', 'success')
-    return redirect(url_for('admin_dashboard'))
-
-@app.route('/admin/delete_media/<product_id>/<filename>')
-@admin_required
-def delete_media(product_id, filename):
-    data = load_data()
-    product_index = next((i for i, p in enumerate(data.get('products', [])) if p.get('id') == product_id), None)
-    if product_index is None:
-        flash('Product not found.', 'error')
-        return redirect(url_for('admin_dashboard'))
-    
-    product = data['products'][product_index]
-    
-    if HF_TOKEN_WRITE:
-        try:
-            api = HfApi()
-            api.delete_file(
-                path_in_repo=f"media/{filename}",
-                repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
-            )
-        except Exception as e:
-            logging.warning(f"Could not delete media file {filename} from HF: {e}")
-    
-    product['media'] = [m for m in product.get('media', []) if m.get('filename') != filename]
-    save_data(data)
-    flash('Media file deleted.', 'success')
-    return redirect(url_for('edit_product', product_id=product_id))
+    ''',
+    base_style=BASE_STYLE,
+    categories=categories,
+    products=products
+    )
 
 if __name__ == '__main__':
     if not os.path.exists(DATA_FILE):
-        load_data()
+        logging.info(f"{DATA_FILE} не найден, попытка загрузки с HF.")
+        download_db_from_hf()
     
+    try:
+        current_data = load_data()
+        initialized_data = initialize_data_structure(current_data)
+        if json.dumps(initialized_data, sort_keys=True) != json.dumps(current_data, sort_keys=True):
+             logging.info("Применение обновлений структуры данных...")
+             save_data(initialized_data)
+    except Exception as e:
+        logging.error(f"Ошибка во время начальной проверки/обновления структуры данных: {e}")
+
     backup_thread = threading.Thread(target=periodic_backup, daemon=True)
     backup_thread.start()
+    logging.info("Запуск Flask приложения...")
     app.run(debug=False, host='0.0.0.0', port=7860)