Spaces:

kgmenu
/

Emir

Runtime error

App Files Files Community

Emir / app.py

Kgshop

Rename app (1) (16).py to app.py

5d1ca7b verified 12 months ago

raw

history blame contribute delete

268 kB


	# -- coding: utf-8 --
	from flask import Flask, render_template_string, request, redirect, url_for, jsonify
	import json
	import os
	import logging
	import threading
	import time
	from datetime import datetime, timedelta, timezone
	import pytz
	from huggingface_hub import HfApi, hf_hub_download
	from huggingface_hub.utils import RepositoryNotFoundError
	from werkzeug.utils import secure_filename
	from werkzeug.security import generate_password_hash, check_password_hash
	import jwt
	from functools import wraps
	import math

	app = Flask(__name__)
	app.config['SECRET_KEY'] = os.getenv("FLASK_SECRET_KEY", "your_very_strong_jwt_secret_key_here_CHANGE_ME")

	DATA_FILE = 'data_exmenu.json'
	USER_DATA_FILE = 'data_emirusers.json'

	REPO_ID = "Kgshop/clients"
	HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
	HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
	LOGO_URL = os.getenv("LOGO_URL","https://huggingface.co/spaces/kgmenu/Emir/resolve/main/emir_chaihana-20250405-0001.jpg")

	CASHBACK_PERCENTAGE = 5

	logging.basicConfig(level=logging.INFO)

	def load_data():
	try:
	try:
	download_db_from_hf()
	except RepositoryNotFoundError:
	logging.error(f"Репозиторий {REPO_ID} не найден при попытке скачивания {DATA_FILE}. Используется локальная версия, если есть.")
	except Exception as e:
	logging.error(f"Ошибка скачивания {DATA_FILE} с Hugging Face: {e}. Используется локальная версия, если есть.")

	if not os.path.exists(DATA_FILE):
	logging.warning(f"Локальный файл {DATA_FILE} не найден. Возвращаем пустую структуру.")
	return {'products': [], 'categories': [], 'stoplist': {}, 'qr_code': None, 'news': []}

	with open(DATA_FILE, 'r', encoding='utf-8') as file:
	data = json.load(file)
	logging.info("Данные меню успешно загружены из локального JSON")
	if not isinstance(data, dict) or 'products' not in data or 'categories' not in data:
	logging.warning(f"Структура файла {DATA_FILE} некорректна. Сброс к дефолтной.")
	data = {'products': [], 'categories': [], 'stoplist': {}, 'qr_code': None, 'news': []}
	if 'stoplist' not in data: data['stoplist'] = {}
	if 'qr_code' not in data: data['qr_code'] = None
	if 'news' not in data: data['news'] = []

	for product in data.get('products', []):
	product.setdefault('has_container', False)
	product.setdefault('container_price', 0)

	current_time_utc = datetime.now(timezone.utc)
	updated_news = []
	for news_item in data.get('news', []):
	expiry_datetime_utc = None
	if isinstance(news_item, dict) and 'expiry' in news_item and news_item['expiry']:
	try:
	dt_str = news_item['expiry']
	dt = datetime.fromisoformat(dt_str.replace('Z', '+00:00'))

	if dt.tzinfo is None:
	expiry_datetime_utc = dt.replace(tzinfo=timezone.utc)
	else:
	expiry_datetime_utc = dt.astimezone(timezone.utc)

	except ValueError:
	logging.error(f"Неверный формат даты истечения новости: {news_item['expiry']}")
	updated_news.append(news_item)
	continue
	except TypeError:
	logging.error(f"Неверный тип данных для даты истечения новости: {news_item['expiry']}")
	updated_news.append(news_item)
	continue

	if expiry_datetime_utc:
	if expiry_datetime_utc > current_time_utc:
	updated_news.append(news_item)
	else:
	logging.info(f"Новость '{news_item.get('title', 'N/A')}' истекла и удалена.")
	else:
	updated_news.append(news_item)

	data['news'] = updated_news

	stoplist_processed = {}
	current_time_utc_check = datetime.now(timezone.utc)
	for product_id, stop_info in data.get('stoplist', {}).items():
	if isinstance(stop_info, dict) and 'until' in stop_info:
	try:
	until_dt_iso = stop_info['until']
	until_dt = datetime.fromisoformat(until_dt_iso.replace('Z', '+00:00'))

	if until_dt.tzinfo is None:
	until_dt = until_dt.replace(tzinfo=timezone.utc)
	else:
	until_dt = until_dt.astimezone(timezone.utc)

	if until_dt > current_time_utc_check:
	stoplist_processed[str(product_id)] = {
	'until': until_dt,
	'minutes': stop_info.get('minutes', 0)
	}
	else:
	logging.info(f"Запись стоп-листа для продукта {product_id} истекла при загрузке.")
	except (ValueError, TypeError) as e:
	logging.error(f"Ошибка обработки времени стоп-листа для продукта {product_id} (ISO: {stop_info.get('until')}): {e}. Запись игнорируется.")
	else:
	logging.warning(f"Некорректная запись стоп-листа для продукта {product_id}: {stop_info}. Запись игнорируется.")
	data['stoplist'] = stoplist_processed

	return data
	except FileNotFoundError:
	logging.warning(f"Локальный файл базы данных меню {DATA_FILE} не найден.")
	return {'products': [], 'categories': [], 'stoplist': {}, 'qr_code': None, 'news': []}
	except json.JSONDecodeError:
	logging.error(f"Ошибка: Невозможно декодировать JSON-файл меню {DATA_FILE}.")
	return {'products': [], 'categories': [], 'stoplist': {}, 'qr_code': None, 'news': []}
	except Exception as e:
	logging.error(f"Непредвиденная ошибка при загрузке данных меню: {e}", exc_info=True)
	return {'products': [], 'categories': [], 'stoplist': {}, 'qr_code': None, 'news': []}

	def save_data(data):
	try:
	data_to_save = data.copy()
	data_to_save['stoplist'] = {
	pid: {
	'until': info['until'].isoformat(),
	'minutes': info.get('minutes', 0)
	}
	for pid, info in data.get('stoplist', {}).items()
	if isinstance(info.get('until'), datetime)
	}
	news_list = data.get('news', [])
	if not isinstance(news_list, list):
	logging.warning("Ключ 'news' не является списком при сохранении. Сброс на пустой список.")
	news_list = []
	valid_news = []
	for item in news_list:
	if isinstance(item, dict):
	valid_news.append(item)
	else:
	logging.warning(f"Некорректный элемент в списке новостей: {item}. Пропуск при сохранении.")
	data_to_save['news'] = valid_news

	with open(DATA_FILE, 'w', encoding='utf-8') as file:
	json.dump(data_to_save, file, ensure_ascii=False, indent=4)
	logging.info(f"Данные меню успешно сохранены в {DATA_FILE}")
	upload_db_to_hf()
	except Exception as e:
	logging.error(f"Ошибка при сохранении данных меню в {DATA_FILE}: {e}", exc_info=True)

	def upload_db_to_hf():
	if not HF_TOKEN_WRITE:
	logging.warning("HF_TOKEN (write) не установлен. Пропуск загрузки базы данных меню на Hugging Face.")
	return
	if not os.path.exists(DATA_FILE):
	logging.error(f"Файл {DATA_FILE} не найден для загрузки на Hugging Face.")
	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(f"Резервная копия {DATA_FILE} загружена на Hugging Face.")
	except Exception as e:
	logging.error(f"Ошибка при загрузке резервной копии базы данных меню {DATA_FILE}: {e}")

	def download_db_from_hf():
	if not HF_TOKEN_READ:
	logging.warning("HF_TOKEN_READ не установлен. Пропуск скачивания базы данных меню с Hugging Face.")
	return
	try:
	downloaded_path = 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(f"JSON-база данных меню {DATA_FILE} загружена с Hugging Face в {downloaded_path}.")
	except RepositoryNotFoundError as e:
	logging.error(f"Репозиторий {REPO_ID} не найден на Hugging Face (для файла {DATA_FILE}): {e}")
	raise
	except Exception as e:
	logging.error(f"Ошибка при загрузке JSON-базы данных меню {DATA_FILE} с Hugging Face: {e}", exc_info=True)
	raise

	def load_user_data():
	try:
	try:
	download_user_db_from_hf()
	except RepositoryNotFoundError:
	logging.error(f"Репозиторий {REPO_ID} не найден при попытке скачивания {USER_DATA_FILE}. Используется локальная версия, если есть.")
	except Exception as e:
	logging.error(f"Ошибка скачивания {USER_DATA_FILE} с Hugging Face: {e}. Используется локальная версия, если есть.")

	if not os.path.exists(USER_DATA_FILE):
	logging.warning(f"Локальный файл {USER_DATA_FILE} не найден. Возвращаем пустую структуру.")
	return {'users': []}

	with open(USER_DATA_FILE, 'r', encoding='utf-8') as file:
	user_data = json.load(file)
	logging.info("Данные пользователей успешно загружены из локального JSON")
	if not isinstance(user_data, dict) or 'users' not in user_data:
	logging.warning(f"Структура файла {USER_DATA_FILE} некорректна. Сброс к дефолтной.")
	return {'users': []}
	if not isinstance(user_data.get('users'), list):
	logging.warning(f"Ключ 'users' в {USER_DATA_FILE} не является списком. Сброс к дефолтной.")
	return {'users': []}
	for user in user_data['users']:
	if 'points' not in user:
	user['points'] = 0
	if 'order_history' not in user:
	user['order_history'] = []
	if 'phone' not in user:
	user['phone'] = None
	if 'address' not in user:
	user['address'] = None

	return user_data
	except FileNotFoundError:
	logging.warning(f"Локальный файл базы данных пользователей {USER_DATA_FILE} не найден.")
	return {'users': []}
	except json.JSONDecodeError:
	logging.error(f"Ошибка: Невозможно декодировать JSON-файл пользователей {USER_DATA_FILE}.")
	return {'users': []}
	except Exception as e:
	logging.error(f"Непредвиденная ошибка при загрузке данных пользователей: {e}", exc_info=True)
	return {'users': []}

	def save_user_data(user_data):
	try:
	if not isinstance(user_data, dict) or not isinstance(user_data.get('users'), list):
	logging.error(f"Попытка сохранить некорректные данные пользователей: {user_data}. Сохранение отменено.")
	return

	with open(USER_DATA_FILE, 'w', encoding='utf-8') as file:
	json.dump(user_data, file, ensure_ascii=False, indent=4)
	logging.info(f"Данные пользователей успешно сохранены в {USER_DATA_FILE}")
	upload_user_db_to_hf()
	except Exception as e:
	logging.error(f"Ошибка при сохранении данных пользователей в {USER_DATA_FILE}: {e}", exc_info=True)

	def upload_user_db_to_hf():
	if not HF_TOKEN_WRITE:
	logging.warning("HF_TOKEN (write) не установлен. Пропуск загрузки базы данных пользователей на Hugging Face.")
	return
	if not os.path.exists(USER_DATA_FILE):
	logging.error(f"Файл {USER_DATA_FILE} не найден для загрузки на Hugging Face.")
	return
	try:
	api = HfApi()
	api.upload_file(
	path_or_fileobj=USER_DATA_FILE,
	path_in_repo=USER_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(f"Резервная копия {USER_DATA_FILE} загружена на Hugging Face.")
	except Exception as e:
	logging.error(f"Ошибка при загрузке резервной копии базы данных пользователей {USER_DATA_FILE}: {e}")

	def download_user_db_from_hf():
	if not HF_TOKEN_READ:
	logging.warning("HF_TOKEN_READ не установлен. Пропуск скачивания базы данных пользователей с Hugging Face.")
	return
	try:
	downloaded_path = hf_hub_download(
	repo_id=REPO_ID,
	filename=USER_DATA_FILE,
	repo_type="dataset",
	token=HF_TOKEN_READ,
	local_dir=".",
	local_dir_use_symlinks=False,
	force_download=True
	)
	logging.info(f"JSON-база данных пользователей {USER_DATA_FILE} загружена с Hugging Face в {downloaded_path}.")
	except RepositoryNotFoundError as e:
	logging.error(f"Репозиторий {REPO_ID} не найден (для файла {USER_DATA_FILE}): {e}")
	raise
	except Exception as e:
	logging.error(f"Ошибка при загрузке JSON-базы данных пользователей {USER_DATA_FILE} с Hugging Face: {e}", exc_info=True)
	raise

	def periodic_backup():
	interval_seconds = 800
	logging.info(f"Периодический бэкап настроен с интервалом {interval_seconds} секунд.")
	while True:
	time.sleep(interval_seconds)
	logging.info("Запуск периодического бэкапа...")
	try:
	upload_db_to_hf()
	upload_user_db_to_hf()
	logging.info("Периодический бэкап (загрузка на HF) завершен.")
	except Exception as e:
	logging.error(f"Ошибка во время периодического бэкапа: {e}", exc_info=True)

	def get_category_counts(products):
	counts = {}
	for product in products:
	category = product.get('category', 'Без категории')
	counts[category] = counts.get(category, 0) + 1
	return counts

	def register_user(login, password):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	if any(user.get('login') == login for user in users):
	return False, "Логин уже занят."
	if not login or not password:
	return False, "Логин и пароль обязательны."
	hashed_password = generate_password_hash(password)
	new_user = {
	'login': login,
	'password': hashed_password,
	'phone': None,
	'address': None,
	'points': 0,
	'order_history': []
	}
	users.append(new_user)
	try:
	save_user_data(user_data_dict)
	return True, "Регистрация успешна."
	except Exception as e:
	logging.error(f"Ошибка сохранения данных пользователя при регистрации: {e}")
	return False, "Ошибка сервера при сохранении данных."

	def authenticate_user(login, password):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user = next((user for user in users if user.get('login') == login), None)
	if user and 'password' in user and check_password_hash(user['password'], password):
	user_info = user.copy()
	del user_info['password']
	return user_info
	return None

	def get_user_profile_data(login):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user = next((user for user in users if user.get('login') == login), None)
	if user:
	profile_data = {
	'login': user.get('login'),
	'phone': user.get('phone'),
	'address': user.get('address'),
	'points': user.get('points', 0),
	}
	return profile_data
	return None

	def update_user_profile(login, phone, address):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user_found = False
	if not phone or not address:
	return False, "Телефон и адрес не могут быть пустыми."

	for user in users:
	if user.get('login') == login:
	user['phone'] = phone
	user['address'] = address
	user_found = True
	break
	if user_found:
	try:
	save_user_data(user_data_dict)
	return True, "Профиль обновлен."
	except Exception as e:
	logging.error(f"Ошибка сохранения данных при обновлении профиля пользователя {login}: {e}")
	return False, "Ошибка сервера при сохранении данных."
	return False, "Пользователь не найден."


	def add_points_to_user(login, points):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user_found = False
	points_to_add = math.floor(points)

	if points_to_add <= 0:
	logging.info(f"Попытка начислить/вернуть <= 0 баллов ({points} -> {points_to_add}) для {login}. Пропуск.")
	return True, "Баллы не начислены (сумма < 1)."

	for user in users:
	if user.get('login') == login:
	current_points = user.get('points', 0)
	if not isinstance(current_points, (int, float)):
	logging.warning(f"Некорректное значение баллов ({current_points}) у пользователя {login}. Сброс на 0 перед добавлением.")
	current_points = 0
	user['points'] = current_points + points_to_add
	user_found = True
	logging.info(f"Пользователю {login} начислено/возвращено {points_to_add} баллов. Новое значение: {user['points']}")
	break
	if user_found:
	try:
	save_user_data(user_data_dict)
	return True, f"{points_to_add} баллов успешно начислено/возвращено."
	except Exception as e:
	logging.error(f"Ошибка сохранения данных при начислении/возврате баллов пользователю {login}: {e}")
	return False, "Ошибка сервера при сохранении данных."
	return False, "Пользователь не найден."

	def redeem_points_from_user(login, points_to_redeem):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user_found = False

	points_to_redeem_int = math.floor(points_to_redeem)

	if points_to_redeem_int <= 0:
	return False, "Количество баллов для списания должно быть положительным.", 0

	message = "Пользователь не найден."
	success = False
	updated_points = 0

	for user in users:
	if user.get('login') == login:
	user_found = True
	current_points = user.get('points', 0)
	if not isinstance(current_points, (int, float)):
	logging.warning(f"Некорректное значение баллов ({current_points}) у пользователя {login} перед списанием. Считаем как 0.")
	current_points = 0

	if current_points >= points_to_redeem_int:
	user['points'] = current_points - points_to_redeem_int
	updated_points = user['points']
	try:
	save_user_data(user_data_dict)
	success = True
	message = f"{points_to_redeem_int} баллов успешно списано."
	logging.info(f"У пользователя {login} списано {points_to_redeem_int} баллов. Остаток: {updated_points}")
	except Exception as e:
	logging.error(f"Ошибка сохранения данных при списании баллов у пользователя {login}: {e}")
	message = "Ошибка сервера при сохранении данных."
	user['points'] = current_points
	updated_points = current_points
	else:
	message = f"Недостаточно баллов для списания. Доступно: {current_points}, требуется: {points_to_redeem_int}."
	updated_points = current_points
	break

	if not user_found:
	temp_user_data = get_user_profile_data(login)
	updated_points = temp_user_data.get('points', 0) if temp_user_data else 0

	return success, message, updated_points

	def save_order_to_history(login, order_details):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user_found = False
	bishkek_tz = pytz.timezone('Asia/Bishkek')
	order_timestamp_utc = datetime.now(timezone.utc).isoformat()
	order_timestamp_local = datetime.now(bishkek_tz).strftime('%Y-%m-%d %H:%M:%S %Z%z')

	required_keys = ['items', 'original_total', 'final_amount', 'redeemed_points', 'delivery_address', 'delivery_time_preference', 'payment_method']
	if not isinstance(order_details, dict) or not all(key in order_details for key in required_keys):
	logging.error(f"Некорректные детали заказа для сохранения в историю: {order_details}")
	return False, "Некорректные детали заказа."

	order_details_to_save = order_details.copy()
	order_details_to_save['timestamp_utc'] = order_timestamp_utc
	order_details_to_save['timestamp_local'] = order_timestamp_local
	if 'earned_points' in order_details_to_save:
	del order_details_to_save['earned_points']


	for user in users:
	if user.get('login') == login:
	if 'order_history' not in user or not isinstance(user['order_history'], list):
	user['order_history'] = []
	MAX_HISTORY = 50
	user['order_history'].append(order_details_to_save)
	if len(user['order_history']) > MAX_HISTORY:
	user['order_history'] = user['order_history'][-MAX_HISTORY:]
	user_found = True
	break

	if user_found:
	try:
	save_user_data(user_data_dict)
	logging.info(f"Заказ сохранен в историю для {login}")
	return True, "Заказ сохранен в историю."
	except Exception as e:
	logging.error(f"Ошибка сохранения данных при добавлении заказа в историю для {login}: {e}")
	return False, "Ошибка сервера при сохранении истории."
	return False, "Пользователь не найден."

	def get_order_history(login):
	user_data_dict = load_user_data()
	users = user_data_dict.get('users', [])
	user = next((user for user in users if user.get('login') == login), None)
	if user:
	history = user.get('order_history', [])
	try:
	sorted_history = sorted(history, key=lambda x: x.get('timestamp_utc', ''), reverse=True)
	return sorted_history
	except Exception as e:
	logging.error(f"Ошибка сортировки истории заказов для {login}: {e}")
	return history
	return []

	def create_access_token(identity):
	try:
	payload = {
	'exp': datetime.now(timezone.utc) + timedelta(days=30),
	'iat': datetime.now(timezone.utc),
	'sub': identity
	}
	token = jwt.encode(
	payload,
	app.config['SECRET_KEY'],
	algorithm='HS256'
	)
	return token
	except Exception as e:
	logging.error(f"Ошибка создания JWT: {e}")
	return None

	def token_required(f):
	@wraps(f)
	def decorated(args, *kwargs):
	token = None
	if 'Authorization' in request.headers:
	auth_header = request.headers['Authorization']
	parts = auth_header.split()
	if len(parts) == 2 and parts[0].lower() == 'bearer':
	token = parts[1]
	else:
	logging.warning(f"Некорректный формат заголовка Authorization: {auth_header}")
	return jsonify({'message': 'Некорректный формат токена в заголовке'}), 401

	if not token:
	logging.info("Токен отсутствует в запросе")
	return jsonify({'message': 'Токен отсутствует'}), 401

	try:
	data = jwt.decode(token, app.config['SECRET_KEY'], algorithms=['HS256'])
	current_user_login = data.get('sub')
	if not current_user_login:
	logging.error("Токен не содержит идентификатор пользователя (sub)")
	raise jwt.InvalidTokenError("Отсутствует 'sub' в токене")

	user_profile = get_user_profile_data(current_user_login)
	if not user_profile:
	logging.warning(f"Пользователь '{current_user_login}' из токена не найден в базе данных.")
	pass

	except jwt.ExpiredSignatureError:
	logging.info("Срок действия токена истек")
	return jsonify({'message': 'Срок действия токена истек'}), 401
	except jwt.InvalidTokenError as e:
	logging.error(f"Ошибка валидации токена: {e}")
	return jsonify({'message': 'Недействительный токен'}), 401
	except Exception as e:
	logging.error(f"Непредвиденная ошибка при проверке токена: {e}", exc_info=True)
	return jsonify({'message': 'Ошибка проверки токена'}), 500

	return f(current_user_login, args, *kwargs)

	return decorated

	@app.route('/')
	def menu():
	data = load_data()
	products = data.get('products', [])
	categories = data.get('categories', [])
	stoplist_raw = data.get('stoplist', {})
	category_counts = get_category_counts(products)
	news_list = data.get('news', [])
	qr_code_filename = data.get('qr_code')

	current_time_utc = datetime.now(timezone.utc)
	active_stoplist = {}
	needs_save = False
	for product_id, stop_info in stoplist_raw.items():
	if isinstance(stop_info.get('until'), datetime):
	if stop_info['until'] > current_time_utc:
	active_stoplist[product_id] = stop_info
	else:
	needs_save = True
	logging.info(f"Запись стоп-листа для продукта {product_id} истекла и не будет передана в шаблон.")
	else:
	logging.warning(f"Некорректная запись (не datetime) в stoplist_raw для ID {product_id}: {stop_info}")

	if needs_save:
	data['stoplist'] = active_stoplist
	save_data(data)

	stoplist_for_template = {
	k: {
	'until': v['until'].isoformat(),
	'minutes': v.get('minutes', 0)
	}
	for k, v in active_stoplist.items()
	}

	def get_expiry_datetime(news_item):
	expiry_str = news_item.get('expiry')
	if expiry_str:
	try:
	dt = datetime.fromisoformat(expiry_str.replace('Z', '+00:00'))
	if dt.tzinfo is None: return dt.replace(tzinfo=timezone.utc)
	return dt.astimezone(timezone.utc)
	except (ValueError, TypeError):
	return None
	return None

	now_utc_aware = datetime.now(timezone.utc)
	news_for_template = sorted(
	news_list,
	key=lambda item: get_expiry_datetime(item) or datetime.max.replace(tzinfo=timezone.utc),
	reverse=True
	)
	news_for_template = [item for item in news_for_template if not get_expiry_datetime(item) or get_expiry_datetime(item) > now_utc_aware]

	qr_code_url = None
	if qr_code_filename:
	qr_code_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{qr_code_filename}"

	menu_html = '''
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Ресторан Премиум</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
	<style>
	:root {
	--primary-color: #FFD700;
	--secondary-color: #D4AF37;
	--accent-color: #EF4444;
	--success-color: #22C55E;
	--background-dark: #1A1A1A;
	--background-medium: #2D2D2D;
	--text-light: #F5F5F5;
	--text-medium: #B0B0B0;
	--box-shadow-light: rgba(255, 215, 0, 0.2);
	--box-shadow-medium: rgba(255, 215, 0, 0.5);
	--modal-background: rgba(0, 0, 0, 0.8);
	--modal-backdrop-blur: blur(10px);
	--button-hover-background: #FFD700;
	--button-hover-text-color: #1A1A1A;
	--input-border-color: #FFD700;
	--input-focus-border-color: #FFF;
	--input-background: rgba(255, 255, 255, 0.1);
	--card-background: rgba(255, 255, 255, 0.05);
	}

	* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}
	html {
	scroll-behavior: smooth;
	}
	body {
	font-family: 'Nunito', sans-serif;
	background: linear-gradient(135deg, var(--background-dark), var(--background-medium));
	color: var(--text-light);
	line-height: 1.6;
	overflow-x: hidden;
	}
	.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
	padding-bottom: 80px;
	}
	.header {
	text-align: center;
	padding: 30px 0;
	background: rgba(0, 0, 0, 0.7);
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: 30px;
	position: relative;
	backdrop-filter: var(--modal-backdrop-blur);
	}
	.header-logo {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--primary-color);
	transition: transform 0.5s ease;
	}
	.header-logo:hover {
	transform: rotate(360deg) scale(1.1);
	}
	.header h1 {
	font-size: 2.5rem;
	color: var(--primary-color);
	margin: 15px 0;
	text-shadow: 0 0 10px var(--box-shadow-medium);
	}
	.motto {
	font-size: 1.1rem;
	color: var(--secondary-color);
	font-style: italic;
	}
	.prep-time {
	font-size: 0.9rem;
	color: var(--text-medium);
	}
	.theme-toggle {
	position: absolute;
	top: 15px;
	background: none;
	border: none;
	font-size: 1.6rem;
	cursor: pointer;
	color: var(--primary-color);
	transition: transform 0.3s ease;
	right: 20px;
	}

	.theme-toggle:hover, .profile-toggle:hover {
	transform: scale(1.2);
	color: #fff;
	}
	.filters-container {
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	position: relative;
	}
	#allCategoriesButton {
	position: fixed;
	bottom: 80px;
	left: 10px;
	z-index: 999;
	background-color: var(--background-medium);
	}
	.search-container {
	margin: 20px 0;
	text-align: center;
	}
	#search-input {
	width: 80%;
	max-width: 600px;
	padding: 12px 15px;
	font-size: 1rem;
	border: 2px solid var(--input-border-color);
	border-radius: 50px;
	background: var(--input-background);
	color: var(--text-light);
	transition: all 0.3s ease;
	}
	#search-input:focus {
	border-color: var(--input-focus-border-color);
	box-shadow: 0 0 10px var(--box-shadow-medium);
	outline: none;
	}
	.category-filter {
	padding: 8px 18px;
	border: 2px solid var(--primary-color);
	border-radius: 25px;
	background: rgba(255, 215, 0, 0.1);
	color: var(--primary-color);
	cursor: pointer;
	transition: all 0.4s ease;
	font-weight: 600;
	font-size: 0.9rem;
	white-space: nowrap;
	}
	.category-filter.active, .category-filter:hover {
	background: var(--primary-color);
	color: var(--background-dark);
	box-shadow: 0 0 10px var(--box-shadow-medium);
	}
	.products-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
	padding: 15px;
	}
	.product {
	background: var(--card-background);
	border-radius: 15px;
	padding: 15px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	}
	.product-content {
	flex-grow: 1;
	cursor: pointer;
	}
	.product:hover {
	transform: translateY(-8px) scale(1.03);
	box-shadow: 0 10px 30px var(--box-shadow-light);
	background: rgba(255, 255, 255, 0.1);
	}
	.product-image {
	width: 100%;
	aspect-ratio: 1;
	background: var(--input-background);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	}
	.product-image img {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
	transition: transform 0.5s ease;
	}
	.product:hover .product-image img {
	transform: scale(1.1);
	}
	.product h2 {
	font-size: 1.2rem;
	color: var(--primary-color);
	margin: 10px 0;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	.product-price {
	font-size: 1.1rem;
	color: var(--secondary-color);
	font-weight: 700;
	text-align: center;
	margin-bottom: 8px;
	}
	.product-description {
	font-size: 0.85rem;
	color: var(--text-medium);
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3.2em;
	line-height: 1.6em;
	}
	.product-button {
	display: block;
	width: 100%;
	padding: 10px;
	border: 2px solid var(--primary-color);
	border-radius: 25px;
	background: transparent;
	color: var(--primary-color);
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	text-decoration: none;
	font-size: 0.9rem;
	margin-top: auto;
	}
	.product-button:hover {
	background: var(--button-hover-background);
	color: var(--button-hover-text-color);
	box-shadow: 0 0 10px var(--box-shadow-medium);
	}
	.product-actions {
	margin-top: 10px;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	.quantity-control {
	align-items: center;
	justify-content: center;
	gap: 8px;
	}
	.quantity-control .quantity-button {
	background: none;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	border-radius: 50%;
	padding: 4px 8px;
	font-size: 0.9rem;
	margin: 0;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	line-height: 1;
	height: 28px;
	width: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
	.quantity-control .quantity-button:hover {
	background: var(--primary-color);
	color: var(--background-dark);
	}
	.quantity-control .quantity {
	font-size: 1rem;
	min-width: 15px;
	text-align: center;
	color: var(--text-light);
	}
	.stop-notice {
	color: var(--accent-color);
	font-size: 0.85rem;
	text-align: center;
	line-height: 1.3;
	}
	.stop-timer {
	font-weight: bold;
	}
	.login-prompt {
	color: var(--accent-color);
	font-size: 0.85rem;
	text-align: center;
	line-height: 1.3;
	}
	.login-prompt a {
	color: var(--accent-color);
	text-decoration: underline;
	}
	.login-prompt a:hover {
	color: var(--primary-color);
	}

	#cart-button {
	position: fixed;
	bottom: 80px;
	right: 20px;
	background: var(--secondary-color);
	color: var(--background-dark);
	border: none;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	font-size: 1.8rem;
	cursor: pointer;
	box-shadow: 0 6px 15px var(--box-shadow-light);
	transition: all 0.3s ease;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	#cart-button:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 25px var(--box-shadow-medium);
	}
	.modal {
	display: none;
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--modal-background);
	backdrop-filter: var(--modal-backdrop-blur);
	overflow-y: auto;
	}
	.modal-content {
	background: var(--card-background);
	margin: 2% auto;
	padding: 20px;
	border-radius: 15px;
	width: 95%;
	max-width: 700px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	border: 1px solid var(--primary-color);
	animation: fadeInUp 0.4s ease-out;
	overflow-y: auto;
	max-height: 90vh;
	position: relative;
	}
	@keyframes fadeInUp {
	from { transform: translateY(30px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
	}
	.close {
	position: absolute;
	top: 10px;
	right: 15px;
	float: none;
	font-size: 1.8rem;
	color: var(--primary-color);
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.7;
	line-height: 1;
	}
	.close:hover {
	color: #fff;
	opacity: 1;
	transform: rotate(90deg);
	}
	.cart-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	border-bottom: 1px solid var(--box-shadow-light);
	background: var(--card-background);
	border-radius: 12px;
	margin-bottom: 10px;
	}
	.cart-item img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	border-radius: 8px;
	margin-right: 15px;
	}
	.cart-item-details {
	flex-grow: 1;
	color: var(--text-light);
	}
	.cart-item-details strong {
	font-size: 1.1rem;
	color: var(--primary-color);
	}
	.cart-item-details p {
	font-size: 0.9rem;
	color: var(--text-medium);
	}
	.cart-total {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--primary-color);
	margin: 20px 0 10px 0;
	text-align: right;
	}
	.quantity-input-container {
	display: flex;
	align-items: center;
	max-width: 130px;
	border: 2px solid var(--input-border-color);
	border-radius: 25px;
	overflow: hidden;
	background: var(--input-background);
	margin-bottom: 15px;
	}
	.quantity-button {
	background: none;
	border: none;
	padding: 8px 12px;
	cursor: pointer;
	font-size: 1rem;
	color: var(--primary-color);
	transition: all 0.3s ease;
	}
	.quantity-button:hover {
	background: rgba(255, 215, 0, 0.2);
	}
	.quantity-input {
	width: 50px;
	padding: 8px;
	border: none;
	font-size: 1rem;
	text-align: center;
	background: transparent;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	}
	.quantity-input:focus {
	outline: none;
	}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}
	#orderComment, #cartDeliveryTime, #cartAddressInput {
	width: 100%;
	padding: 12px;
	border: 2px solid var(--input-border-color);
	border-radius: 15px;
	font-size: 0.9rem;
	background: var(--input-background);
	color: #fff;
	transition: all 0.3s ease;
	margin-bottom: 15px;
	}
	#orderComment, #cartAddressInput {
	resize: vertical;
	min-height: 60px;
	}
	#cartDeliveryTime {
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFD700%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: .8em auto;
	padding-right: 2.5rem;
	}
	#orderComment:focus, #cartDeliveryTime:focus, #cartAddressInput:focus {
	border-color: var(--input-focus-border-color);
	box-shadow: 0 0 10px var(--box-shadow-medium);
	outline: none;
	}
	.clear-cart {
	background: var(--accent-color);
	border: none;
	color: var(--text-light);
	}
	.clear-cart:hover {
	background: #dc2626;
	box-shadow: 0 0 15px rgba(220, 38, 38, 0.5);
	}
	.cart-actions {
	margin-top: 20px;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	}
	.cart-actions .product-button {
	width: auto;
	display: inline-block;
	}

	.download-button {
	background: var(--secondary-color);
	border: none;
	color: var(--background-dark);
	}
	.download-button:hover {
	background: var(--primary-color);
	}

	#pointsSectionCart {
	margin-top: 15px;
	padding: 15px;
	border-radius: 10px;
	background: rgba(255, 215, 0, 0.05);
	border: 1px solid var(--secondary-color);
	}
	#pointsSectionCart p {
	font-size: 0.95rem;
	color: var(--text-light);
	margin-bottom: 8px;
	}
	#pointsSectionCart strong {
	color: var(--primary-color);
	}
	.points-redeem-controls {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	}
	#pointsToRedeemInput {
	width: 100px;
	padding: 8px;
	border: 2px solid var(--input-border-color);
	border-radius: 10px;
	background: var(--input-background);
	color: #fff;
	font-size: 0.9rem;
	text-align: center;
	}
	#pointsToRedeemInput::placeholder {
	color: var(--text-medium);
	opacity: 0.7;
	}
	#applyPointsButton {
	padding: 8px 15px;
	font-size: 0.9rem;
	}
	#cancelPointsButton {
	padding: 8px 15px;
	font-size: 0.9rem;
	background: var(--accent-color);
	color: var(--text-light);
	border-color: var(--accent-color);
	display: none;
	}
	#cancelPointsButton:hover {
	background: #dc2626;
	border-color: #dc2626;
	}

	#cartDiscountInfo {
	font-size: 0.9rem;
	color: var(--success-color);
	margin-top: 5px;
	text-align: right;
	font-weight: bold;
	min-height: 1.2em;
	}
	.final-total {
	font-size: 1.1rem;
	color: var(--success-color);
	font-weight: bold;
	display: block;
	margin-top: 5px;
	}
	#pointsMessageCart {
	font-size: 0.85rem;
	margin-top: 5px;
	text-align: right;
	min-height: 1.1em;
	}
	#pointsMessageCart.success {
	color: var(--success-color);
	}
	#pointsMessageCart.error {
	color: var(--accent-color);
	}


	.footer-info {
	text-align: center;
	margin-top: 30px;
	padding: 15px;
	color: var(--text-medium);
	font-size: 0.8rem;
	}
	.profile-info p {
	margin-bottom: 12px;
	color: var(--text-light);
	}
	.auth-form label {
	font-weight: 600;
	margin-top: 15px;
	color: var(--primary-color);
	font-size: 0.9rem;
	}
	.auth-form input {
	width: 100%;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 2px solid var(--input-border-color);
	border-radius: 10px;
	background: var(--input-background);
	color: #fff;
	transition: all 0.3s ease;
	font-size: 0.9rem;
	}
	.auth-form input:focus {
	border-color: var(--input-focus-border-color);
	box-shadow: 0 0 8px var(--box-shadow-medium);
	outline: none;
	}
	.auth-buttons {
	text-align: center;
	margin-top: 25px;
	}

	.logout-button {
	background: var(--accent-color);
	border: none;
	color: var(--text-light);
	}
	.logout-button:hover {
	background: #dc2626;
	}

	.bottom-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: space-around;
	padding: 8px 0;
	border-top: 2px solid var(--primary-color);
	backdrop-filter: var(--modal-backdrop-blur);
	z-index: 1000;
	}
	.bottom-nav .nav-item {
	color: var(--primary-color);
	text-align: center;
	cursor: pointer;
	background: none;
	border: none;
	flex: 1;
	padding: 5px;
	}
	.bottom-nav .nav-item i {
	font-size: 1.6rem;
	display: block;
	margin-bottom: 3px;
	}
	.bottom-nav .nav-item span {
	font-size: 0.8rem;
	}
	.bottom-nav .nav-item:hover {
	color: #fff;
	background: rgba(255, 215, 0, 0.1);
	}

	#newsContent, #orderHistoryContent {
	color: var(--text-light);
	padding: 10px;
	}
	.news-item, .order-history-item {
	padding: 12px;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--box-shadow-light);
	background: var(--card-background);
	border-radius: 12px;
	}
	.news-item h3, .order-history-item strong {
	color: var(--primary-color);
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 1.1rem;
	}
	.news-item p, .order-history-item p, .order-history-item li {
	margin: 4px 0;
	font-size: 0.9rem;
	color: var(--text-light);
	}
	.order-history-item p > strong {
	color: var(--primary-color);
	min-width: 130px;
	display: inline-block;
	}
	.order-history-item p > span {
	color: var(--text-light);
	}
	.news-item img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 8px;
	}
	.order-history-item ul {
	list-style: none;
	padding-left: 15px;
	font-size: 0.9em;
	margin-top: 5px;
	border-left: 1px solid var(--secondary-color);
	}
	.order-history-item ul li {
	margin-bottom: 3px;
	}
	.order-history-item ul li i {
	color: var(--text-medium);
	font-style: normal;
	display: block;
	margin-left: 10px;
	}
	.order-history-item .order-total-info strong {
	color: var(--secondary-color);
	}
	.order-history-item .order-total-info .final-amount {
	color: var(--success-color);
	}
	.order-history-item .redeemed-points-info {
	color: var(--accent-color);
	}

	.options-checkbox {
	display: block;
	margin-bottom: 8px;
	color: var(--text-light);
	font-size: 0.9rem;
	cursor: pointer;
	}
	.options-checkbox input {
	margin-right: 8px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	}

	.logged-in-only { display: none; }
	.logged-out-only { display: block; }

	@media (max-width: 600px) {
	.header h1 { font-size: 2rem; }
	.products-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
	.product h2 { font-size: 1.1rem; }
	.modal-content { width: 95%; margin: 5% auto; }
	.cart-item { flex-direction: column; align-items: flex-start; gap: 10px;}
	.cart-item img { margin-right: 0; margin-bottom: 10px;}
	.cart-actions { justify-content: center; }
	.points-redeem-controls { flex-direction: column; align-items: stretch; }
	#pointsToRedeemInput { width: 100%; }
	#applyPointsButton { width: 100%; }
	#cancelPointsButton { width: 100%; }
	}
	</style>
	</head>
	<body>
	<div class="container">
	<div class="header">
	<img src="{{ logo_url }}" alt="Логотип" class="header-logo">
	<h1>Чайхана "Emir"</h1>
	<p class="motto">Встречаем с улыбкой, готовим с любовью!</p>
	<p class="prep-time">Время готовки: 15-30 мин \| Доставка: от 30 мин</p>
	<button class="theme-toggle" onclick="toggleTheme()">
	<i class="fas fa-moon"></i>
	</button>
	</div>
	<div class="filters-container">
	<button class="category-filter active" data-category="all">Все категории ({{ products\|length }})</button>
	{% for category in categories %}
	<button class="category-filter" data-category="{{ category }}">{{ category }} ({{ category_counts.get(category, 0) }})</button>
	{% endfor %}
	</div>
	<button id="allCategoriesButton" class="category-filter" onclick="showAllCategories()" style="display:none;">Все категории</button>

	<div class="search-container">
	<input type="text" id="search-input" placeholder="Найти изысканное блюдо...">
	</div>
	<div class="products-grid" id="products-grid">
	{% for product in products %}
	<div class="product" data-id="{{ loop.index0 }}">
	<div class="product-content" onclick="openProductModal({{ loop.index0 }})"
	data-name="{{ product['name']\|lower }}"
	data-description="{{ product['description']\|lower }}"
	data-category="{{ product.get('category', 'Без категории') }}">
	{% if product.get('photos') and product['photos']\|length > 0 %}
	<div class="product-image">
	<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}?t={{ range(1000, 9999) \| random }}"
	alt="{{ product['name'] }}"
	loading="lazy">
	</div>
	{% endif %}
	<h2>{{ product['name'] }}</h2>
	<div class="product-price">{{ product['price'] }} с</div>
	<p class="product-description">{{ product['description'] }}</p>
	</div>
	<div class="product-actions" id="actions-{{ loop.index0 }}">
	<div class="stop-notice" data-product-id="{{ loop.index0 }}" style="display: none;">
	Извините, блюдо на стопе, будет готово через:
	<span class="stop-timer" data-until=""></span>
	</div>
	<div class="quantity-control logged-in-only" data-product-id="{{ loop.index0 }}" style="display: none;">
	<button class="quantity-button minus" onclick="changeProductQuantity(event, {{ loop.index0 }}, -1)">-</button>
	<span class="quantity" id="quantity-{{ loop.index0 }}">0</span>
	<button class="quantity-button plus" onclick="changeProductQuantity(event, {{ loop.index0 }}, 1)">+</button>
	</div>
	<p class="login-prompt logged-out-only" style="display: none;">
	<a href="#" onclick="openLoginModal(); return false;">Авторизуйтесь</a>, чтобы добавить!
	</p>
	</div>
	</div>
	{% endfor %}
	</div>
	<div class="footer-info">
	Наслаждайтесь вкусом премиум-класса
	</div>
	</div>

	<div id="productModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('productModal')">×</span>
	<div id="modalContent"></div>
	</div>
	</div>

	<div id="optionsModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('optionsModal')">×</span>
	<h2>Параметры "<span id="optionsModalProductName"></span>"</h2>
	<input type="hidden" id="optionsModalProductId">
	<div class="quantity-input-container">
	<button class="quantity-button" onclick="changeOptionsQuantity(-1)">-</button>
	<input type="number" id="quantityInput" class="quantity-input" min="1" value="1">
	<button class="quantity-button" onclick="changeOptionsQuantity(1)">+</button>
	</div>
	<label for="optionsList">Доп. опции:</label>
	<div id="optionsList" style="margin-bottom: 15px;"></div>
	<label for="orderComment">Комментарий к блюду:</label>
	<textarea id="orderComment" rows="3" placeholder="Ваши пожелания..."></textarea>
	<button class="product-button" onclick="confirmAddToCart()">Добавить в корзину</button>
	</div>
	</div>

	<div id="cartModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('cartModal')">×</span>
	<h2>Ваша корзина</h2>
	<div id="cartContent" style="margin-bottom: 20px;"></div>

	<div class="logged-in-only">
	<label for="cartDeliveryTime">Время доставки:</label>
	<select id="cartDeliveryTime">
	<option value="now">Как можно скорее</option>
	{% for i in range(2, 13) %}
	<option value="{{ i * 30 }}">{{ i * 30 }} минут</option>
	{% endfor %}
	</select>

	<label for="cartAddressInput">Адрес доставки:</label>
	<textarea id="cartAddressInput" rows="3" placeholder="Введите ваш полный адрес..." required></textarea>
	</div>

	<div id="pointsSectionCart" class="logged-in-only" style="display: none;">
	<p>Доступно баллов: <strong id="availablePointsCart">0</strong></p>
	<div class="points-redeem-controls">
	<input type="number" id="pointsToRedeemInput" placeholder="Списать баллы" min="0" oninput="validatePointsInput(this)">
	<button id="applyPointsButton" class="product-button" onclick="applyPoints()">Применить</button>
	<button id="cancelPointsButton" class="product-button" onclick="cancelAppliedPoints()">Отменить скидку</button>
	</div>
	<p id="pointsMessageCart"></p>
	<p id="cartDiscountInfo"></p>
	</div>

	<div class="cart-total">
	<strong>Итого: <span id="cartTotal">0</span> с</strong>
	</div>

	<div class="cart-actions">
	<button class="product-button clear-cart" onclick="clearCart()">Очистить</button>
	<button class="product-button order-button logged-in-only" onclick="orderViaWhatsApp()">Заказать (WhatsApp)</button>
	<button class="product-button order-button logged-in-only" onclick="showQRPayment()">Оплатить QR</button>
	<p class="logged-out-only" style="margin-top: 10px; color: var(--text-medium);">
	<a href="#" onclick="openLoginModal(); closeModal('cartModal'); return false;" style="color: var(--primary-color); text-decoration: underline;">Войдите</a>, чтобы оформить заказ.
	</p>
	</div>
	</div>
	</div>

	<div id="qrModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('qrModal')">×</span>
	<h2>Оплата QR-кодом</h2>
	<div id="qrModalContent" style="text-align: center;">
	{% if qr_code_url %}
	<p>Отсканируйте код или скачайте его:</p>
	<img src="{{ qr_code_url }}?t={{ range(1000, 9999) \| random }}" alt="QR-код для оплаты" id="qrImage" style="max-width: 80%; height: auto; margin: 15px auto; display: block; border: 1px solid var(--input-border-color); border-radius: 5px;">
	<div style="margin-top: 20px; display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
	<button class="product-button download-button" onclick="downloadQR('{{ qr_code_url }}', 'emir_qr_code.png')">Скачать QR</button>
	<button class="product-button order-button" onclick="orderViaWhatsAppWithQR()">Подтвердить и отправить заказ</button>
	</div>
	{% else %}
	<p>QR-код для оплаты не настроен администратором.</p>
	<button class="product-button" onclick="closeModal('qrModal')">Закрыть</button>
	{% endif %}
	</div>
	</div>
	</div>

	<div id="profileModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('profileModal')">×</span>
	<h2>Профиль</h2>
	<div id="profileContent" class="profile-info logged-in-only">
	<p><strong>Логин:</strong> <span id="profileLogin"></span></p>
	<p><strong>Баллы:</strong> <span id="profilePoints"></span></p>
	<p><strong>Телефон:</strong> <span id="profilePhone"></span></p>
	<p><strong>Адрес:</strong> <span id="profileAddress"></span></p>
	<div style="margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px;">
	<button class="product-button" onclick="openEditProfileModal()">Редактировать Тел/Адрес</button>
	<button class="product-button" onclick="openOrderHistoryModal()">История заказов</button>
	<button class="product-button logout-button" onclick="logout()">Выйти</button>
	</div>
	</div>
	<div id="authContent" class="auth-buttons logged-out-only">
	<button class="product-button" onclick="openRegisterModal()">Регистрация</button>
	<button class="product-button" onclick="openLoginModal()">Войти</button>
	</div>
	</div>
	</div>

	<div id="registerModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('registerModal'); clearRegisterMessage();">×</span>
	<h2>Регистрация</h2>
	<form id="registerForm" class="auth-form">
	<label for="registerLogin">Логин:</label>
	<input type="text" id="registerLogin" name="registerLogin" required>
	<label for="registerPassword">Пароль:</label>
	<input type="password" id="registerPassword" name="registerPassword" required>
	<button type="submit" class="product-button">Зарегистрироваться</button>
	<div id="registerMessage" style="margin-top: 10px; color: var(--accent-color);"></div>
	</form>
	</div>
	</div>

	<div id="loginModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('loginModal'); clearLoginMessage();">×</span>
	<h2>Вход</h2>
	<form id="loginForm" class="auth-form">
	<label for="loginUsername">Логин:</label>
	<input type="text" id="loginUsername" name="loginUsername" required>
	<label for="loginPassword">Пароль:</label>
	<input type="password" id="loginPassword" name="loginPassword" required>
	<button type="submit" class="product-button">Войти</button>
	<div id="loginMessage" style="margin-top: 10px; color: var(--accent-color);"></div>
	</form>
	</div>
	</div>

	<div id="editProfileModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('editProfileModal'); clearEditProfileMessage();">×</span>
	<h2>Редактировать профиль</h2>
	<form id="editProfileForm" class="auth-form">
	<label for="editPhone">Телефон:</label>
	<input type="tel" id="editPhone" name="editPhone" required>
	<label for="editAddress">Адрес:</label>
	<input type="text" id="editAddress" name="editAddress" required>
	<button type="submit" class="product-button">Сохранить</button>
	<div id="editProfileMessage" style="margin-top: 10px;"></div>
	</form>
	</div>
	</div>

	<div id="orderHistoryModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('orderHistoryModal')">×</span>
	<h2>История заказов</h2>
	<div id="orderHistoryContent" style="max-height: 60vh; overflow-y: auto;">
	<p>Загрузка...</p>
	</div>
	</div>
	</div>

	<button id="cart-button" onclick="openCartModal()" style="display:none;">
	<i class="fas fa-shopping-cart"></i>
	<span id="cart-count" style="position: absolute; top: 5px; right: 5px; background: var(--accent-color); color: white; border-radius: 50%; width: 20px; height: 20px; font-size: 0.8rem; line-height: 20px; text-align: center;">0</span>
	</button>

	<footer class="bottom-nav">
	<a href="tel:+996500131380" class="nav-item">
	<i class="fas fa-phone"></i>
	<span>Звонок</span>
	</a>
	<button class="nav-item" onclick="openCashbackModal()">
	<i class="fas fa-coins"></i>
	<span>Кэшбэк</span>
	</button>
	<button class="nav-item" onclick="openProfileModal()">
	<i class="fas fa-user-circle"></i>
	<span>Профиль</span>
	</button>
	<button class="nav-item" onclick="openNewsModal()">
	<i class="fas fa-newspaper"></i>
	<span>Новости</span>
	</button>
	</footer>

	<div id="cashbackModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('cashbackModal')">×</span>
	<h2>Кэшбэк</h2>
	<div class="logged-in-only">
	<p>Вы получаете {{ cashback_percentage }}% кэшбэка баллами с каждого заказа!</p>
	<p>Ваши баллы: <span id="cashbackPoints">0</span></p>
	<p>Баллы можно списать в корзине при оформлении заказа (1 балл = 1 сом).</p>
	</div>
	<p class="logged-out-only">Получайте {{ cashback_percentage }}% кэшбэка баллами с каждого заказа! <a href="#" onclick="openLoginModal();closeModal('cashbackModal'); return false;" style="color: var(--primary-color); text-decoration: underline;">Авторизуйтесь</a>, чтобы копить и тратить баллы.</p>
	</div>
	</div>

	<div id="newsModal" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModal('newsModal')">×</span>
	<h2>Новости</h2>
	<div id="newsContent">
	{% if news_for_template %}
	{% for news_item in news_for_template %}
	<div class="news-item">
	<h3>{{ news_item.title }}</h3>
	{% if news_item.photo %}
	<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ news_item.photo }}?t={{ range(1000, 9999) \| random }}" alt="Фото новости">
	{% endif %}
	<p>{{ news_item.text \| safe }}</p>
	{% if news_item.expiry %}
	<p style="font-size: 0.8rem; color: var(--text-medium);" class="news-expiry" data-expiry-utc="{{ news_item.expiry }}">Актуально до: <span class="expiry-local-time">...</span></p>
	{% endif %}
	</div>
	{% endfor %}
	{% else %}
	<p>Новостей пока нет.</p>
	{% endif %}
	</div>
	</div>
	</div>

	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>

	<script>
	const products = {{ products\|tojson }};
	const repoId = "{{ repo_id }}";
	const initialStoplistData = {{ stoplist_data\|tojson }};
	const bishkekTz = 'Asia/Bishkek';
	const cashbackPercentage = {{ cashback_percentage }};

	let selectedProductIndex = null;
	let currentOptionsQuantity = 1;
	let userProfileData = null;
	let productQuantities = {};
	let stoplistTimers = {};
	window.cartItemsForWhatsApp = [];
	let pointsAppliedSuccessfully = 0;
	let currentCartOriginalTotal = 0;

	const API_BASE_URL = '';

	function getToken() {
	return localStorage.getItem('accessToken');
	}

	function saveToken(token) {
	localStorage.setItem('accessToken', token);
	}

	function removeToken() {
	localStorage.removeItem('accessToken');
	}

	async function fetchWithAuth(url, options = {}) {
	const token = getToken();
	const headers = {
	'Content-Type': 'application/json',
	...(options.headers \|\| {}),
	};

	if (token) {
	headers['Authorization'] = `Bearer ${token}`;
	}

	if (options.body instanceof FormData) {
	delete headers['Content-Type'];
	}

	try {
	const response = await fetch(API_BASE_URL + url, {
	...options,
	headers: headers,
	});

	if (response.status === 401) {
	console.warn('Получен статус 401 Unauthorized. Разлогиниваем.');
	logout();
	return Promise.reject({ status: 401, message: 'Unauthorized' });
	}

	const contentType = response.headers.get("content-type");
	if (contentType && contentType.indexOf("application/json") !== -1) {
	const data = await response.json();
	if (!response.ok) {
	console.error(`HTTP error! status: ${response.status}`, data);
	return Promise.reject({ status: response.status, message: data.message \|\| `HTTP error ${response.status}` });
	}
	return data;
	} else if (response.ok) {
	console.log(`Запрос ${url} успешен со статусом ${response.status}, но ответ не JSON.`);
	return { status: 'success', statusCode: response.status };
	} else {
	const errorText = await response.text();
	console.error(`HTTP error! status: ${response.status}`, errorText);
	return Promise.reject({ status: response.status, message: errorText \|\| `HTTP error ${response.status}` });
	}

	} catch (error) {
	console.error(`Сетевая ошибка или ошибка при обработке запроса к ${url}:`, error);
	return Promise.reject({ status: 'network_error', message: error.message \|\| 'Network error' });
	}
	}

	function updateUIBasedOnLoginStatus() {
	const isLoggedIn = !!getToken();
	console.log("Updating UI, logged in:", isLoggedIn);

	document.querySelectorAll('.logged-in-only').forEach(el => el.style.display = isLoggedIn ? (el.tagName === 'DIV' \|\| el.tagName === 'FORM' \|\| el.tagName === 'P' \|\| el.tagName === 'LABEL' \|\| el.tagName === 'TEXTAREA' \|\| el.tagName === 'SELECT' ? 'block' : 'inline-block') : 'none');
	document.querySelectorAll('.logged-out-only').forEach(el => el.style.display = isLoggedIn ? 'none' : 'block');

	products.forEach((product, index) => {
	updateProductCardActions(index);
	});

	if (isLoggedIn && userProfileData) {
	document.getElementById('profileLogin').textContent = userProfileData.login \|\| 'N/A';
	document.getElementById('profilePoints').textContent = userProfileData.points \|\| 0;
	document.getElementById('profilePhone').textContent = userProfileData.phone \|\| '(Не указан)';
	document.getElementById('profileAddress').textContent = userProfileData.address \|\| '(Не указан)';
	document.getElementById('cashbackPoints').textContent = userProfileData.points \|\| 0;
	const availablePointsCartSpan = document.getElementById('availablePointsCart');
	if(availablePointsCartSpan) availablePointsCartSpan.textContent = userProfileData.points \|\| 0;
	const pointsSectionCart = document.getElementById('pointsSectionCart');
	if(pointsSectionCart) pointsSectionCart.style.display = (isLoggedIn && getCart().length > 0) ? 'block' : 'none';

	} else {
	document.getElementById('profileLogin').textContent = '';
	document.getElementById('profilePoints').textContent = '0';
	document.getElementById('profilePhone').textContent = '';
	document.getElementById('profileAddress').textContent = '';
	document.getElementById('cashbackPoints').textContent = '0';
	const pointsSectionCart = document.getElementById('pointsSectionCart');
	if(pointsSectionCart) pointsSectionCart.style.display = 'none';
	}

	updateCartButton();
	if (!isLoggedIn \|\| !userProfileData) {
	pointsAppliedSuccessfully = 0;
	}
	updatePointsUI();
	}

	function updateProductCardActions(productId) {
	const actionsDiv = document.getElementById(`actions-${productId}`);
	if (!actionsDiv) return;

	const stopNoticeDiv = actionsDiv.querySelector('.stop-notice');
	const quantityControlDiv = actionsDiv.querySelector('.quantity-control');
	const loginPromptP = actionsDiv.querySelector('.login-prompt');
	const quantitySpan = document.getElementById(`quantity-${productId}`);

	if (stopNoticeDiv) stopNoticeDiv.style.display = 'none';
	if (quantityControlDiv) quantityControlDiv.style.display = 'none';
	if (loginPromptP) loginPromptP.style.display = 'none';

	const isLoggedIn = !!getToken();
	const stopInfo = initialStoplistData[String(productId)];
	const isActiveStop = stopInfo && new Date(stopInfo.until) > new Date();

	if (isActiveStop) {
	if (stopNoticeDiv) {
	stopNoticeDiv.style.display = 'block';
	const timerSpan = stopNoticeDiv.querySelector('.stop-timer');
	if (timerSpan) {
	timerSpan.dataset.until = stopInfo.until;
	}
	}
	} else {
	if (isLoggedIn) {
	if (quantityControlDiv) quantityControlDiv.style.display = 'flex';
	if (quantitySpan) quantitySpan.textContent = productQuantities[productId] \|\| 0;
	} else {
	if (loginPromptP) loginPromptP.style.display = 'block';
	}
	}
	}

	async function fetchUserProfile() {
	if (!getToken()) {
	console.log("Нет токена, профиль не загружаем.");
	updateUIBasedOnLoginStatus();
	return null;
	}
	try {
	console.log("Загрузка профиля...");
	const data = await fetchWithAuth('/profile');
	userProfileData = data;
	console.log("Профиль загружен:", userProfileData);
	loadCartQuantities();
	updateUIBasedOnLoginStatus();
	return userProfileData;
	} catch (error) {
	console.error('Ошибка загрузки профиля:', error);
	if (error.status === 401) {
	console.log("Токен недействителен или истек при загрузке профиля.");
	} else {
	alert(`Не удалось загрузить профиль: ${error.message \|\| 'Проверьте соединение'}`);
	logout();
	}
	return null;
	}
	}

	function openEditProfileModal() {
	if (!userProfileData) return;
	closeModal('profileModal');
	document.getElementById('editPhone').value = userProfileData.phone \|\| '';
	document.getElementById('editAddress').value = userProfileData.address \|\| '';
	clearEditProfileMessage();
	document.getElementById('editProfileModal').style.display = 'block';
	}

	function getCart() {
	try {
	const cartData = localStorage.getItem('cart');
	if (!cartData) {
	return [];
	}
	const cart = JSON.parse(cartData);
	return Array.isArray(cart) ? cart : [];
	} catch (e) {
	console.error("Ошибка чтения корзины из localStorage:", e);
	return [];
	}
	}

	function saveCart(cart) {
	if (!Array.isArray(cart)) {
	console.error("Попытка сохранить некорректные данные корзины:", cart);
	return;
	}
	localStorage.setItem('cart', JSON.stringify(cart));
	updateCartButton();
	updateQuantitiesFromCart(cart);
	}

	function updateQuantitiesFromCart(cart) {
	const newQuantities = {};
	cart.forEach(item => {
	if (item.productIndex !== undefined) {
	newQuantities[item.productIndex] = (newQuantities[item.productIndex] \|\| 0) + item.quantity;
	}
	});
	productQuantities = newQuantities;
	products.forEach((p, index) => {
	const qtySpan = document.getElementById(`quantity-${index}`);
	if(qtySpan) {
	qtySpan.textContent = productQuantities[index] \|\| 0;
	}
	});
	}

	function loadCartQuantities() {
	const cart = getCart();
	updateQuantitiesFromCart(cart);
	}

	function clearCart() {
	localStorage.removeItem('cart');
	closeModal('cartModal');
	productQuantities = {};
	window.cartItemsForWhatsApp = [];
	pointsAppliedSuccessfully = 0;
	currentCartOriginalTotal = 0;
	updatePointsUI();
	updateUIBasedOnLoginStatus();
	}

	function updateCartButton() {
	const cart = getCart();
	const cartButton = document.getElementById('cart-button');
	const cartCountSpan = document.getElementById('cart-count');
	const totalQuantity = cart.reduce((sum, item) => sum + (item.quantity \|\| 0), 0);

	if (!cartButton \|\| !cartCountSpan) return;

	if (totalQuantity > 0 && getToken()) {
	cartButton.style.display = 'flex';
	cartCountSpan.textContent = totalQuantity;
	} else {
	cartButton.style.display = 'none';
	cartCountSpan.textContent = '0';
	}
	}

	function updateCartTotalDisplay() {
	const cartTotalSpan = document.getElementById('cartTotal');
	const discountInfoP = document.getElementById('cartDiscountInfo');
	if (!cartTotalSpan \|\| !discountInfoP) return;

	const finalTotal = Math.max(0, currentCartOriginalTotal - pointsAppliedSuccessfully);

	if (pointsAppliedSuccessfully > 0) {
	discountInfoP.textContent = `Скидка баллами: -${pointsAppliedSuccessfully} с`;
	cartTotalSpan.innerHTML = `
	<span style="text-decoration: line-through; color: var(--text-medium); font-size: 1rem; margin-right: 10px;">${currentCartOriginalTotal} с</span>
	<span class="final-total">${finalTotal} с</span>
	`;
	} else {
	discountInfoP.textContent = '';
	cartTotalSpan.textContent = `${currentCartOriginalTotal} с`;
	}
	}

	function openCartModal() {
	if (!getToken()) {
	openLoginModal();
	return;
	}

	const cart = getCart();
	const cartContent = document.getElementById('cartContent');
	let total = 0;
	window.cartItemsForWhatsApp = [];

	pointsAppliedSuccessfully = 0;
	currentCartOriginalTotal = 0;
	updatePointsUI();

	if (cart.length === 0) {
	cartContent.innerHTML = '<p style="text-align: center; color: var(--text-medium);">Корзина пуста</p>';
	} else {
	cartContent.innerHTML = cart.map(item => {
	const product = item.productIndex !== undefined ? products[item.productIndex] : null;
	if (!product) {
	console.warn("Продукт для элемента корзины не найден:", item);
	return '';
	}

	const photo = product.photos && product.photos.length > 0 ? product.photos[0] : '';
	const optionsTotal = (item.options \|\| []).reduce((sum, opt) => sum + (opt.price \|\| 0), 0);
	const basePrice = typeof item.basePrice === 'number' ? item.basePrice : 0;

	let effectiveBasePrice = basePrice;
	let containerPrice = 0;
	if (product && product.has_container && product.container_price > 0) {
	containerPrice = product.container_price;
	effectiveBasePrice += containerPrice;
	}

	const itemTotal = (effectiveBasePrice + optionsTotal) * item.quantity;
	total += itemTotal;

	window.cartItemsForWhatsApp.push({
	...item,
	itemTotal: itemTotal,
	has_container: product?.has_container,
	container_price: containerPrice,
	product_base_price: basePrice // Store original product base price
	});

	return `
	<div class="cart-item" data-cart-item-id="${item.id}">
	${photo ? `<img src="https://huggingface.co/datasets/${repoId}/resolve/main/photos/${photo}?t=${Date.now()}" alt="${item.name}">` : '<div style="width: 60px; height: 60px; background: var(--input-background); border-radius: 8px; margin-right: 15px; flex-shrink: 0;"></div>'}
	<div class="cart-item-details">
	<strong>${item.name}</strong>
	<p>${basePrice} с ${containerPrice > 0 ? ` (+${containerPrice}с конт.)` : ''} × ${item.quantity}${
	(item.options && item.options.length > 0) ? '<br>Опции: ' + item.options.map(o => `${o.name} (+${o.price} с)`).join(', ') : ''
	}${
	item.comment ? '<br>Комментарий: ' + item.comment : ''
	}</p>
	</div>
	<span>${itemTotal} с</span>
	<button onclick="removeFromCart('${item.id}')" style="background: none; border: none; color: var(--accent-color); font-size: 1.4rem; cursor: pointer; margin-left: 10px; padding: 5px;" title="Удалить из корзины">×</button>
	</div>
	`;
	}).join('');
	}

	currentCartOriginalTotal = total;
	updateCartTotalDisplay();

	const availablePointsCartSpan = document.getElementById('availablePointsCart');
	const pointsSectionCart = document.getElementById('pointsSectionCart');
	if(userProfileData && availablePointsCartSpan && pointsSectionCart){
	availablePointsCartSpan.textContent = userProfileData.points \|\| 0;
	pointsSectionCart.style.display = cart.length > 0 ? 'block' : 'none';
	} else if (pointsSectionCart) {
	pointsSectionCart.style.display = 'none';
	}

	document.getElementById('cartDeliveryTime').value = 'now';
	const addressInput = document.getElementById('cartAddressInput');
	if(addressInput) addressInput.value = userProfileData?.address \|\| '';

	document.getElementById('cartModal').style.display = 'block';
	}

	function removeFromCart(cartItemId) {
	let cart = getCart();
	const itemIndex = cart.findIndex(item => item.id === cartItemId);

	if (itemIndex > -1) {
	const removedItem = cart[itemIndex];
	cart.splice(itemIndex, 1);
	saveCart(cart);

	if (pointsAppliedSuccessfully > 0) {
	console.log("Сброс примененных баллов из-за удаления товара.");
	pointsAppliedSuccessfully = 0;
	}

	openCartModal();

	if (removedItem.productIndex !== undefined) {
	updateProductCardActions(removedItem.productIndex);
	}
	if (cart.length === 0) {
	const pointsSectionCart = document.getElementById('pointsSectionCart');
	if (pointsSectionCart) pointsSectionCart.style.display = 'none';
	}
	}
	}

	function updatePointsUI() {
	const pointsInput = document.getElementById('pointsToRedeemInput');
	const applyButton = document.getElementById('applyPointsButton');
	const cancelButton = document.getElementById('cancelPointsButton');
	const pointsMessage = document.getElementById('pointsMessageCart');
	const discountInfo = document.getElementById('cartDiscountInfo');

	if (!pointsInput \|\| !applyButton \|\| !cancelButton \|\| !pointsMessage \|\| !discountInfo) return;

	pointsMessage.textContent = '';
	pointsMessage.className = '';

	if (pointsAppliedSuccessfully > 0) {
	pointsInput.value = pointsAppliedSuccessfully;
	pointsInput.disabled = true;
	applyButton.style.display = 'none';
	cancelButton.style.display = 'inline-block';
	discountInfo.textContent = `Скидка баллами: -${pointsAppliedSuccessfully} с`;
	} else {
	pointsInput.value = '';
	pointsInput.disabled = false;
	applyButton.style.display = 'inline-block';
	cancelButton.style.display = 'none';
	discountInfo.textContent = '';
	}
	updateCartTotalDisplay();
	const availablePointsCartSpan = document.getElementById('availablePointsCart');
	if(availablePointsCartSpan && userProfileData) {
	availablePointsCartSpan.textContent = userProfileData.points \|\| 0;
	}
	}


	function validatePointsInput(input) {
	const maxPoints = userProfileData ? Math.floor(userProfileData.points \|\| 0) : 0;
	const maxPossibleRedeem = Math.min(maxPoints, Math.floor(currentCartOriginalTotal));
	let value = parseInt(input.value) \|\| 0;

	if (value < 0) {
	value = 0;
	}
	if (value > maxPossibleRedeem) {
	value = maxPossibleRedeem;
	}
	input.value = value;
	}

	async function applyPoints() {
	const pointsInput = document.getElementById('pointsToRedeemInput');
	const applyButton = document.getElementById('applyPointsButton');
	const pointsMessage = document.getElementById('pointsMessageCart');
	if (!pointsInput \|\| !applyButton \|\| !pointsMessage) return;

	const pointsToRedeem = parseInt(pointsInput.value) \|\| 0;
	const availablePoints = userProfileData ? Math.floor(userProfileData.points \|\| 0) : 0;
	const maxPossibleRedeem = Math.min(availablePoints, Math.floor(currentCartOriginalTotal));

	pointsMessage.textContent = '';
	pointsMessage.className = '';

	if (pointsToRedeem <= 0) {
	pointsMessage.textContent = "Введите положительное количество баллов.";
	pointsMessage.className = 'error';
	return;
	}
	if (pointsToRedeem > availablePoints) {
	pointsMessage.textContent = `Недостаточно баллов. Доступно: ${availablePoints}`;
	pointsMessage.className = 'error';
	pointsInput.value = availablePoints;
	return;
	}
	if (pointsToRedeem > maxPossibleRedeem) {
	pointsMessage.textContent = `Максимум можно списать ${maxPossibleRedeem} баллов для этого заказа.`;
	pointsMessage.className = 'error';
	pointsInput.value = maxPossibleRedeem;
	return;
	}

	applyButton.disabled = true;
	pointsMessage.textContent = 'Применяем баллы...';
	pointsMessage.className = '';

	try {
	console.log(`Попытка списания ${pointsToRedeem} баллов через /redeem_points...`);
	const redeemResult = await fetchWithAuth('/redeem_points', {
	method: 'POST',
	body: JSON.stringify({ points: pointsToRedeem })
	});

	if (redeemResult.status === 'success') {
	console.log("Баллы успешно списаны сервером:", redeemResult);
	pointsAppliedSuccessfully = pointsToRedeem;
	if (userProfileData) {
	userProfileData.points = redeemResult.new_balance;
	}
	updatePointsUI();
	const availablePointsCartSpan = document.getElementById('availablePointsCart');
	if(availablePointsCartSpan) availablePointsCartSpan.textContent = userProfileData.points \|\| 0;
	const profilePointsSpan = document.getElementById('profilePoints');
	if(profilePointsSpan) profilePointsSpan.textContent = userProfileData.points \|\| 0;
	const cashbackPointsSpan = document.getElementById('cashbackPoints');
	if(cashbackPointsSpan) cashbackPointsSpan.textContent = userProfileData.points \|\| 0;


	pointsMessage.textContent = 'Баллы успешно применены!';
	pointsMessage.className = 'success';


	} else {
	throw new Error(redeemResult.message \|\| 'Не удалось применить баллы на сервере');
	}

	} catch (error) {
	console.error('Ошибка применения/списания баллов:', error);
	pointsAppliedSuccessfully = 0;
	pointsMessage.textContent = `Ошибка: ${error.message \|\| 'Не удалось применить баллы'}.`;
	pointsMessage.className = 'error';
	updatePointsUI();
	await fetchUserProfile();
	} finally {
	applyButton.disabled = false;
	}
	}

	async function cancelAppliedPoints() {
	const cancelButton = document.getElementById('cancelPointsButton');
	const pointsMessage = document.getElementById('pointsMessageCart');
	if (!cancelButton \|\| !pointsMessage \|\| pointsAppliedSuccessfully <= 0) return;

	const pointsToReturn = pointsAppliedSuccessfully;

	cancelButton.disabled = true;
	pointsMessage.textContent = 'Отменяем скидку...';
	pointsMessage.className = '';

	try {
	console.log(`Попытка возврата ${pointsToReturn} баллов через /earn_points...`);
	const returnResult = await fetchWithAuth('/earn_points', {
	method: 'POST',
	body: JSON.stringify({ points: pointsToReturn })
	});

	if (returnResult.status === 'success') {
	console.log("Баллы успешно возвращены сервером:", returnResult);
	pointsAppliedSuccessfully = 0;
	if (userProfileData) {
	userProfileData.points = returnResult.new_balance;
	}
	updatePointsUI();
	const availablePointsCartSpan = document.getElementById('availablePointsCart');
	if(availablePointsCartSpan) availablePointsCartSpan.textContent = userProfileData.points \|\| 0;
	const profilePointsSpan = document.getElementById('profilePoints');
	if(profilePointsSpan) profilePointsSpan.textContent = userProfileData.points \|\| 0;
	const cashbackPointsSpan = document.getElementById('cashbackPoints');
	if(cashbackPointsSpan) cashbackPointsSpan.textContent = userProfileData.points \|\| 0;

	pointsMessage.textContent = 'Скидка отменена.';
	pointsMessage.className = 'success';

	} else {
	throw new Error(returnResult.message \|\| 'Не удалось вернуть баллы на сервере');
	}
	} catch (error) {
	console.error('Ошибка отмены скидки/возврата баллов:', error);
	pointsMessage.textContent = `Ошибка отмены: ${error.message \|\| 'Не удалось вернуть баллы'}.`;
	pointsMessage.className = 'error';
	} finally {
	cancelButton.disabled = false;
	}
	}


	function openProductModal(index) {
	loadProductDetails(index);
	document.getElementById('productModal').style.display = "block";
	}

	function loadProductDetails(index) {
	fetch(API_BASE_URL + '/product/' + index)
	.then(response => {
	if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
	return response.text();
	})
	.then(data => {
	document.getElementById('modalContent').innerHTML = data;
	initializeSwiper('#productModal');
	})
	.catch(error => {
	console.error('Ошибка загрузки деталей продукта:', error);
	document.getElementById('modalContent').innerHTML = '<p>Не удалось загрузить информацию о блюде.</p>';
	});
	}

	function openOptionsModal(productIndex) {
	if (!getToken()) {
	openLoginModal();
	return;
	}
	selectedProductIndex = productIndex;
	const product = products[productIndex];
	if (!product) {
	console.error("Продукт не найден для индекса:", productIndex);
	return;
	}

	document.getElementById('optionsModalProductId').value = productIndex;
	document.getElementById('optionsModalProductName').textContent = product.name;

	const optionsList = document.getElementById('optionsList');
	optionsList.innerHTML = (product.options && product.options.length > 0) ?
	product.options.map(option => `
	<label class="options-checkbox">
	<input type="checkbox" class="option-checkbox" data-name="${option.name}" data-price="${option.price \|\| 0}">
	${option.name} (+${option.price \|\| 0} с)
	</label>
	`).join('') : '<p>Нет дополнительных опций</p>';

	currentOptionsQuantity = 1;
	document.getElementById('quantityInput').value = currentOptionsQuantity;
	document.getElementById('orderComment').value = '';

	document.getElementById('optionsModal').style.display = 'block';
	}

	function changeOptionsQuantity(change) {
	const input = document.getElementById('quantityInput');
	let currentVal = parseInt(input.value) \|\| 1;
	currentOptionsQuantity = Math.max(1, currentVal + change);
	input.value = currentOptionsQuantity;
	}

	function confirmAddToCart() {
	const productIndex = parseInt(document.getElementById('optionsModalProductId').value);
	if (isNaN(productIndex) \|\| productIndex < 0 \|\| productIndex >= products.length) {
	console.error("Неверный productIndex в модалке опций");
	return;
	}
	const product = products[productIndex];

	const quantity = parseInt(document.getElementById('quantityInput').value) \|\| 1;
	if (quantity <= 0) {
	alert("Укажите количество больше 0");
	return;
	}

	let cart = getCart();
	const selectedOptions = Array.from(document.querySelectorAll('#optionsList .option-checkbox:checked'))
	.map(cb => ({
	name: cb.dataset.name,
	price: parseFloat(cb.dataset.price) \|\| 0
	}));
	const comment = document.getElementById('orderComment').value.trim();

	const optionsString = selectedOptions.map(o => o.name).sort().join('-');
	const cartItemId = `${productIndex}-${optionsString}-${Date.now()}`;

	cart.push({
	id: cartItemId,
	productIndex: productIndex,
	name: product.name,
	basePrice: product.price,
	quantity: quantity,
	options: selectedOptions,
	comment: comment
	});

	saveCart(cart);
	closeModal('optionsModal');

	updateProductCardActions(productIndex);

	console.log("Товар добавлен:", cart[cart.length-1]);
	console.log("Количества:", productQuantities);
	updateCartButton();

	if (pointsAppliedSuccessfully > 0) {
	console.log("Сброс примененных баллов из-за добавления товара.");
	pointsAppliedSuccessfully = 0;
	updatePointsUI();
	}
	}

	function changeProductQuantity(event, index, change) {
	event.stopPropagation();

	if (!getToken()) {
	openLoginModal();
	return;
	}

	let currentQuantity = productQuantities[index] \|\| 0;
	let newQuantity = Math.max(0, currentQuantity + change);

	let cartChanged = false;

	if (currentQuantity === 0 && newQuantity === 1) {
	openOptionsModal(index);
	} else if (newQuantity === 0 && currentQuantity > 0) {
	let cart = getCart();
	const initialLength = cart.length;
	cart = cart.filter(item => item.productIndex !== index);
	if (cart.length < initialLength) {
	console.log(`Количество стало 0, удаляем товар ${products[index]?.name} (индекс ${index}) из корзины.`);
	saveCart(cart);
	updateProductCardActions(index);
	cartChanged = true;
	} else {
	productQuantities[index] = 0;
	updateProductCardActions(index);
	}
	} else if (newQuantity > 0) {
	let cart = getCart();
	const itemIndexToUpdate = cart.findIndex(item => item.productIndex === index);
	if(itemIndexToUpdate > -1) {
	if (cart[itemIndexToUpdate].quantity !== newQuantity) {
	cart[itemIndexToUpdate].quantity = newQuantity;
	saveCart(cart);
	updateProductCardActions(index);
	cartChanged = true;
	}
	} else {
	console.warn("Не найден элемент в корзине для обновления количества > 0");
	openOptionsModal(index);
	}
	}

	if (cartChanged && pointsAppliedSuccessfully > 0) {
	console.log("Сброс примененных баллов из-за изменения количества товара.");
	pointsAppliedSuccessfully = 0;
	updatePointsUI();
	}
	}

	async function placeOrder(paymentMethod) {
	console.log(`Начало оформления заказа (${paymentMethod})`);
	const cart = getCart();
	if (cart.length === 0) {
	alert("Корзина пуста!");
	return;
	}

	let currentProfile = userProfileData;
	if (!currentProfile) {
	currentProfile = await fetchUserProfile();
	if (!currentProfile) {
	alert("Не удалось получить данные пользователя. Пожалуйста, войдите снова.");
	return;
	}
	}
	const deliveryAddressInput = document.getElementById('cartAddressInput');
	const deliveryAddress = deliveryAddressInput ? deliveryAddressInput.value.trim() : '';
	if (!deliveryAddress) {
	alert("Пожалуйста, укажите адрес доставки в корзине.");
	if(deliveryAddressInput) deliveryAddressInput.focus();
	return;
	}
	const userPhone = currentProfile.phone;
	if (!userPhone) {
	alert("Пожалуйста, укажите ваш телефон в профиле (в разделе 'Редактировать Тел/Адрес').");
	openEditProfileModal();
	return;
	}

	const orderItemsForMsg = window.cartItemsForWhatsApp.length > 0 ? window.cartItemsForWhatsApp : getCart().map(item => {
	const product = item.productIndex !== undefined ? products[item.productIndex] : null;
	if (!product) return null;
	const optionsTotal = (item.options \|\| []).reduce((sum, opt) => sum + (opt.price \|\| 0), 0);
	const basePrice = typeof item.basePrice === 'number' ? item.basePrice : 0;
	let effectiveBasePrice = basePrice;
	let containerPrice = 0;
	if (product && product.has_container && product.container_price > 0) {
	containerPrice = product.container_price;
	effectiveBasePrice += containerPrice;
	}
	const itemTotal = (effectiveBasePrice + optionsTotal) * item.quantity;
	return { ...item, itemTotal: itemTotal, has_container: product?.has_container, container_price: containerPrice, product_base_price: basePrice };
	}).filter(item => item !== null);

	const originalTotal = orderItemsForMsg.reduce((sum, item) => sum + (item.itemTotal \|\| 0), 0);
	const pointsToRedeem = pointsAppliedSuccessfully;
	const finalTotal = Math.max(0, originalTotal - pointsToRedeem);
	const deliveryTimeSelected = document.getElementById('cartDeliveryTime')?.value \|\| 'now';
	const deliveryText = deliveryTimeSelected === 'now' ? 'Как можно скорее' : `Через ${deliveryTimeSelected} мин`;

	let orderText = `Новый заказ (${paymentMethod === 'qr' ? 'Оплата QR' : 'Оплата при получении'}) %0A`;
	orderText += `Адрес доставки: ${deliveryAddress}%0A`;
	orderText += `Телефон клиента: ${userPhone}%0A`;
	orderText += `Время доставки: ${deliveryText}%0A`;
	orderText += `---%0A`;
	orderItemsForMsg.forEach((item, index) => {
	const optionsText = (item.options && item.options.length > 0)
	? ` (${item.options.map(o => `${o.name}${o.price > 0 ? ` +${o.price}с` : ''}`).join(', ')})`
	: '';
	const commentText = item.comment ? ` [Коммент: ${item.comment}]` : '';
	let priceBreakdown = `${item.product_base_price}с`; // Use stored product base price
	if (item.has_container && item.container_price > 0) {
	priceBreakdown += ` + ${item.container_price}с конт.`;
	}
	orderText += `${index + 1}. ${item.name}${optionsText} - (${priceBreakdown}) × ${item.quantity} = ${item.itemTotal}с${commentText}%0A`;
	});
	orderText += `---%0A`;
	orderText += `Сумма заказа: ${originalTotal} с%0A`;
	if (pointsToRedeem > 0) {
	orderText += `Списано баллов: ${pointsToRedeem}%0A`;
	}
	orderText += `Итого к оплате: ${finalTotal} с%0A`;
	orderText += `---%0A`;
	orderText += `Логин клиента: ${currentProfile.login}%0A`;

	console.log("Формирование ссылки WhatsApp...");
	const whatsappUrl = `https://api.whatsapp.com/send?phone=+996500131380&text=${orderText}`;

	try {
	console.log("Попытка открытия WhatsApp через <a target='_blank'>:", whatsappUrl);
	const link = document.createElement('a');
	link.href = whatsappUrl;
	link.target = '_blank';
	link.rel = 'noopener noreferrer';

	document.body.appendChild(link);
	link.click();
	document.body.removeChild(link);
	console.log("Клик по ссылке WhatsApp инициирован.");

	} catch (error) {
	console.error("Ошибка при попытке открыть WhatsApp через ссылку:", error);
	alert("Не удалось автоматически открыть WhatsApp. Пожалуйста, проверьте настройки браузера или откройте приложение вручную.");
	}


	(async () => {
	try {
	const pointsToEarn = Math.floor(originalTotal * (cashbackPercentage / 100));
	if (pointsToEarn > 0) {
	console.log(`(Фон) Попытка начисления ${pointsToEarn} баллов кешбэка...`);
	try {
	const earnResult = await fetchWithAuth('/earn_points', {
	method: 'POST',
	body: JSON.stringify({ points: pointsToEarn })
	});
	console.log("(Фон) Результат начисления кешбэка:", earnResult);
	if (userProfileData && earnResult.status === 'success' && earnResult.new_balance !== undefined) {
	userProfileData.points = earnResult.new_balance;
	}
	} catch (earnError) {
	console.error('(Фон) Ошибка начисления кешбэка:', earnError);
	}
	} else {
	console.log("(Фон) Кешбэк не начисляется.");
	}
	} catch (backgroundError) {
	console.error("(Фон) Ошибка при выполнении фоновых задач:", backgroundError);
	}
	})();

	console.log("Очистка корзины и закрытие модалок после инициирования перехода в WhatsApp...");
	clearCart();
	closeModal('cartModal');
	if (paymentMethod === 'qr') {
	closeModal('qrModal');
	}
	console.log("Переход в WhatsApp инициирован, UI очищен.");

	}


	function orderViaWhatsApp() {
	placeOrder('whatsapp');
	}

	function orderViaWhatsAppWithQR() {
	placeOrder('qr');
	}

	function showQRPayment() {
	document.getElementById('qrModal').style.display = 'block';
	}

	async function downloadQR(qrImageUrl, filename = 'qr_code.png') {
	if (!qrImageUrl) {
	console.error("URL QR-кода отсутствует.");
	alert("Не удалось найти QR-код для скачивания.");
	return;
	}
	console.log(`Запрос на скачивание QR: ${qrImageUrl}`);
	try {
	const response = await fetch(qrImageUrl);
	if (!response.ok) {
	throw new Error(`Не удалось загрузить QR-код (Статус: ${response.status})`);
	}

	const blob = await response.blob();
	const objectUrl = URL.createObjectURL(blob);

	const link = document.createElement('a');
	link.href = objectUrl;
	link.download = filename;
	document.body.appendChild(link);
	link.click();
	document.body.removeChild(link);

	URL.revokeObjectURL(objectUrl);
	console.log("Скачивание QR инициировано.");

	} catch (error) {
	console.error("Ошибка скачивания QR:", error);
	alert(`Не удалось скачать QR-код: ${error.message}`);
	}
	}

	function initializeSwiper(modalSelector) {
	try {
	const modalElement = document.querySelector(modalSelector);
	if (!modalElement) return;

	const swiperContainer = modalElement.querySelector('.swiper-container');
	if (swiperContainer && swiperContainer.querySelectorAll('.swiper-slide').length > 0 && !swiperContainer.swiper) {
	new Swiper(swiperContainer, {
	slidesPerView: 1,
	spaceBetween: 20,
	loop: swiperContainer.querySelectorAll('.swiper-slide').length > 1,
	grabCursor: true,
	pagination: {
	el: swiperContainer.querySelector('.swiper-pagination'),
	clickable: true
	},
	navigation: {
	nextEl: swiperContainer.querySelector('.swiper-button-next'),
	prevEl: swiperContainer.querySelector('.swiper-button-prev')
	},
	zoom: { maxRatio: 3 },
	preloadImages: false,
	lazy: true,
	});
	console.log("Swiper инициализирован для", modalSelector);
	}
	} catch (e) {
	console.error("Ошибка инициализации Swiper:", e);
	}
	}

	function closeModal(modalId) {
	const modal = document.getElementById(modalId);
	if (modal) {
	modal.style.display = "none";
	}
	if (modalId === 'optionsModal') {
	currentOptionsQuantity = 1;
	selectedProductIndex = null;
	document.getElementById('optionsModalProductId').value = '';
	document.getElementById('optionsModalProductName').textContent = '';
	const optionsListDiv = document.getElementById('optionsList');
	optionsListDiv.innerHTML = '';
	}
	if (modalId === 'loginModal') clearLoginMessage();
	if (modalId === 'registerModal') clearRegisterMessage();
	if (modalId === 'editProfileModal') clearEditProfileMessage();
	if (modalId === 'cartModal') {
	window.cartItemsForWhatsApp = [];
	pointsAppliedSuccessfully = 0;
	updatePointsUI();
	currentCartOriginalTotal = 0;
	}
	}

	window.onclick = function(event) {
	if (event.target.classList.contains('modal')) {
	closeModal(event.target.id);
	}
	}

	function toggleTheme() {
	const icon = document.querySelector('.theme-toggle i');
	if (!icon) return;
	const isDark = document.body.classList.toggle('dark-theme');
	icon.classList.toggle('fa-moon', !isDark);
	icon.classList.toggle('fa-sun', isDark);
	console.log("Смена темы (TODO: Реализовать)");
	}

	function filterProducts() {
	const searchTerm = document.getElementById('search-input').value.toLowerCase().trim();
	const activeCategoryButton = document.querySelector('.category-filter.active');
	const activeCategory = activeCategoryButton ? activeCategoryButton.dataset.category : 'all';
	const grid = document.getElementById('products-grid');
	let hasVisibleProducts = false;

	grid.querySelectorAll('.product').forEach(productContainer => {
	const contentDiv = productContainer.querySelector('.product-content');
	if (!contentDiv) return;

	const name = contentDiv.getAttribute('data-name') \|\| '';
	const description = contentDiv.getAttribute('data-description') \|\| '';
	const category = contentDiv.getAttribute('data-category') \|\| 'Без категории';

	const matchesSearch = searchTerm === '' \|\| name.includes(searchTerm) \|\| description.includes(searchTerm);
	const matchesCategory = activeCategory === 'all' \|\| category === activeCategory;

	if (matchesSearch && matchesCategory) {
	productContainer.style.display = 'flex';
	hasVisibleProducts = true;
	} else {
	productContainer.style.display = 'none';
	}
	});
	}
	document.getElementById('search-input').addEventListener('input', filterProducts);
	document.querySelectorAll('.category-filter').forEach(filter => {
	filter.addEventListener('click', function() {
	document.querySelectorAll('.category-filter').forEach(f => f.classList.remove('active'));
	this.classList.add('active');
	filterProducts();
	const allCatsButton = document.getElementById('allCategoriesButton');
	if (this.dataset.category !== 'all') {
	allCatsButton.style.display = 'block';
	} else {
	allCatsButton.style.display = 'none';
	}
	});
	});
	function showAllCategories() {
	document.querySelectorAll('.category-filter').forEach(f => f.classList.remove('active'));
	const allButton = document.querySelector('.category-filter[data-category="all"]');
	if(allButton) allButton.classList.add('active');
	filterProducts();
	document.getElementById('allCategoriesButton').style.display = 'none';
	}

	function openLoginModal() { closeModal('profileModal'); clearLoginMessage(); document.getElementById('loginModal').style.display = 'block'; }
	function openRegisterModal() { closeModal('profileModal'); clearRegisterMessage(); document.getElementById('registerModal').style.display = 'block'; }
	function openProfileModal() { document.getElementById('profileModal').style.display = 'block'; }
	function openCashbackModal() { document.getElementById('cashbackModal').style.display = 'block'; }
	function openNewsModal() {
	formatNewsDates();
	document.getElementById('newsModal').style.display = 'block';
	}

	function clearLoginMessage() { document.getElementById('loginMessage').textContent = ''; }
	function clearRegisterMessage() { document.getElementById('registerMessage').textContent = ''; }
	function clearEditProfileMessage() { document.getElementById('editProfileMessage').textContent = ''; }

	$('#registerForm').on('submit', async function(event) {
	event.preventDefault();
	const formData = $(this).serializeArray();
	const data = {};
	formData.forEach(item => data[item.name] = item.value);
	const messageDiv = $('#registerMessage');
	messageDiv.css('color', 'var(--accent-color)');
	messageDiv.text('Регистрация...');

	if (!data.registerLogin \|\| !data.registerPassword) {
	messageDiv.text('Логин и пароль обязательны!');
	return;
	}

	try {
	const response = await fetch(API_BASE_URL + '/register', {
	method: 'POST',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify({
	login: data.registerLogin,
	password: data.registerPassword
	})
	});
	const result = await response.json();

	if (response.ok && result.status === 'success') {
	messageDiv.text('Регистрация успешна. Теперь войдите.');
	messageDiv.css('color', 'var(--primary-color)');
	$(this).trigger('reset');
	setTimeout(() => {
	closeModal('registerModal');
	openLoginModal();
	}, 1500);
	} else {
	messageDiv.text('Ошибка: ' + (result.message \|\| 'Неизвестная ошибка'));
	}
	} catch (error) {
	console.error("Ошибка регистрации fetch:", error);
	messageDiv.text('Ошибка сети или сервера.');
	}
	});

	$('#loginForm').on('submit', async function(event) {
	event.preventDefault();
	const formData = $(this).serializeArray();
	const data = {};
	formData.forEach(item => data[item.name] = item.value);
	const messageDiv = $('#loginMessage');
	messageDiv.css('color', 'var(--accent-color)');
	messageDiv.text('Вход...');

	if (!data.loginUsername \|\| !data.loginPassword) {
	messageDiv.text('Введите логин и пароль!');
	return;
	}

	try {
	const response = await fetch(API_BASE_URL + '/login', {
	method: 'POST',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify({ login: data.loginUsername, password: data.loginPassword })
	});
	const result = await response.json();

	if (response.ok && result.status === 'success' && result.access_token) {
	saveToken(result.access_token);
	userProfileData = result.user_profile;
	console.log("Токен сохранен, профиль получен:", userProfileData);
	closeModal('loginModal');
	loadCartQuantities();
	updateUIBasedOnLoginStatus();
	} else {
	removeToken();
	userProfileData = null;
	productQuantities = {};
	updateUIBasedOnLoginStatus();
	messageDiv.text('Ошибка: ' + (result.message \|\| 'Неверный логин или пароль'));
	}
	} catch (error) {
	console.error("Ошибка входа fetch:", error);
	removeToken();
	userProfileData = null;
	productQuantities = {};
	updateUIBasedOnLoginStatus();
	messageDiv.text('Ошибка сети или сервера.');
	}
	});

	$('#editProfileForm').on('submit', async function(event) {
	event.preventDefault();
	const messageDiv = $('#editProfileMessage');
	messageDiv.text('Сохранение...');
	messageDiv.css('color', 'var(--text-medium)');

	const phone = $('#editPhone').val().trim();
	const address = $('#editAddress').val().trim();

	if (!phone \|\| !address) {
	messageDiv.text('Телефон и адрес не могут быть пустыми.');
	messageDiv.css('color', 'var(--accent-color)');
	return;
	}

	try {
	const result = await fetchWithAuth('/update_profile', {
	method: 'POST',
	body: JSON.stringify({ phone: phone, address: address })
	});

	messageDiv.text('Профиль обновлен.');
	messageDiv.css('color', 'var(--primary-color)');
	if (userProfileData) {
	userProfileData.phone = phone;
	userProfileData.address = address;
	}
	$('#profilePhone').text(phone);
	$('#profileAddress').text(address);
	setTimeout(() => {
	closeModal('editProfileModal');
	}, 1500);

	} catch (error) {
	console.error("Ошибка обновления профиля:", error);
	messageDiv.text(`Ошибка: ${error.message \|\| 'Не удалось обновить профиль'}`);
	messageDiv.css('color', 'var(--accent-color)');
	}
	});

	function logout() {
	console.log("Выход пользователя...");
	removeToken();
	userProfileData = null;
	productQuantities = {};
	clearCart();
	updateUIBasedOnLoginStatus();
	closeModal('profileModal');
	closeModal('cartModal');
	closeModal('editProfileModal');
	closeModal('orderHistoryModal');
	closeModal('optionsModal');
	console.log("Пользователь вышел");
	}

	document.addEventListener('DOMContentLoaded', () => {
	console.log("DOM загружен. Проверяем токен и инициализируем...");
	initializeStoplistTimers();
	fetchUserProfile();
	});

	function formatRemainingTime(untilISO) {
	try {
	const now = new Date();
	const until = new Date(untilISO);
	const diffMs = until - now;

	if (diffMs <= 0) return null;

	const diffSec = Math.floor(diffMs / 1000);
	const minutes = Math.floor(diffSec / 60);
	const seconds = diffSec % 60;

	return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
	} catch (e) {
	console.error("Ошибка форматирования времени стоп-листа:", e, "ISO:", untilISO);
	return "?:??";
	}
	}

	function updateDisplayForStopTimers() {
	document.querySelectorAll('.product').forEach((productDiv, index) => {
	const productId = String(index);
	const stopInfo = initialStoplistData[productId];
	const timerSpan = productDiv.querySelector(`.stop-timer`);

	if (timerSpan && timerSpan.closest('.stop-notice') && timerSpan.closest('.stop-notice').style.display !== 'none') {
	if (stopInfo) {
	const remainingTimeStr = formatRemainingTime(stopInfo.until);
	if (remainingTimeStr !== null) {
	timerSpan.textContent = remainingTimeStr;
	} else {
	console.log(`Таймер для продукта ${productId} истек.`);
	delete initialStoplistData[productId];
	if (stoplistTimers[productId]) {
	clearInterval(stoplistTimers[productId]);
	delete stoplistTimers[productId];
	}
	updateProductCardActions(productId);
	}
	} else {
	updateProductCardActions(productId);
	}
	} else if (!stopInfo && stoplistTimers[productId]){
	clearInterval(stoplistTimers[productId]);
	delete stoplistTimers[productId];
	updateProductCardActions(productId);
	} else if (!stopInfo) {
	updateProductCardActions(productId);
	}
	});
	}

	function initializeStoplistTimers() {
	Object.values(stoplistTimers).forEach(clearInterval);
	stoplistTimers = {};

	console.log("Инициализация таймеров стоп-листа...");
	const globalTimerInterval = setInterval(updateDisplayForStopTimers, 1000);
	stoplistTimers['global'] = globalTimerInterval;
	updateDisplayForStopTimers();
	}

	async function openOrderHistoryModal() {
	const historyContent = document.getElementById('orderHistoryContent');
	historyContent.innerHTML = '<p>Загрузка...</p>';
	document.getElementById('orderHistoryModal').style.display = 'block';

	try {
	const historyData = await fetchWithAuth('/order_history');

	if (Array.isArray(historyData)) {
	if (historyData.length === 0) {
	historyContent.innerHTML = '<p>У вас пока нет заказов в истории.</p>';
	} else {
	historyContent.innerHTML = historyData.map(order => {
	const localTimeStr = order.timestamp_local \|\| 'Дата неизвестна';
	const originalTotal = order.original_total \|\| 0;
	const finalAmount = order.final_amount !== undefined ? order.final_amount : originalTotal;
	const redeemedPoints = order.redeemed_points \|\| 0;
	const paymentMethodText = { 'qr': 'QR-код', 'whatsapp': 'При получении' }[order.payment_method] \|\| 'Не указан';
	const deliveryTimeText = order.delivery_time_preference === 'now' ? 'Как можно скорее' : `Через ${order.delivery_time_preference} мин`;

	return `
	<div class="order-history-item">
	<p><strong>Дата:</strong> <span>${localTimeStr}</span></p>
	<p><strong>Адрес:</strong> <span>${order.delivery_address \|\| '(не указан)'}</span></p>
	<p class="order-total-info"><strong>Сумма заказа:</strong> <span>${originalTotal} с</span></p>
	${redeemedPoints > 0 ? `<p class="redeemed-points-info"><strong>Списано баллов:</strong> <span>${redeemedPoints}</span></p>` : ''}
	<p class="order-total-info"><strong>Итого к оплате:</strong> <strong class="final-amount">${finalAmount} с</strong></p>
	<p><strong>Способ оплаты:</strong> <span>${paymentMethodText}</span></p>
	<p><strong>Доставка:</strong> <span>${deliveryTimeText}</span></p>
	<p><strong>Состав заказа:</strong></p>
	<ul>
	${(order.items \|\| []).map(item => {
	const optionsText = (item.options && item.options.length > 0)
	? ` (${item.options.map(o=>o.name).join(', ')})` : '';
	const commentText = item.comment ? `<i>Коммент: "${item.comment}"</i>` : '';
	return `<li>- ${item.name} (${item.quantity} шт.)${optionsText}${commentText}</li>`;
	}).join('')}
	</ul>
	</div>
	`}).join('');
	}
	} else {
	throw new Error("Некорректный формат истории заказов");
	}
	} catch (error) {
	console.error("Ошибка загрузки истории заказов:", error);
	historyContent.innerHTML = `<p>Не удалось загрузить историю заказов. Ошибка: ${error.message \|\| 'Проверьте соединение'}</p>`;
	}
	}

	function formatNewsDates() {
	const newsItems = document.querySelectorAll('.news-expiry');
	newsItems.forEach(item => {
	const utcDateString = item.dataset.expiryUtc;
	const localTimeSpan = item.querySelector('.expiry-local-time');
	if (utcDateString && localTimeSpan) {
	try {
	const date = new Date(utcDateString);
	const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' };
	localTimeSpan.textContent = date.toLocaleDateString('ru-RU', options);
	} catch (e) {
	console.error("Ошибка форматирования даты новости:", e);
	localTimeSpan.textContent = utcDateString;
	}
	}
	});
	}

	</script>
	</body>
	</html>
	'''
	return render_template_string(
	menu_html,
	products=products,
	categories=categories,
	category_counts=category_counts,
	stoplist_data=stoplist_for_template,
	repo_id=REPO_ID,
	qr_code_url=qr_code_url,
	news_for_template=news_for_template,
	logo_url=LOGO_URL,
	cashback_percentage=CASHBACK_PERCENTAGE
	)
	@app.route('/product/<int:index>')
	def product_detail(index):
	data = load_data()
	products = data.get('products', [])
	if 0 <= index < len(products):
	product = products[index]
	else:
	return jsonify({'status': 'error', 'message': 'Блюдо не найдено'}), 404

	detail_html = '''
	<h2 style="font-family: 'Cinzel', serif; font-size: 2rem; color: var(--primary-color); margin-bottom: 20px; text-align: center;">{{ product['name'] }}</h2>
	<div class="swiper-container product-swiper" style="max-width: 500px; margin: 0 auto 25px; border-radius: 10px; overflow: hidden; background: rgba(0,0,0,0.2);">
	<div class="swiper-wrapper">
	{% if product.get('photos') and product['photos']\|length > 0 %}
	{% for photo in product['photos'] %}
	<div class="swiper-slide swiper-lazy" style="display: flex; justify-content: center; align-items: center;">
	<div class="swiper-zoom-container">
	<img data-src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}?t={{ range(1000, 9999)\|random }}"
	class="swiper-lazy"
	alt="{{ product['name'] }}"
	style="max-width: 100%; max-height: 400px; object-fit: contain;">
	</div>
	<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
	</div>
	{% endfor %}
	{% else %}
	<div class="swiper-slide" style="height: 300px; display: flex; align-items: center; justify-content: center; color: var(--text-medium); background: var(--input-background);">
	Фото отсутствует
	</div>
	{% endif %}
	</div>
	{% if product.get('photos') and product['photos']\|length > 1 %}
	<div class="swiper-pagination" style="bottom: 10px; --swiper-pagination-color: var(--primary-color);"></div>
	<div class="swiper-button-next" style="color: var(--primary-color); right: 10px;"></div>
	<div class="swiper-button-prev" style="color: var(--primary-color); left: 10px;"></div>
	{% endif %}
	</div>
	<div style="padding: 0 10px;">
	<p style="color: var(--text-medium);"><strong style="color: var(--text-light);">Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
	<p style="color: var(--secondary-color); font-size: 1.5rem; font-weight: bold; margin: 10px 0;">Цена: {{ product['price'] }} с</p>
	<p style="color: var(--text-medium); margin-bottom: 15px;"><strong style="color: var(--text-light);">Описание:</strong><br>{{ product['description'] \| safe }}</p>
	{% if product.get('options') and product['options']\|length > 0 %}
	<p style="color: var(--text-light); margin-bottom: 5px;"><strong>Возможные опции:</strong></p>
	<ul style="color: var(--text-medium); list-style: none; padding-left: 0; font-size: 0.9rem;">
	{% for option in product['options'] %}
	<li>- {{ option.name }} (+{{ option.price or 0 }} c)</li>
	{% endfor %}
	</ul>
	{% endif %}
	{% if product.has_container and product.container_price > 0 %}
	<p style="color: var(--text-light); margin-top: 10px; font-size: 0.9rem;">* К этому блюду будет добавлен контейнер (+{{ product.container_price }} c)</p>
	{% endif %}
	</div>
	'''
	return render_template_string(detail_html, product=product, repo_id=REPO_ID)

	@app.route('/register', methods=['POST'])
	def register():
	data = request.get_json()
	if not data:
	return jsonify({'status': 'error', 'message': 'Некорректный запрос (ожидается JSON)'}), 400

	login = data.get('login')
	password = data.get('password')

	if not login or not password:
	return jsonify({'status': 'error', 'message': 'Логин и пароль обязательны'}), 400

	success, message = register_user(login, password)
	status_code = 201 if success else 400
	return jsonify({'status': 'success' if success else 'error', 'message': message}), status_code

	@app.route('/login', methods=['POST'])
	def login():
	data = request.get_json()
	if not data:
	return jsonify({'status': 'error', 'message': 'Некорректный запрос (ожидается JSON)'}), 400

	login_attempt = data.get('login')
	password_attempt = data.get('password')

	if not login_attempt or not password_attempt:
	return jsonify({'status': 'error', 'message': 'Требуется логин и пароль'}), 400

	user_info = authenticate_user(login_attempt, password_attempt)

	if user_info:
	access_token = create_access_token(identity=user_info['login'])
	if access_token:
	profile_data = get_user_profile_data(user_info['login'])
	return jsonify({
	'status': 'success',
	'access_token': access_token,
	'user_profile': profile_data
	})
	else:
	logging.error("Не удалось создать JWT токен после успешной аутентификации.")
	return jsonify({'status': 'error', 'message': 'Ошибка сервера при создании сессии'}), 500
	else:
	return jsonify({'status': 'error', 'message': 'Неверный логин или пароль'}), 401

	@app.route('/profile', methods=['GET'])
	@token_required
	def get_profile(current_user_login):
	user_data = get_user_profile_data(current_user_login)
	if user_data:
	return jsonify(user_data)
	else:
	logging.error(f"Пользователь {current_user_login} из валидного токена не найден в базе get_profile.")
	return jsonify({'message': 'Пользователь не найден'}), 404

	@app.route('/update_profile', methods=['POST'])
	@token_required
	def update_profile(current_user_login):
	data = request.get_json()
	if not data:
	return jsonify({'status': 'error', 'message': 'Ожидается JSON'}), 400

	phone = data.get('phone', '').strip()
	address = data.get('address', '').strip()

	if not phone or not address:
	return jsonify({'status': 'error', 'message': 'Телефон и адрес обязательны'}), 400

	success, message = update_user_profile(current_user_login, phone, address)
	status_code = 200 if success else 400
	return jsonify({'status': 'success' if success else 'error', 'message': message}), status_code

	@app.route('/redeem_points', methods=['POST'])
	@token_required
	def redeem_points(current_user_login):
	data = request.get_json()
	if not data:
	return jsonify({'status': 'error', 'message': 'Ожидается JSON'}), 400

	try:
	points = int(data.get('points', 0))
	except (ValueError, TypeError):
	return jsonify({'status': 'error', 'message': 'Некорректное количество баллов'}), 400

	if points <= 0:
	return jsonify({'status': 'error', 'message': 'Количество баллов для списания должно быть положительным'}), 400

	success, message, new_balance = redeem_points_from_user(current_user_login, points)
	status_code = 200 if success else 400
	return jsonify({
	'status': 'success' if success else 'error',
	'message': message,
	'new_balance': new_balance
	}), status_code

	@app.route('/earn_points', methods=['POST'])
	@token_required
	def earn_points(current_user_login):
	data = request.get_json()
	if not data:
	return jsonify({'status': 'error', 'message': 'Ожидается JSON'}), 400

	try:
	points_raw = data.get('points', 0)
	points = float(points_raw) if '.' in str(points_raw) else int(points_raw)
	except (ValueError, TypeError):
	return jsonify({'status': 'error', 'message': 'Некорректное количество баллов'}), 400

	if points <= 0:
	return jsonify({'status': 'success', 'message': 'Баллы не изменены (сумма <= 0).'}), 200

	success, message = add_points_to_user(current_user_login, points)
	status_code = 200 if success else 500
	new_balance = 0
	if success:
	user_data = get_user_profile_data(current_user_login)
	if user_data:
	new_balance = user_data.get('points', 0)

	return jsonify({
	'status': 'success' if success else 'error',
	'message': message,
	'new_balance': new_balance
	}), status_code

	@app.route('/place_order', methods=['POST'])
	@token_required
	def place_order_route(current_user_login):
	return jsonify({'status': 'info', 'message': 'Этот эндпоинт больше не используется для оформления заказа клиентом.'}), 404


	@app.route('/order_history', methods=['GET'])
	@token_required
	def get_order_history_route(current_user_login):
	history = get_order_history(current_user_login)
	return jsonify(history)

	@app.route('/stoplist', methods=['GET', 'POST'])
	def stoplist_route():
	data = load_data()
	products = data.get('products', [])
	stoplist_dict = data.get('stoplist', {})

	if request.method == 'POST':
	action = request.form.get('action')
	product_id_str = request.form.get('product_id')

	if not product_id_str or not product_id_str.isdigit():
	return jsonify({'status': 'error', 'message': 'Некорректный ID продукта'}), 400
	product_index = int(product_id_str)

	if not (0 <= product_index < len(products)):
	return jsonify({'status': 'error', 'message': 'Продукт с таким ID не найден'}), 404

	if action == 'add':
	try:
	minutes = int(request.form.get('minutes', 0))
	if minutes <= 0:
	raise ValueError("Время должно быть положительным")
	except (ValueError, TypeError):
	return jsonify({'status': 'error', 'message': 'Некорректное время (требуется положительное число минут)'}), 400

	until_datetime_utc = datetime.now(timezone.utc) + timedelta(minutes=minutes)
	stoplist_dict[product_id_str] = {
	'until': until_datetime_utc,
	'minutes': minutes
	}
	data['stoplist'] = stoplist_dict
	save_data(data)
	return jsonify({
	'status': 'success',
	'message': f"Продукт {products[product_index]['name']} добавлен в стоп-лист на {minutes} минут.",
	'productId': product_id_str,
	'until': until_datetime_utc.isoformat(),
	'minutes': minutes
	}), 200

	elif action == 'remove':
	if product_id_str in stoplist_dict:
	del stoplist_dict[product_id_str]
	data['stoplist'] = stoplist_dict
	save_data(data)
	return jsonify({
	'status': 'success',
	'message': f"Продукт {products[product_index]['name']} снят со стоп-листа.",
	'productId': product_id_str
	}), 200
	else:
	return jsonify({'status': 'success', 'message': 'Продукт не найден в активном стоп-листе.'}), 200
	else:
	return jsonify({'status': 'error', 'message': 'Неизвестное действие'}), 400

	stoplist_for_template_get = {
	k: {
	'until': v['until'].isoformat(),
	'minutes': v.get('minutes', 0)
	}
	for k, v in stoplist_dict.items()
	}

	stoplist_html = '''
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Стоп-лист</title>
	<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
	<style>
	:root {
	--primary-color: #FFD700;
	--secondary-color: #D4AF37;
	--accent-color: #EF4444;
	--background-dark: #1A1A1A;
	--background-medium: #2D2D2D;
	--text-light: #F5F5F5;
	--text-medium: #B0B0B0;
	--box-shadow-light: rgba(255, 215, 0, 0.2);
	--box-shadow-medium: rgba(255, 215, 0, 0.5);
	--modal-background: rgba(0, 0, 0, 0.8);
	--modal-backdrop-blur: blur(10px);
	--button-hover-background: #FFD700;
	--button-hover-text-color: #1A1A1A;
	--input-border-color: #FFD700;
	--input-focus-border-color: #FFF;
	--input-background: rgba(255, 255, 255, 0.1);
	--card-background: rgba(255, 255, 255, 0.05);
	}
	body {
	font-family: 'Nunito', sans-serif;
	background: linear-gradient(135deg, var(--background-dark), var(--background-medium));
	color: var(--text-light);
	padding: 20px;
	}
	.container {
	max-width: 1200px;
	margin: 0 auto;
	}
	h1 {
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 20px;
	text-align: center;
	}
	.search-container {
	margin: 20px 0;
	text-align: center;
	}
	#search-input-stoplist {
	width: 80%;
	max-width: 600px;
	padding: 12px 15px;
	font-size: 1rem;
	border: 2px solid var(--input-border-color);
	border-radius: 50px;
	background: var(--input-background);
	color: var(--text-light);
	transition: all 0.3s ease;
	margin-bottom: 20px;
	}
	#search-input-stoplist:focus {
	border-color: var(--input-focus-border-color);
	box-shadow: 0 0 10px var(--box-shadow-medium);
	outline: none;
	}
	.product-list {
	display: grid;
	gap: 15px;
	}
	.product-item {
	background: var(--card-background);
	padding: 15px;
	border-radius: 12px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.3);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	}
	.product-info {
	flex-grow: 1;
	min-width: 200px;
	}
	.product-controls {
	flex-shrink: 0;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
	}
	.product-item h3 {
	color: var(--primary-color);
	margin: 0 0 5px 0;
	font-size: 1.1rem;
	}
	button, .button-like {
	padding: 8px 15px;
	border: 2px solid var(--primary-color);
	border-radius: 25px;
	background: transparent;
	color: var(--primary-color);
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 0.85rem;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	line-height: 1.2;
	}
	button:hover, .button-like:hover {
	background: var(--button-hover-background);
	color: var(--button-hover-text-color);
	border-color: var(--button-hover-background);
	}
	.timer {
	color: var(--accent-color);
	font-weight: bold;
	min-width: 60px;
	text-align: left;
	display: inline-block;
	margin-left: 5px;
	}
	.stop-notice {
	color: var(--accent-color);
	font-size: 0.9rem;
	display: inline;
	}
	.stop-form button {
	background-color: rgba(255, 215, 0, 0.1);
	}
	.stop-form button:hover {
	background-color: var(--primary-color);
	color: var(--background-dark);
	}
	.remove-stop-button {
	background: var(--secondary-color);
	border: none;
	color: var(--background-dark);
	}
	.remove-stop-button:hover {
	background: var(--primary-color);
	color: var(--background-dark);
	border-color: var(--primary-color);
	}
	.status-container {
	min-height: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	}
	.stop-form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	}
	.loading-indicator {
	display: inline-block;
	margin-left: 10px;
	color: var(--text-medium);
	font-size: 0.8rem;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>Управление стоп-листом</h1>
	<div class="search-container">
	<input type="text" id="search-input-stoplist" placeholder="Поиск блюда...">
	</div>
	<div class="product-list" id="product-list">
	{% if products %}
	{% for product in products %}
	<div class="product-item" data-id="{{ loop.index0 }}" data-name="{{ product['name']\|lower }}">
	<div class="product-info">
	<h3>{{ product['name'] }}</h3>
	<div class="status-container" id="status-container-{{ loop.index0 }}">
	<span class="loading-indicator">Загрузка статуса...</span>
	</div>
	</div>
	<div class="product-controls">
	</div>
	</div>
	{% endfor %}
	{% else %}
	<p style="text-align: center; color: var(--text-medium);">Список продуктов пуст. Добавьте продукты в админ-панели.</p>
	{% endif %}
	</div>
	</div>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script>
	let initialStoplist = {{ stoplist_page_data\|tojson }};
	const allProducts = {{ products\|tojson }};
	let stoplistPageTimers = {};

	function formatStopTime(untilISO) {
	if (!untilISO) return null;
	try {
	const now = new Date();
	const until = new Date(untilISO);
	const diffMs = until - now;

	if (diffMs <= 0) return null;

	const diffSecTotal = Math.floor(diffMs / 1000);
	const minutes = Math.floor(diffSecTotal / 60);
	const seconds = diffSecTotal % 60;

	return `${minutes}м ${seconds}с`;
	} catch (e) {
	console.error("Ошибка форматирования времени стоп-листа:", e);
	return "Ошибка";
	}
	}

	function updateProductStopStatusUI(productId) {
	const productItem = document.querySelector(`.product-item[data-id="${productId}"]`);
	if (!productItem) return;

	const statusContainer = productItem.querySelector(`#status-container-${productId}`);
	const controlsContainer = productItem.querySelector('.product-controls');
	if (!statusContainer \|\| !controlsContainer) return;

	const stopInfo = initialStoplist[productId];
	const remainingTimeStr = stopInfo ? formatStopTime(stopInfo.until) : null;

	statusContainer.innerHTML = '';
	controlsContainer.innerHTML = '';

	if (remainingTimeStr !== null && new Date(stopInfo.until) > new Date()) {
	statusContainer.innerHTML = `
	<span class="stop-notice">На стопе. Осталось:</span>
	<span class="timer" data-until="${stopInfo.until}">${remainingTimeStr}</span>
	`;
	const removeButton = document.createElement('button');
	removeButton.className = 'remove-stop-button';
	removeButton.id = `remove-button-${productId}`;
	removeButton.textContent = 'Снять стоп';
	removeButton.onclick = function() { removeFromStoplist(productId, this); };
	controlsContainer.appendChild(removeButton);
	startStoplistPageTimer(productId);
	} else {
	if (initialStoplist[productId]) delete initialStoplist[productId];
	if (stoplistPageTimers[productId]) {
	clearInterval(stoplistPageTimers[productId]);
	delete stoplistPageTimers[productId];
	}

	statusContainer.innerHTML = `
	<form class="stop-form" data-id="${productId}">
	<button type="button" onclick="addToStoplist('${productId}', 30, this)">30 м</button>
	<button type="button" onclick="addToStoplist('${productId}', 60, this)">60 м</button>
	<button type="button" onclick="addToStoplist('${productId}', 90, this)">90 м</button>
	<input type="number" min="1" placeholder="Или введите минуты" style="width: 120px; padding: 6px; font-size: 0.8rem;" id="custom-minutes-${productId}">
	<button type="button" onclick="addCustomStoplist('${productId}', this)">OK</button>
	</form>
	`;
	}
	}

	function updateAllTimersOnPage() {
	document.querySelectorAll('.product-item').forEach(item => {
	const productId = item.dataset.id;
	if (initialStoplist[productId]) {
	const timerSpan = item.querySelector(`.timer[data-until]`);
	if (timerSpan) {
	const remainingTime = formatStopTime(initialStoplist[productId].until);
	if (remainingTime !== null) {
	timerSpan.textContent = remainingTime;
	} else {
	updateProductStopStatusUI(productId);
	}
	} else {
	updateProductStopStatusUI(productId);
	}
	}
	});
	}

	function startStoplistPageTimer(productId) {
	if (!stoplistPageTimers[productId]) {
	const timerSpan = document.querySelector(`.product-item[data-id="${productId}"] .timer`);
	if (timerSpan && initialStoplist[productId]) {
	const remainingTime = formatStopTime(initialStoplist[productId].until);
	if(remainingTime) timerSpan.textContent = remainingTime;
	else updateProductStopStatusUI(productId);
	}

	stoplistPageTimers[productId] = setInterval(() => {
	const timerSpanInner = document.querySelector(`.product-item[data-id="${productId}"] .timer`);
	if (timerSpanInner && initialStoplist[productId]) {
	const remainingTimeInner = formatStopTime(initialStoplist[productId].until);
	if (remainingTimeInner !== null) {
	timerSpanInner.textContent = remainingTimeInner;
	} else {
	updateProductStopStatusUI(productId);
	}
	} else {
	if(stoplistPageTimers[productId]) {
	clearInterval(stoplistPageTimers[productId]);
	delete stoplistPageTimers[productId];
	}
	updateProductStopStatusUI(productId);
	}
	}, 1000);
	}
	}

	function addToStoplist(productId, minutes, buttonElement) {
	setLoadingState(buttonElement, true);
	$.ajax({
	url: '/stoplist',
	type: 'POST',
	data: {
	action: 'add',
	product_id: productId,
	minutes: minutes
	},
	success: function(response) {
	if (response.status === 'success') {
	initialStoplist[productId] = { until: response.until, minutes: response.minutes };
	updateProductStopStatusUI(productId);
	} else {
	alert('Ошибка добавления в стоп-лист: ' + response.message);
	}
	},
	error: function(jqXHR, textStatus, errorThrown) {
	alert(`Ошибка сети или сервера (${jqXHR.status}): ${jqXHR.responseJSON?.message \|\| errorThrown}`);
	},
	complete: function() {
	setLoadingState(buttonElement?.closest('.stop-form')?.querySelector('button:last-of-type') \|\| buttonElement, false);
	}
	});
	}

	function addCustomStoplist(productId, buttonElement) {
	const input = document.getElementById(`custom-minutes-${productId}`);
	const minutes = parseInt(input.value);
	if (!minutes \|\| minutes <= 0) {
	alert("Введите положительное число минут.");
	input.focus();
	return;
	}
	addToStoplist(productId, minutes, buttonElement);
	}

	function removeFromStoplist(productId, buttonElement) {
	setLoadingState(buttonElement, true);
	$.ajax({
	url: '/stoplist',
	type: 'POST',
	data: {
	action: 'remove',
	product_id: productId
	},
	success: function(response) {
	if (response.status === 'success') {
	delete initialStoplist[productId];
	if (stoplistPageTimers[productId]) {
	clearInterval(stoplistPageTimers[productId]);
	delete stoplistPageTimers[productId];
	}
	updateProductStopStatusUI(productId);
	} else {
	if (response.message && response.message.includes("не найден")) {
	delete initialStoplist[productId];
	updateProductStopStatusUI(productId);
	} else {
	alert('Ошибка снятия со стоп-листа: ' + response.message);
	}
	}
	},
	error: function(jqXHR, textStatus, errorThrown) {
	alert(`Ошибка сети или сервера (${jqXHR.status}): ${jqXHR.responseJSON?.message \|\| errorThrown}`);
	},
	complete: function() {
	setLoadingState(buttonElement, false);
	}
	});
	}

	function setLoadingState(button, isLoading) {
	if (!button) return;
	button.disabled = isLoading;
	button.style.opacity = isLoading ? 0.6 : 1;
	button.style.cursor = isLoading ? 'wait' : 'pointer';
	}

	document.addEventListener('DOMContentLoaded', () => {
	document.querySelectorAll('.product-item').forEach(item => {
	const productId = item.dataset.id;
	updateProductStopStatusUI(productId);
	});
	});

	const productItems = Array.from(document.querySelectorAll('.product-item'));
	document.getElementById('search-input-stoplist').addEventListener('input', function() {
	const searchTerm = this.value.toLowerCase().trim();
	productItems.forEach(item => {
	const productName = item.dataset.name \|\| '';
	const matches = productName.includes(searchTerm);
	item.style.display = matches ? 'flex' : 'none';
	});
	});

	</script>
	</body>
	</html>
	'''
	return render_template_string(stoplist_html, products=products, stoplist_page_data=stoplist_for_template_get)


	@app.route('/admin', methods=['GET', 'POST'])
	def admin():
	data = load_data()
	products = data.get('products', [])
	categories = data.get('categories', [])
	stoplist = data.get('stoplist', {})
	news_list = data.get('news', [])
	qr_code_filename = data.get('qr_code')

	if request.method == 'POST':
	action = request.form.get('action')
	if action == 'add_category':
	category_name = request.form.get('category_name', '').strip()
	if category_name and category_name not in categories:
	categories.append(category_name)
	save_data(data)
	else:
	logging.warning(f"Попытка добавить пустую или существующую категорию: '{category_name}'")
	return redirect(url_for('admin'))

	elif action == 'delete_category':
	try:
	category_index = int(request.form.get('category_index'))
	if 0 <= category_index < len(categories):
	category_to_delete = categories.pop(category_index)
	for product in products:
	if product.get('category') == category_to_delete:
	product['category'] = 'Без категории'
	save_data(data)
	logging.info(f"Категория '{category_to_delete}' удалена.")
	else:
	logging.warning("Попытка удалить категорию с неверным индексом.")
	except (ValueError, TypeError):
	logging.error("Некорректный индекс категории для удаления.")
	return redirect(url_for('admin'))

	elif action == 'move_category_up':
	try:
	category_index = int(request.form.get('category_index'))
	if category_index > 0 and category_index < len(categories):
	categories.insert(category_index - 1, categories.pop(category_index))
	save_data(data)
	else:
	logging.warning("Невозможно переместить категорию вверх (неверный индекс).")
	except (ValueError, TypeError):
	logging.error("Некорректный индекс категории для перемещения вверх.")
	return redirect(url_for('admin'))

	elif action == 'move_category_down':
	try:
	category_index = int(request.form.get('category_index'))
	if category_index >= 0 and category_index < len(categories) - 1:
	categories.insert(category_index + 1, categories.pop(category_index))
	save_data(data)
	else:
	logging.warning("Невозможно переместить категорию вниз (неверный индекс).")
	except (ValueError, TypeError):
	logging.error("Некорректный индекс категории для перемещения вниз.")
	return redirect(url_for('admin'))

	elif action == 'add':
	try:
	name = request.form.get('name', '').strip()
	price_str = request.form.get('price', '0').replace(',', '.')
	price = float(price_str)
	description = request.form.get('description', '').strip()
	category = request.form.get('category')
	photos_files = request.files.getlist('photos')
	option_names = request.form.getlist('option_names')
	option_prices = request.form.getlist('option_prices')
	has_container = request.form.get('has_container') == 'on'
	container_price_str = request.form.get('container_price', '0').replace(',', '.')
	container_price = float(container_price_str) if has_container else 0

	if not name or price < 0 or (has_container and container_price < 0):
	logging.error("Имя, цена (>=0) и цена контейнера (>=0, если выбран) обязательны.")
	return redirect(url_for('admin'))

	photos_list = []
	options_list = []

	if photos_files and HF_TOKEN_WRITE:
	api = HfApi()
	uploads_dir = 'uploads'
	os.makedirs(uploads_dir, exist_ok=True)
	for photo in photos_files[:10]:
	if photo and photo.filename:
	base, ext = os.path.splitext(secure_filename(photo.filename))
	photo_filename_hf = f"photo_{int(time.time() * 1000)}_{len(photos_list)}{ext}"
	temp_path = os.path.join(uploads_dir, photo_filename_hf)
	try:
	photo.save(temp_path)
	api.upload_file(
	path_or_fileobj=temp_path,
	path_in_repo=f"photos/{photo_filename_hf}",
	repo_id=REPO_ID,
	repo_type="dataset",
	token=HF_TOKEN_WRITE,
	commit_message=f"Добавлено фото для блюда {name}"
	)
	photos_list.append(photo_filename_hf)
	logging.info(f"Фото {photo_filename_hf} загружено на HF.")
	except Exception as e:
	logging.error(f"Ошибка загрузки фото {photo.filename} (-> {photo_filename_hf}) на HF: {e}")
	finally:
	if os.path.exists(temp_path):
	try: os.remove(temp_path)
	except OSError as rm_err: logging.error(f"Не удалось удалить временный файл {temp_path}: {rm_err}")
	elif photos_files and not HF_TOKEN_WRITE:
	logging.warning("HF_TOKEN (write) не установлен. Фотографии не будут загружены на HF.")

	for opt_name, opt_price_str in zip(option_names, option_prices):
	opt_name = opt_name.strip()
	opt_price_str = opt_price_str.replace(',', '.')
	if opt_name and opt_price_str:
	try:
	opt_price = float(opt_price_str)
	if opt_price >= 0:
	options_list.append({'name': opt_name, 'price': opt_price})
	else:
	logging.warning(f"Цена опции '{opt_name}' должна быть неотрицательной. Пропуск.")
	except ValueError:
	logging.warning(f"Некорректная цена для опции '{opt_name}': {opt_price_str}. Пропуск.")

	new_product_id = len(products)

	new_product = {
	'name': name,
	'price': price,
	'description': description,
	'category': category if category in categories else 'Без категории',
	'photos': photos_list,
	'options': options_list,
	'has_container': has_container,
	'container_price': container_price if has_container else 0
	}
	products.append(new_product)
	save_data(data)
	logging.info(f"Добавлен новый продукт: {name}")
	except Exception as e:
	logging.error(f"Ошибка при добавлении продукта: {e}", exc_info=True)
	return redirect(url_for('admin'))

	elif action == 'edit':
	try:
	product_index = int(request.form.get('product_index'))
	if not (0 <= product_index < len(products)):
	logging.error("Неверный индекс продукта для редактирования.")
	return redirect(url_for('admin'))

	product_to_edit = products[product_index]

	name = request.form.get('name', '').strip()
	price_str = request.form.get('price', '0').replace(',', '.')
	price = float(price_str)
	description = request.form.get('description', '').strip()
	category = request.form.get('category')
	photos_files = request.files.getlist('photos')
	existing_photos = request.form.getlist('existing_photos')
	option_names = request.form.getlist('option_names')
	option_prices = request.form.getlist('option_prices')
	has_container = request.form.get('has_container') == 'on'
	container_price_str = request.form.get('container_price', '0').replace(',', '.')
	container_price = float(container_price_str) if has_container else 0

	if not name or price < 0 or (has_container and container_price < 0):
	logging.error("Имя, цена (>=0) и цена контейнера (>=0, если выбран) обязательны для редактирования.")
	return redirect(url_for('admin'))

	photos_list = existing_photos
	options_list = []

	if photos_files and HF_TOKEN_WRITE:
	api = HfApi()
	uploads_dir = 'uploads'
	os.makedirs(uploads_dir, exist_ok=True)
	for photo in photos_files[:max(0, 10 - len(photos_list))]:
	if photo and photo.filename:
	base, ext = os.path.splitext(secure_filename(photo.filename))
	photo_filename_hf = f"photo_{int(time.time() * 1000)}_{len(photos_list)}{ext}"
	temp_path = os.path.join(uploads_dir, photo_filename_hf)
	try:
	photo.save(temp_path)
	api.upload_file(
	path_or_fileobj=temp_path,
	path_in_repo=f"photos/{photo_filename_hf}",
	repo_id=REPO_ID,
	repo_type="dataset",
	token=HF_TOKEN_WRITE,
	commit_message=f"Обновлено фото для блюда {name}"
	)
	photos_list.append(photo_filename_hf)
	logging.info(f"Новое фото {photo_filename_hf} загружено на HF при редактировании.")
	except Exception as e:
	logging.error(f"Ошибка загрузки нового фото {photo_filename_hf} на HF при редактировании: {e}")
	finally:
	if os.path.exists(temp_path):
	try: os.remove(temp_path)
	except OSError as rm_err: logging.error(f"Не удалось удалить временный файл {temp_path}: {rm_err}")
	elif photos_files and not HF_TOKEN_WRITE:
	logging.warning("HF_TOKEN (write) не установлен. Новые фотографии не будут загружены на HF.")

	for opt_name, opt_price_str in zip(option_names, option_prices):
	opt_name = opt_name.strip()
	opt_price_str = opt_price_str.replace(',', '.')
	if opt_name and opt_price_str:
	try:
	opt_price = float(opt_price_str)
	if opt_price >= 0:
	options_list.append({'name': opt_name, 'price': opt_price})
	else:
	logging.warning(f"Цена опции '{opt_name}' должна быть неотрицательной при редактировании. Пропуск.")
	except ValueError:
	logging.warning(f"Некорректная цена для опции '{opt_name}' при редактировании: {opt_price_str}. Пропуск.")

	product_to_edit['name'] = name
	product_to_edit['price'] = price
	product_to_edit['description'] = description
	product_to_edit['category'] = category if category in categories else 'Без категории'
	product_to_edit['photos'] = photos_list
	product_to_edit['options'] = options_list
	product_to_edit['has_container'] = has_container
	product_to_edit['container_price'] = container_price if has_container else 0

	save_data(data)
	logging.info(f"Продукт '{name}' (индекс {product_index}) обновлен.")
	except Exception as e:
	logging.error(f"Ошибка при редактировании продукта: {e}", exc_info=True)
	return redirect(url_for('admin'))

	elif action == 'delete':
	try:
	product_index = int(request.form.get('product_index'))
	if 0 <= product_index < len(products):
	deleted_product = products.pop(product_index)
	logging.info(f"Удален продукт: {deleted_product.get('name')} (бывший индекс {product_index})")

	product_id_str_deleted = str(product_index)
	new_stoplist_after_delete = {}
	current_stoplist = data.get('stoplist', {})

	for pid_str, stop_info in current_stoplist.items():
	try:
	pid_int = int(pid_str)
	if pid_int == product_index:
	logging.info(f"Удалена запись стоп-листа для удаленного продукта {product_index}.")
	continue
	elif pid_int > product_index:
	new_index_str = str(pid_int - 1)
	new_stoplist_after_delete[new_index_str] = stop_info
	logging.debug(f"Сдвинут индекс стоп-листа: {pid_str} -> {new_index_str}")
	else:
	new_stoplist_after_delete[pid_str] = stop_info
	except ValueError:
	logging.warning(f"Некорректный ID (не число) '{pid_str}' в стоп-листе при удалении продукта. Запись пропущена.")

	data['stoplist'] = new_stoplist_after_delete
	save_data(data)
	else:
	logging.warning("Попытка удалить продукт с неверным индексом.")
	except (ValueError, TypeError):
	logging.error("Некорректный индекс продукта для удаления.")
	return redirect(url_for('admin'))

	elif action == 'upload_qr':
	qr_file = request.files.get('qr_file')
	if qr_file and qr_file.filename and HF_TOKEN_WRITE:
	try:
	base, ext = os.path.splitext(secure_filename(qr_file.filename))
	qr_filename_hf = f"payment_qr_{int(time.time())}{ext}"
	uploads_dir = 'uploads'
	os.makedirs(uploads_dir, exist_ok=True)
	temp_path = os.path.join(uploads_dir, qr_filename_hf)
	qr_file.save(temp_path)
	api = HfApi()
	api.upload_file(
	path_or_fileobj=temp_path,
	path_in_repo=qr_filename_hf,
	repo_id=REPO_ID,
	repo_type="dataset",
	token=HF_TOKEN_WRITE,
	commit_message="Обновлен QR-код для оплаты"
	)
	data['qr_code'] = qr_filename_hf
	save_data(data)
	logging.info(f"QR-код {qr_filename_hf} успешно загружен.")
	except Exception as e:
	logging.error(f"Ошибка загрузки QR-кода на HF: {e}", exc_info=True)
	finally:
	if 'temp_path' in locals() and os.path.exists(temp_path):
	try: os.remove(temp_path)
	except OSError as rm_err: logging.error(f"Не удалось удалить временный QR файл {temp_path}: {rm_err}")
	elif qr_file and not HF_TOKEN_WRITE:
	logging.warning("HF_TOKEN (write) не установлен. QR-код не будет загружен на HF.")
	else:
	logging.warning("Файл QR-кода не был предоставлен или имеет некорректное имя.")
	return redirect(url_for('admin'))

	elif action == 'add_news':
	try:
	news_title = request.form.get('news_title', '').strip()
	news_text = request.form.get('news_text', '').strip()
	news_photo_file = request.files.get('news_photo')
	expiry_days_str = request.form.get('expiry_days') or '0'
	expiry_hours_str = request.form.get('expiry_hours') or '0'
	expiry_minutes_str = request.form.get('expiry_minutes') or '0'

	expiry_days = int(expiry_days_str)
	expiry_hours = int(expiry_hours_str)
	expiry_minutes = int(expiry_minutes_str)

	if not news_title or not news_text:
	logging.error("Заголовок и текст новости обязательны.")
	return redirect(url_for('admin'))

	news_photo_filename_hf = None
	if news_photo_file and news_photo_file.filename and HF_TOKEN_WRITE:
	try:
	base, ext = os.path.splitext(secure_filename(news_photo_file.filename))
	news_photo_filename_hf = f"news_{int(time.time() * 1000)}{ext}"
	uploads_dir = 'uploads'
	os.makedirs(uploads_dir, exist_ok=True)
	temp_path = os.path.join(uploads_dir, news_photo_filename_hf)
	news_photo_file.save(temp_path)
	api = HfApi()
	api.upload_file(
	path_or_fileobj=temp_path,
	path_in_repo=f"photos/{news_photo_filename_hf}",
	repo_id=REPO_ID,
	repo_type="dataset",
	token=HF_TOKEN_WRITE,
	commit_message=f"Добавлено фото для новости: {news_title}"
	)
	logging.info(f"Фото новости {news_photo_filename_hf} загружено.")
	except Exception as e:
	logging.error(f"Ошибка загрузки фото новости на HF: {e}")
	news_photo_filename_hf = None
	finally:
	if 'temp_path' in locals() and os.path.exists(temp_path):
	try: os.remove(temp_path)
	except OSError as rm_err: logging.error(f"Не удалось удалить временный файл новости {temp_path}: {rm_err}")
	elif news_photo_file and not HF_TOKEN_WRITE:
	logging.warning("HF_TOKEN (write) не установлен. Фото новости не будет загружено на HF.")

	expiry_time_iso = None
	total_delta_seconds = expiry_days * 86400 + expiry_hours * 3600 + expiry_minutes * 60
	if total_delta_seconds > 0:
	expiry_datetime_utc = datetime.now(timezone.utc) + timedelta(seconds=total_delta_seconds)
	expiry_time_iso = expiry_datetime_utc.isoformat()

	new_news_item = {
	'title': news_title,
	'text': news_text,
	'photo': news_photo_filename_hf,
	'expiry': expiry_time_iso
	}
	if 'news' not in data or not isinstance(data['news'], list):
	data['news'] = []
	data['news'].append(new_news_item)
	save_data(data)
	logging.info(f"Добавлена новость: {news_title}")
	except ValueError:
	logging.error("Некорректное значение времени для срока действия новости.")
	except Exception as e:
	logging.error(f"Ошибка при добавлении новости: {e}", exc_info=True)
	return redirect(url_for('admin'))

	elif action == 'delete_news':
	try:
	news_index = int(request.form.get('news_index'))
	if 'news' in data and isinstance(data['news'], list) and 0 <= news_index < len(data['news']):
	deleted_news = data['news'].pop(news_index)
	logging.info(f"Новость '{deleted_news.get('title')}' удалена.")
	save_data(data)
	else:
	logging.warning("Попытка удалить новость с неверным индексом.")
	except (ValueError, TypeError):
	logging.error("Некорректный индекс новости для удаления.")
	return redirect(url_for('admin'))

	qr_code_admin_url = None
	if qr_code_filename:
	qr_code_admin_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{qr_code_filename}"

	def get_expiry_dt_admin(item):
	exp_str = item.get('expiry')
	if exp_str:
	try: return datetime.fromisoformat(exp_str.replace('Z', '+00:00')).astimezone(timezone.utc)
	except: return datetime.max.replace(tzinfo=timezone.utc)
	return datetime.max.replace(tzinfo=timezone.utc)
	news_list_with_indices = [{'index': i, **item} for i, item in enumerate(news_list)]
	sorted_news_list_admin = sorted(news_list_with_indices, key=get_expiry_dt_admin, reverse=True)

	admin_html = '''
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Админ-панель</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
	<style>
	:root {
	--primary-color: #FFD700;
	--secondary-color: #D4AF37;
	--accent-color: #EF4444;
	--background-dark: #1A1A1A;
	--background-medium: #2D2D2D;
	--text-light: #F5F5F5;
	--text-medium: #B0B0B0;
	--box-shadow-light: rgba(255, 215, 0, 0.2);
	--box-shadow-medium: rgba(255, 215, 0, 0.5);
	--modal-background: rgba(0, 0, 0, 0.8);
	--modal-backdrop-blur: blur(10px);
	--button-hover-background: #FFD700;
	--button-hover-text-color: #1A1A1A;
	--input-border-color: #FFD700;
	--input-focus-border-color: #FFF;
	--input-background: rgba(255, 255, 255, 0.1);
	--card-background: rgba(255, 255, 255, 0.05);
	}
	body {
	font-family: 'Nunito', sans-serif;
	background: linear-gradient(135deg, var(--background-dark), var(--background-medium));
	color: var(--text-light);
	padding: 20px;
	}
	.container {
	max-width: 1200px;
	margin: 0 auto;
	}
	h1, h2 {
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 20px;
	border-bottom: 1px solid var(--secondary-color);
	padding-bottom: 10px;
	}
	h1 { text-align: center; border-bottom: none;}
	.form-section, .category-section, .product-section, .news-section {
	background: var(--card-background);
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.3);
	margin-bottom: 20px;
	border: 1px solid var(--primary-color);
	}
	label {
	display: block;
	margin: 12px 0 3px;
	color: var(--primary-color);
	font-size: 0.9rem;
	font-weight: 600;
	}
	input, select, textarea {
	width: 100%;
	padding: 10px;
	border: 2px solid var(--input-border-color);
	border-radius: 10px;
	background: var(--input-background);
	color: #fff;
	font-size: 0.9rem;
	transition: all 0.3s ease;
	margin-bottom: 8px;
	font-family: inherit;
	}
	input[type="file"] {
	border-color: transparent;
	padding: 5px;
	color: var(--text-medium);
	}
	input[type="number"] {
	-moz-appearance: textfield;
	}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}
	input[type="checkbox"] {
	width: auto; /* Reset width for checkbox */
	margin-right: 5px;
	vertical-align: middle;
	}
	.checkbox-label { /* Label next to checkbox */
	display: inline-block;
	margin: 12px 0 3px 0;
	vertical-align: middle;
	}

	input:focus, select:focus, textarea:focus {
	border-color: var(--input-focus-border-color);
	box-shadow: 0 0 8px var(--box-shadow-medium);
	outline: none;
	}
	button, .button-like {
	padding: 10px 20px;
	border: 2px solid var(--primary-color);
	border-radius: 25px;
	background: transparent;
	color: var(--primary-color);
	cursor: pointer;
	margin: 8px 5px 0 0;
	transition: all 0.3s ease;
	font-size: 0.9rem;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	}
	button:hover, .button-like:hover {
	background: var(--button-hover-background);
	color: var(--button-hover-text-color);
	border-color: var(--button-hover-background);
	}
	button[type="submit"] {
	background: var(--secondary-color);
	color: var(--background-dark);
	border-color: var(--secondary-color);
	}
	button[type="submit"]:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	}

	.delete-button {
	background: var(--accent-color);
	border: none;
	color: var(--text-light);
	padding: 8px 15px;
	font-size: 0.85rem;
	}
	.delete-button:hover {
	background: #dc2626;
	border-color: #dc2626;
	}
	.edit-button {
	background: var(--secondary-color);
	border: none;
	color: var(--background-dark);
	padding: 8px 15px;
	font-size: 0.85rem;
	}
	.edit-button:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	}
	.category-list, .product-list, .news-list {
	margin-top: 15px;
	}
	.category-item, .product-item, .news-item {
	display: flex;
	align-items: flex-start;
	padding: 12px;
	background: rgba(255, 255, 255, 0.03);
	border-radius: 12px;
	margin-bottom: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	gap: 15px;
	flex-wrap: wrap;
	}
	.item-content {
	flex-grow: 1;
	color: var(--text-light);
	font-size: 0.9rem;
	min-width: 250px;
	}
	.item-actions {
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	}
	.item-actions form {
	margin: 0;
	}

	.category-item span { flex-grow: 1; font-weight: 600; }

	.product-item img, .news-item img {
	max-width: 60px;
	max-height: 60px;
	object-fit: contain;
	border-radius: 8px;
	background: var(--input-background);
	flex-shrink: 0;
	}
	.product-details span, .news-details span {
	display: block;
	margin-bottom: 3px;
	color: var(--text-medium);
	font-size: 0.85rem;
	line-height: 1.4;
	}
	.product-details strong, .news-details strong {
	color: var(--text-light);
	font-weight: 600;
	}
	.product-details .name { font-size: 1.1rem; color: var(--text-light); margin-bottom: 5px;}
	.product-details .price { color: var(--secondary-color); font-weight: bold; font-size: 1rem;}
	.product-details .category { font-style: italic; }
	.product-details .description { white-space: pre-wrap; }
	.news-details .title { font-size: 1.1rem; color: var(--text-light); margin-bottom: 5px;}

	.options-list, .photos-list {
	margin: 15px 0;
	padding-left: 15px;
	border-left: 2px solid var(--secondary-color);
	}
	.options-list label, .photos-list label {
	margin-bottom: 10px;
	font-size: 1rem;
	color: var(--secondary-color);
	}
	.option-item, .photo-item {
	display: flex;
	gap: 10px;
	margin-bottom: 8px;
	align-items: center;
	flex-wrap: wrap;
	}
	.option-item input[type="text"],
	.option-item input[type="number"] {
	flex-grow: 1;
	min-width: 150px;
	}
	.option-item .delete-button, .photo-item .delete-button {
	padding: 5px 10px;
	font-size: 0.8rem;
	margin: 0;
	background: var(--accent-color);
	border: none;
	color: white;
	flex-shrink: 0;
	}
	.option-item .delete-button:hover, .photo-item .delete-button:hover {
	background: #dc2626;
	}

	.photo-item img {
	max-width: 80px;
	max-height: 80px;
	object-fit: contain;
	border-radius: 5px;
	border: 1px solid var(--input-border-color);
	background: var(--input-background);
	}
	.photo-item span {
	word-break: break-all;
	flex-grow: 1;
	font-size: 0.8rem;
	color: var(--text-medium);
	}

	.add-option-button {
	background: #4CAF50;
	border: none;
	color: var(--text-light);
	margin-top: 10px;
	padding: 8px 15px;
	}
	.add-option-button:hover {
	background: #45a049;
	border-color: #45a049;
	}

	.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--modal-background);
	backdrop-filter: var(--modal-backdrop-blur);
	overflow-y: auto;
	}
	.modal-content {
	background: var(--background-medium);
	margin: 3% auto;
	padding: 25px;
	border-radius: 15px;
	width: 90%;
	max-width: 700px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	border: 1px solid var(--primary-color);
	position: relative;
	max-height: 85vh;
	overflow-y: auto;
	}
	.modal .close-modal {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 2rem;
	color: var(--primary-color);
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.7;
	line-height: 1;
	}
	.modal .close-modal:hover {
	color: #fff;
	opacity: 1;
	transform: rotate(90deg);
	}
	.modal h2 { border-bottom: none; }

	.category-item-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	}
	.move-button {
	background: var(--secondary-color);
	border: none;
	color: var(--background-dark);
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	font-size: 0.8rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	width: 30px;
	height: 30px;
	}
	.move-button:hover {
	background: var(--primary-color);
	}
	.move-button i { margin: 0; }

	.expiry-time-inputs {
	display: flex;
	gap: 10px;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 10px;
	}
	.expiry-time-inputs > div {
	flex: 1;
	min-width: 80px;
	}
	.expiry-time-inputs label {
	margin-bottom: 2px;
	font-size: 0.8rem;
	}
	.expiry-time-inputs input {
	padding: 8px;
	}
	.qr-code-preview {
	margin-top: 15px;
	padding: 10px;
	background: var(--input-background);
	border-radius: 10px;
	text-align: center;
	}
	.qr-code-preview img {
	max-width: 200px;
	height: auto;
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	margin: 10px auto;
	display: block;
	}
	.qr-code-preview p {
	font-size: 0.8rem; color: var(--text-medium);
	}
	.container-section { /* Style for container inputs */
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid var(--input-border-color);
	}
	.container-price-input { /* Initially hidden price input */
	display: none;
	margin-top: 5px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>Админ-панель</h1>
	<div style="margin-bottom: 20px; text-align: center;">
	<a href="{{ url_for('stoplist_route') }}" class="button-like edit-button">Управление стоп-листом</a>
	<a href="{{ url_for('menu') }}" class="button-like" target="_system" rel="noopener">Открыть меню <i class="fas fa-external-link-alt fa-xs"></i></a>
	</div>

	<div class="category-section">
	<h2>Управление категориями</h2>
	<form method="POST">
	<input type="hidden" name="action" value="add_category">
	<label for="category_name">Новая категория:</label>
	<input type="text" name="category_name" id="category_name" required>
	<button type="submit">Добавить категорию</button>
	</form>
	<div class="category-list">
	{% if categories %}
	{% for category in categories %}
	<div class="category-item">
	<span>{{ category }}</span>
	<div class="category-item-actions">
	{% if not loop.first %}
	<form method="POST" style="display:inline;">
	<input type="hidden" name="action" value="move_category_up">
	<input type="hidden" name="category_index" value="{{ loop.index0 }}">
	<button type="submit" class="move-button" title="Вверх"><i class="fas fa-arrow-up"></i></button>
	</form>
	{% else %}
	<span style="width: 30px; display: inline-block;"></span>
	{% endif %}
	{% if not loop.last %}
	<form method="POST" style="display:inline;">
	<input type="hidden" name="action" value="move_category_down">
	<input type="hidden" name="category_index" value="{{ loop.index0 }}">
	<button type="submit" class="move-button" title="Вниз"><i class="fas fa-arrow-down"></i></button>
	</form>
	{% else %}
	<span style="width: 30px; display: inline-block;"></span>
	{% endif %}
	<form method="POST" style="display:inline;" onsubmit="return confirm('Вы уверены, что хотите удалить категорию \'{{ category }}\'? Товары этой категории станут \'Без категории\'.');">
	<input type="hidden" name="action" value="delete_category">
	<input type="hidden" name="category_index" value="{{ loop.index0 }}">
	<button type="submit" class="delete-button" title="Удалить"><i class="fas fa-trash"></i></button>
	</form>
	</div>
	</div>
	{% endfor %}
	{% else %}
	<p>Категорий пока нет.</p>
	{% endif %}
	</div>
	</div>

	<div class="form-section">
	<h2>Добавить блюдо</h2>
	<form method="POST" enctype="multipart/form-data">
	<input type="hidden" name="action" value="add">
	<label for="name">Название:</label>
	<input type="text" name="name" id="name" required>
	<label for="price">Цена (сом):</label>
	<input type="number" step="0.01" name="price" id="price" required min="0">
	<label for="description">Описание:</label>
	<textarea name="description" id="description" rows="4"></textarea>
	<label for="category">Категория:</label>
	<select name="category" id="category">
	<option value="Без категории">Без категории</option>
	{% for category in categories %}
	<option value="{{ category }}">{{ category }}</option>
	{% endfor %}
	</select>
	<label for="photos">Фотографии (до 10 шт.):</label>
	<input type="file" name="photos" id="photos" multiple accept="image/*">

	<div class="container-section">
	<input type="checkbox" name="has_container" id="has_container_add" onchange="toggleContainerPrice('add')">
	<label for="has_container_add" class="checkbox-label">Добавить контейнер</label>
	<div id="container-price-input-add" class="container-price-input">
	<label for="container_price_add">Цена контейнера (сом):</label>
	<input type="number" step="0.01" name="container_price" id="container_price_add" min="0" value="0">
	</div>
	</div>

	<div class="options-list" id="options-list-add">
	<label>Опции (название и цена):</label>
	</div>
	<button type="button" class="add-option-button" onclick="addOptionField('add')"> <i class="fas fa-plus"></i> Добавить опцию</button>

	<button type="submit" style="margin-top: 20px; width: 100%;">Добавить блюдо</button>
	</form>
	</div>

	<div class="product-section">
	<h2>Список блюд ({{ products\|length }})</h2>
	<div class="search-container" style="margin: 0 0 15px 0;">
	<input type="text" id="search-input-admin-products" placeholder="Поиск блюда по названию...">
	</div>
	<div class="product-list" id="admin-product-list">
	{% if products %}
	{% for product in products %}
	<div class="product-item" data-name="{{ product['name']\|lower }}">
	<div style="flex-shrink: 0;">
	{% if product.get('photos') and product['photos']\|length > 0 %}
	<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}?t={{ range(1000, 9999) \| random }}" alt="{{ product['name'] }}">
	{% else %}
	<div style="width: 60px; height: 60px; background: var(--input-background); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--text-medium); font-size: 0.8rem; text-align: center; flex-shrink: 0;">Нет фото</div>
	{% endif %}
	</div>

	<div class="item-content product-details">
	<strong class="name">{{ product['name'] }}</strong>
	<span class="price">{{ product['price'] }} с {% if product.has_container and product.container_price > 0 %} (+{{ product.container_price }}с конт.) {% endif %}</span>
	<span class="category">Категория: {{ product.get('category', 'Без категории') }}</span>
	{% if product.get('description') %}
	<span class="description"><strong>Описание:</strong><br>{{ product['description'] \| safe }}</span>
	{% endif %}
	{% if product.get('options') %}
	<span><strong>Опции:</strong> {{ product['options']\|map(attribute='name')\|join(', ') if product['options'] else 'Нет' }}</span>
	{% endif %}
	{% if product.get('photos') %}
	<span title="{{ product['photos']\|join(', ') }}"><strong>Фото:</strong> {{ product['photos']\|length }} шт.</span>
	{% endif %}
	</div>

	<div class="item-actions">
	<button class="edit-button" onclick="openEditModal({{ loop.index0 }})"><i class="fas fa-edit"></i> Редакт.</button>
	<form method="POST" onsubmit="return confirm('Вы уверены, что хотите удалить блюдо \'{{ product['name'] }}\'? Это также удалит его из стоп-листа.');">
	<input type="hidden" name="action" value="delete">
	<input type="hidden" name="product_index" value="{{ loop.index0 }}">
	<button type="submit" class="delete-button"><i class="fas fa-trash"></i> Удалить</button>
	</form>
	</div>
	</div>
	{% endfor %}
	{% else %}
	<p>Блюд пока нет.</p>
	{% endif %}
	</div>
	</div>

	<div class="news-section">
	<h2>Управление новостями</h2>
	<form method="POST" enctype="multipart/form-data">
	<input type="hidden" name="action" value="add_news">
	<label for="news_title">Заголовок новости:</label>
	<input type="text" name="news_title" id="news_title" required>
	<label for="news_text">Текст новости (можно использовать HTML):</label>
	<textarea name="news_text" id="news_text" rows="4" required></textarea>
	<label for="news_photo">Фотография для новости (необязательно):</label>
	<input type="file" name="news_photo" id="news_photo" accept="image/*">
	<label>Время действия новости (необязательно, время UTC):</label>
	<div class="expiry-time-inputs">
	<div>
	<label for="expiry_days">Дни:</label>
	<input type="number" name="expiry_days" id="expiry_days" value="0" min="0">
	</div>
	<div>
	<label for="expiry_hours">Часы:</label>
	<input type="number" name="expiry_hours" id="expiry_hours" value="0" min="0" max="23">
	</div>
	<div>
	<label for="expiry_minutes">Минуты:</label>
	<input type="number" name="expiry_minutes" id="expiry_minutes" value="0" min="0" max="59">
	</div>
	</div>
	<button type="submit" style="margin-top: 15px; width: 100%;">Добавить новость</button>
	</form>

	<div class="news-list">
	<h3 style="margin-top: 25px; color: var(--secondary-color); border-top: 1px solid var(--secondary-color); padding-top: 15px;">Текущие новости</h3>
	{% if sorted_news_list_admin %}
	{% for news_item_indexed in sorted_news_list_admin %}
	{% set news_item = news_item_indexed %}
	<div class="news-item">
	<div style="flex-shrink: 0;">
	{% if news_item.get('photo') %}
	<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ news_item['photo'] }}?t={{ range(1000, 9999) \| random }}" alt="Фото новости">
	{% endif %}
	</div>
	<div class="item-content news-details">
	<strong class="title">{{ news_item.get('title', 'Без заголовка') }}</strong>
	<span>{{ news_item.get('text', '') \| safe }}</span>
	{% if news_item.get('expiry') %}
	<span style="color: var(--accent-color); font-size: 0.8rem;">Актуально до (UTC): {{ news_item.expiry[:16].replace('T', ' ') }}</span>
	{% else %}
	<span style="color: var(--text-medium); font-size: 0.8rem;">Действует бессрочно</span>
	{% endif %}
	</div>
	<div class="item-actions">
	<form method="POST" onsubmit="return confirm('Вы уверены, что хотите удалить новость \'{{ news_item['title'] }}\'?');">
	<input type="hidden" name="action" value="delete_news">
	<input type="hidden" name="news_index" value="{{ news_item_indexed.index }}">
	<button type="submit" class="delete-button"><i class="fas fa-trash"></i> Удалить</button>
	</form>
	</div>
	</div>
	{% endfor %}
	{% else %}
	<p>Новостей пока нет.</p>
	{% endif %}
	</div>
	</div>

	<div class="form-section">
	<h2>QR-код для оплаты</h2>
	<form method="POST" enctype="multipart/form-data">
	<input type="hidden" name="action" value="upload_qr">
	<label for="qr_file">Загрузить новый QR-код (заменит старый):</label>
	<input type="file" name="qr_file" id="qr_file" accept="image/*" required>
	<button type="submit">Загрузить QR</button>
	</form>
	<div class="qr-code-preview">
	{% if qr_code_admin_url %}
	<p>Текущий QR-код:</p>
	<img src="{{ qr_code_admin_url }}?t={{ range(1000, 9999) \| random }}"
	alt="Текущий QR-код">
	<p>Имя файла: {{ qr_code_filename }}</p>
	{% else %}
	<p>QR-код еще не загружен.</p>
	{% endif %}
	</div>
	</div>
	</div>

	<div id="editModal" class="modal">
	<div class="modal-content">
	<span class="close-modal" onclick="closeEditModal()">×</span>
	<h2>Редактировать блюдо</h2>
	<form method="POST" enctype="multipart/form-data" id="editForm">
	<input type="hidden" name="action" value="edit">
	<input type="hidden" name="product_index" id="editProductIndex">

	<label for="editName">Название:</label>
	<input type="text" name="name" id="editName" required>

	<label for="editPrice">Цена (сом):</label>
	<input type="number" step="0.01" name="price" id="editPrice" required min="0">

	<label for="editDescription">Описание:</label>
	<textarea name="description" id="editDescription" rows="4"></textarea>

	<label for="editCategory">Категория:</label>
	<select name="category" id="editCategory">
	<option value="Без категории">Без категории</option>
	{% for category in categories %}
	<option value="{{ category }}">{{ category }}</option>
	{% endfor %}
	</select>

	<div class="photos-list">
	<label>Фотографии:</label>
	<div id="editPhotosList">
	</div>
	<label for="editPhotos">Добавить новые (старые останутся, если не удалены):</label>
	<input type="file" name="photos" id="editPhotos" multiple accept="image/*">
	</div>

	<div class="container-section">
	<input type="checkbox" name="has_container" id="has_container_edit" onchange="toggleContainerPrice('edit')">
	<label for="has_container_edit" class="checkbox-label">Добавить контейнер</label>
	<div id="container-price-input-edit" class="container-price-input">
	<label for="container_price_edit">Цена контейнера (сом):</label>
	<input type="number" step="0.01" name="container_price" id="container_price_edit" min="0" value="0">
	</div>
	</div>

	<div class="options-list" id="options-list-edit">
	<label>Опции (название и цена):</label>
	</div>
	<button type="button" class="add-option-button" onclick="addOptionField('edit')"><i class="fas fa-plus"></i> Добавить опцию</button>

	<button type="submit" style="margin-top: 20px; width: 100%;">Сохранить изменения</button>
	</form>
	</div>
	</div>

	<script>
	const adminProducts = {{ products\|tojson }};
	const adminRepoId = "{{ repo_id }}";
	const adminCategories = {{ categories\|tojson }};

	document.getElementById('search-input-admin-products')?.addEventListener('input', function() {
	const searchTerm = this.value.toLowerCase().trim();
	document.querySelectorAll('#admin-product-list .product-item').forEach(item => {
	const name = item.dataset.name \|\| '';
	item.style.display = name.includes(searchTerm) ? 'flex' : 'none';
	});
	});

	function toggleContainerPrice(context) {
	const checkbox = document.getElementById(`has_container_${context}`);
	const priceInputDiv = document.getElementById(`container-price-input-${context}`);
	const priceInput = document.getElementById(`container_price_${context}`);
	if (checkbox && priceInputDiv && priceInput) {
	priceInputDiv.style.display = checkbox.checked ? 'block' : 'none';
	if (!checkbox.checked) {
	priceInput.value = 0; // Reset price if checkbox is unchecked
	}
	}
	}

	function openEditModal(index) {
	const product = adminProducts[index];
	if (!product) return;

	document.getElementById('editProductIndex').value = index;
	document.getElementById('editName').value = product.name \|\| '';
	document.getElementById('editPrice').value = product.price \|\| 0;
	document.getElementById('editDescription').value = product.description \|\| '';
	document.getElementById('editCategory').value = product.category \|\| 'Без категории';

	const hasContainerCheckbox = document.getElementById('has_container_edit');
	const containerPriceInput = document.getElementById('container_price_edit');
	const containerPriceDiv = document.getElementById('container-price-input-edit');

	if(hasContainerCheckbox && containerPriceInput && containerPriceDiv) {
	hasContainerCheckbox.checked = product.has_container \|\| false;
	containerPriceInput.value = product.container_price \|\| 0;
	containerPriceDiv.style.display = hasContainerCheckbox.checked ? 'block' : 'none';
	}

	const optionsListDiv = document.getElementById('options-list-edit');
	optionsListDiv.innerHTML = '<label>Опции (название и цена):</label>';

	if (product.options && Array.isArray(product.options)) {
	product.options.forEach(option => {
	const optionDiv = document.createElement('div');
	optionDiv.className = 'option-item';
	optionDiv.innerHTML = `
	<input type="text" name="option_names" value="${escapeHtml(option.name \|\| '')}" placeholder="Название опции">
	<input type="number" step="0.01" name="option_prices" value="${option.price \|\| 0}" placeholder="Цена (сом)" min="0">
	<button type="button" class="delete-button" onclick="this.closest('.option-item').remove()" title="Удалить опцию">×</button>
	`;
	optionsListDiv.appendChild(optionDiv);
	});
	}

	const photosListDiv = document.getElementById('editPhotosList');
	photosListDiv.innerHTML = '';
	if (product.photos && Array.isArray(product.photos)) {
	product.photos.forEach(photoFilename => {
	const photoDiv = document.createElement('div');
	photoDiv.className = 'photo-item';
	const photoUrl = `https://huggingface.co/datasets/${adminRepoId}/resolve/main/photos/${photoFilename}?t=${Date.now()}`;
	photoDiv.innerHTML = `
	<img src="${photoUrl}" alt="${photoFilename}">
	<span>${photoFilename}</span>
	<input type="hidden" name="existing_photos" value="${photoFilename}">
	<button type="button" class="delete-button" onclick="this.closest('.photo-item').remove()" title="Удалить фото">×</button>
	`;
	photosListDiv.appendChild(photoDiv);
	});
	}
	document.getElementById('editPhotos').value = null;
	document.getElementById('editModal').style.display = 'block';
	}

	function closeEditModal() {
	document.getElementById('editModal').style.display = 'none';
	}

	window.addEventListener('click', function(event) {
	const editModal = document.getElementById('editModal');
	if (event.target === editModal) {
	closeEditModal();
	}
	});

	function deleteExistingPhoto(button) {
	button.closest('.photo-item').remove();
	}

	function addOptionField(context) {
	const optionsList = document.getElementById(`options-list-${context}`);
	if (!optionsList) return;
	const optionDiv = document.createElement('div');
	optionDiv.className = 'option-item';
	optionDiv.innerHTML = `
	<input type="text" name="option_names" placeholder="Название опции">
	<input type="number" step="0.01" name="option_prices" placeholder="Цена (сом)" min="0">
	<button type="button" class="delete-button" onclick="this.closest('.option-item').remove()" title="Удалить опцию">×</button>
	`;
	optionsList.appendChild(optionDiv);
	}

	function escapeHtml(unsafe) {
	if (typeof unsafe !== 'string') return unsafe;
	return unsafe
	.replace(/&/g, "&")
	.replace(/</g, "<")
	.replace(/>/g, ">")
	.replace(/"/g, """)
	.replace(/'/g, "'");
	}

	document.addEventListener('DOMContentLoaded', () => {
	addOptionField('add');
	toggleContainerPrice('add');
	});
	</script>
	</body>
	</html>
	'''
	return render_template_string(
	admin_html,
	products=products,
	categories=categories,
	repo_id=REPO_ID,
	qr_code_filename=qr_code_filename,
	qr_code_admin_url=qr_code_admin_url,
	news_list=news_list,
	sorted_news_list_admin=sorted_news_list_admin,
	stoplist_admin_data=stoplist
	)

	@app.route('/qrmenu')
	def qrmenu():
	data = load_data()
	products = data.get('products', [])
	categories = data.get('categories', [])
	stoplist_raw = data.get('stoplist', {})
	category_counts = get_category_counts(products)
	news_list = data.get('news', [])

	current_time_utc = datetime.now(timezone.utc)
	active_stoplist_qr = {}
	for product_id, stop_info in stoplist_raw.items():
	if isinstance(stop_info.get('until'), datetime):
	if stop_info['until'] > current_time_utc:
	active_stoplist_qr[product_id] = stop_info
	else:
	logging.warning(f"Некорректная запись stoplist для ID {product_id} при запросе /qrmenu: {stop_info}")

	stoplist_for_template_qr = {
	k: {
	'until': v['until'].isoformat(),
	'minutes': v.get('minutes', 0)
	}
	for k, v in active_stoplist_qr.items()
	}

	now_utc_aware_qr = datetime.now(timezone.utc)
	news_for_template_qr = sorted(
	news_list,
	key=lambda item: get_expiry_dt_admin(item),
	reverse=True
	)
	news_for_template_qr = [item for item in news_for_template_qr if not item.get('expiry') or get_expiry_dt_admin(item) > now_utc_aware_qr]


	qrmenu_html = '''
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Чайхана Emir QR menu</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
	<style>
	:root {
	--primary-color: #FFD700;
	--secondary-color: #D4AF37;
	--accent-color: #EF4444;
	--background-dark: #1A1A1A;
	--background-medium: #2D2D2D;
	--text-light: #F5F5F5;
	--text-medium: #B0B0B0;
	--box-shadow-light: rgba(255, 215, 0, 0.2);
	--box-shadow-medium: rgba(255, 215, 0, 0.5);
	--modal-background: rgba(0, 0, 0, 0.8);
	--modal-backdrop-blur: blur(10px);
	--button-hover-background: #FFD700;
	--button-hover-text-color: #1A1A1A;
	--input-border-color: #FFD700;
	--input-focus-border-color: #FFF;
	--input-background: rgba(255, 255, 255, 0.1);
	--card-background: rgba(255, 255, 255, 0.05);
	}
	* { margin: 0; padding: 0; box-sizing: border-box; }
	html { scroll-behavior: smooth; }
	body {
	font-family: 'Nunito', sans-serif;
	background: linear-gradient(135deg, var(--background-dark), var(--background-medium));
	color: var(--text-light);
	line-height: 1.6;
	overflow-x: hidden;
	}
	.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
	padding-bottom: 60px;
	}
	.header {
	text-align: center;
	padding: 30px 0;
	background: rgba(0, 0, 0, 0.7);
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: 30px;
	position: relative;
	backdrop-filter: var(--modal-backdrop-blur);
	}
	.header-logo {
	width: 100px; height: 100px; border-radius: 50%;
	object-fit: cover; border: 3px solid var(--primary-color);
	transition: transform 0.5s ease;
	}
	.header-logo:hover { transform: rotate(360deg) scale(1.1); }
	.header h1 {
	font-size: 2.5rem; color: var(--primary-color); margin: 15px 0;
	text-shadow: 0 0 10px var(--box-shadow-medium);
	}
	.motto { font-size: 1.1rem; color: var(--secondary-color); font-style: italic; }
	.prep-time { font-size: 0.9rem; color: var(--text-medium); }
	.theme-toggle {
	position: absolute; top: 15px; right: 20px; background: none;
	border: none; font-size: 1.6rem; cursor: pointer;
	color: var(--primary-color); transition: transform 0.3s ease;
	}
	.theme-toggle:hover{ transform: scale(1.2); color: #fff; }
	.filters-container {
	margin: 20px 0; display: flex; flex-wrap: wrap;
	gap: 10px; justify-content: center;
	}
	.search-container { margin: 20px 0; text-align: center; }
	#search-input {
	width: 80%; max-width: 600px; padding: 12px 15px; font-size: 1rem;
	border: 2px solid var(--input-border-color); border-radius: 50px;
	background: var(--input-background); color: var(--text-light);
	transition: all 0.3s ease;
	}
	#search-input:focus {
	border-color: var(--input-focus-border-color);
	box-shadow: 0 0 10px var(--box-shadow-medium); outline: none;
	}
	.category-filter {
	padding: 8px 18px; border: 2px solid var(--primary-color); border-radius: 25px;
	background: rgba(255, 215, 0, 0.1); color: var(--primary-color); cursor: pointer;
	transition: all 0.4s ease; font-weight: 600; font-size: 0.9rem; white-space: nowrap;
	}
	.category-filter.active, .category-filter:hover {
	background: var(--primary-color); color: var(--background-dark);
	box-shadow: 0 0 10px var(--box-shadow-medium);
	}
	.products-grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px; padding: 15px;
	}
	.product {
	background: var(--card-background); border-radius: 15px; padding: 15px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); transition: all 0.4s ease;
	cursor: pointer; position: relative; overflow: hidden;
	display: flex; flex-direction: column;
	}
	.product:hover {
	transform: translateY(-8px) scale(1.03);
	box-shadow: 0 10px 30px var(--box-shadow-light);
	background: rgba(255, 255, 255, 0.1);
	}
	.product-image {
	width: 100%; aspect-ratio: 1; background: var(--input-background);
	border-radius: 12px; overflow: hidden; display: flex;
	justify-content: center; align-items: center; transition: all 0.3s ease;
	}
	.product-image img {
	max-width: 90%; max-height: 90%; object-fit: contain;
	transition: transform 0.5s ease;
	}
	.product:hover .product-image img { transform: scale(1.1); }
	.product h2 {
	font-size: 1.2rem; color: var(--primary-color); margin: 10px 0; text-align: center;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}

	.product-price {
	font-size: 1.1rem;
	color: var(--secondary-color);
	font-weight: 700;
	text-align: center;
	margin-bottom: 8px;
	}
	.product-description {
	font-size: 0.85rem;
	color: var(--text-medium);
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3.2em;
	line-height: 1.6em;
	flex-grow: 1;
	}
	.product-actions-qr {
	margin-top: 10px;
	min-height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	.modal {
	display: none;
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--modal-background);
	backdrop-filter: var(--modal-backdrop-blur);
	overflow-y: auto;
	}
	.modal-content {
	background: var(--card-background);
	margin: 5% auto;
	padding: 20px;
	border-radius: 15px;
	width: 95%;
	max-width: 600px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	border: 1px solid var(--primary-color);
	animation: fadeInUp 0.4s ease-out;
	overflow-y: auto;
	max-height: 90vh;
	position: relative;
	}
	@keyframes fadeInUp {
	from { transform: translateY(30px); opacity: 0; }
	to { transform: translateY(30px); opacity: 1; }
	}
	.close {
	position: absolute; top: 10px; right: 15px;
	float: none; font-size: 1.8rem; color: var(--primary-color);
	cursor: pointer; transition: all 0.3s ease; opacity: 0.7;
	line-height: 1;
	}
	.close:hover { color: #fff; opacity: 1; transform: rotate(90deg); }
	.stop-notice {
	color: var(--accent-color);
	font-size: 0.9rem;
	text-align: center;
	font-weight: 600;
	}
	.stop-timer-qr {
	font-weight: bold;
	}
	.footer-info {
	text-align: center;
	margin-top: 30px;
	padding: 15px;
	color: var(--text-medium);
	font-size: 0.8rem;
	}
	.news-item {
	padding: 12px;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--box-shadow-light);
	background: var(--card-background);
	border-radius: 12px;
	}
	.news-item h3 {
	color: var(--primary-color);
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 1.1rem;
	}
	.news-item p {
	margin: 4px 0;
	font-size: 0.9rem;
	}
	.news-item img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 8px;
	}
	.news-expiry .news-expiry .expiry-local-time-qr {
	font-weight: normal;
	}

	.news-button {
	padding: 10px 25px;
	border: 2px solid var(--primary-color);
	border-radius: 25px;
	background: transparent;
	color: var(--primary-color);
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 1rem;
	font-weight: 600;
	}
	.news-button:hover {
	background: var(--primary-color);
	color: var(--background-dark);
	border-color: var(--primary-color);
	}

	</style>
	</head>
	<body>
	<div class="container">
	<div class="header">
	<img src="{{ logo_url }}" alt="Логотип" class="header-logo">
	<h1>Чайхана "Emir"</h1>
	<p class="motto">Встречаем с улыбкой, готовим с любовью!</p>
	<p class="prep-time">Время готовки: 15-30 мин</p>
	<button class="theme-toggle" onclick="toggleThemeQr()">
	<i class="fas fa-moon"></i>
	</button>
	</div>
	<div class="filters-container">
	<button class="category-filter active" data-category="all">Все категории ({{ products\|length }})</button>
	{% for category in categories %}
	<button class="category-filter" data-category="{{ category }}">{{ category }} ({{ category_counts.get(category, 0) }})</button>
	{% endfor %}
	</div>
	<div class="search-container">
	<input type="text" id="search-input" placeholder="Найти изысканное блюдо...">
	</div>
	<div class="products-grid" id="products-grid">
	{% for product in products %}
	<div class="product"
	onclick="openProductModalQr({{ loop.index0 }})"
	data-name="{{ product['name']\|lower }}"
	data-description="{{ product['description']\|lower }}"
	data-category="{{ product.get('category', 'Без категории') }}"
	data-id="{{ loop.index0 }}">
	{% if product.get('photos') and product['photos']\|length > 0 %}
	<div class="product-image">
	<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}?t={{ range(1000, 9999) \| random }}"
	alt="{{ product['name'] }}"
	loading="lazy">
	</div>
	{% else %}
	<div class="product-image" style="justify-content: center; align-items: center; color: var(--text-medium);">
	<span>Фото нет</span>
	</div>
	{% endif %}
	<h2>{{ product['name'] }}</h2>
	<div class="product-price">{{ product['price'] }} с {% if product.has_container and product.container_price > 0 %} (+{{ product.container_price }}с конт.) {% endif %}</div>
	<p class="product-description">{{ product['description'] \| safe }}</p>
	<div class="product-actions-qr" id="stop-status-{{ loop.index0 }}">
	{% set product_id_str = loop.index0\|string %}
	{% if stoplist_qr.get(product_id_str) %}
	<p class="stop-notice">Временно недоступно (Стоп-лист)</p>
	{% endif %}
	</div>
	</div>
	{% endfor %}
	</div>
	<div style="text-align: center; margin-top: 30px;">
	<button class="news-button" onclick="openNewsModalQr()">
	<i class="fas fa-newspaper"></i> Новости и Акции
	</button>
	</div>

	<div class="footer-info">
	Приятного аппетита!
	</div>
	</div>

	<div id="productModalQr" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModalQr('productModalQr')">×</span>
	<div id="modalContentQr"><p style="text-align:center;">Загрузка...</p></div>
	</div>
	</div>

	<div id="newsModalQr" class="modal">
	<div class="modal-content">
	<span class="close" onclick="closeModalQr('newsModalQr')">×</span>
	<h2>Новости и Акции</h2>
	<div id="newsContentQr">
	{% if news_for_template_qr %}
	{% for news_item in news_for_template_qr %}
	<div class="news-item">
	<h3>{{ news_item.title }}</h3>
	{% if news_item.photo %}
	<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ news_item.photo }}?t={{ range(1000, 9999) \| random }}" alt="Фото новости">
	{% endif %}
	<p>{{ news_item.text \| safe }}</p>
	{% if news_item.expiry %}
	<p style="font-size: 0.8rem; color: var(--text-medium);" class="news-expiry" data-expiry-utc="{{ news_item.expiry }}">Актуально до: <span class="expiry-local-time-qr">...</span></p>
	{% endif %}
	</div>
	{% endfor %}
	{% else %}
	<p style="text-align:center; color: var(--text-medium);">Новости пока нет.</p>
	{% endif %}
	</div>
	</div>
	</div>

	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
	<script>
	const productsQr = {{ products\|tojson }};
	const repoIdQr = "{{ repo_id }}";
	const stoplistQrData = {{ stoplist_qr\|tojson }};

	function toggleThemeQr() {
	const icon = document.querySelector('.theme-toggle i');
	if (!icon) return;
	const isDark = document.body.classList.toggle('dark-theme-qr');
	icon.classList.toggle('fa-moon', !isDark);
	icon.classList.toggle('fa-sun', isDark);
	console.log("Смена темы QR (TODO: Реализовать)");
	}

	function openProductModalQr(index) {
	loadProductDetailsQr(index);
	document.getElementById('productModalQr').style.display = "block";
	}

	function closeModalQr(modalId) {
	const modal = document.getElementById(modalId);
	if(modal) modal.style.display = "none";
	if (modalId === 'productModalQr') {
	document.getElementById('modalContentQr').innerHTML = '<p style="text-align:center;">Загрузка...</p>';
	}
	}

	function loadProductDetailsQr(index) {
	const contentDiv = document.getElementById('modalContentQr');
	contentDiv.innerHTML = '<p style="text-align:center;">Загрузка деталей...</p>';
	fetch('/product/' + index)
	.then(response => {
	if (!response.ok) throw new Error(`Ошибка сети: ${response.status}`);
	return response.text();
	})
	.then(htmlData => {
	contentDiv.innerHTML = htmlData;
	initializeSwiperQr('#productModalQr');
	})
	.catch(error => {
	console.error('Ошибка загрузки деталей продукта (QR):', error);
	contentDiv.innerHTML = '<p style="text-align:center; color: var(--accent-color);">Не удалось загрузить информацию.</p>';
	});
	}

	function initializeSwiperQr(modalSelector) {
	try {
	const modalElement = document.querySelector(modalSelector);
	if (!modalElement) return;
	const swiperContainer = modalElement.querySelector('.swiper-container');
	if (swiperContainer && swiperContainer.querySelectorAll('.swiper-slide').length > 0 && !swiperContainer.swiper) {
	new Swiper(swiperContainer, {
	slidesPerView: 1,
	spaceBetween: 20,
	loop: swiperContainer.querySelectorAll('.swiper-slide').length > 1,
	grabCursor: true,
	pagination: { el: swiperContainer.querySelector('.swiper-pagination'), clickable: true },
	navigation: { nextEl: swiperContainer.querySelector('.swiper-button-next'), prevEl: swiperContainer.querySelector('.swiper-button-prev') },
	zoom: { maxRatio: 3 },
	});
	console.log("Swiper (QR) инициализирован для", modalSelector);
	}
	} catch (e) {
	console.error("Ошибка инициализации Swiper (QR):", e);
	}
	}

	function openNewsModalQr() {
	formatNewsDatesQr();
	document.getElementById('newsModalQr').style.display = 'block';
	}

	window.onclick = function(event) {
	if (event.target.classList.contains('modal')) {
	closeModalQr(event.target.id);
	}
	}

	function filterProductsQr() {
	const searchTerm = document.getElementById('search-input').value.toLowerCase().trim();
	const activeCategoryButton = document.querySelector('.category-filter.active');
	const activeCategory = activeCategoryButton ? activeCategoryButton.dataset.category : 'all';
	let hasVisibleProducts = false;

	document.querySelectorAll('.product').forEach(productElement => {
	const name = productElement.getAttribute('data-name') \|\| '';
	const description = productElement.getAttribute('data-description') \|\| '';
	const category = productElement.getAttribute('data-category') \|\| 'Без категории';
	const matchesSearch = searchTerm === '' \|\| name.includes(searchTerm) \|\| description.includes(searchTerm);
	const matchesCategory = activeCategory === 'all' \|\| category === activeCategory;

	if (matchesSearch && matchesCategory) {
	productElement.style.display = 'flex';
	hasVisibleProducts = true;
	} else {
	productElement.style.display = 'none';
	}
	});
	}
	document.getElementById('search-input').addEventListener('input', filterProductsQr);
	document.querySelectorAll('.category-filter').forEach(filter => {
	filter.addEventListener('click', function() {
	document.querySelectorAll('.category-filter').forEach(f => f.classList.remove('active'));
	this.classList.add('active');
	filterProductsQr();
	});
	});

	function formatNewsDatesQr() {
	const newsItems = document.querySelectorAll('#newsModalQr .news-expiry');
	newsItems.forEach(item => {
	const utcDateString = item.dataset.expiryUtc;
	const localTimeSpan = item.querySelector('.expiry-local-time-qr');
	if (utcDateString && localTimeSpan) {
	try {
	const date = new Date(utcDateString);
	const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' };
	localTimeSpan.textContent = date.toLocaleDateString('ru-RU', options);
	} catch (e) {
	console.error("Ошибка форматирования даты новости (QR):", e);
	localTimeSpan.textContent = utcDateString;
	}
	}
	});
	}

	</script>
	</body>
	</html>
	'''
	return render_template_string(
	qrmenu_html,
	products=products,
	categories=categories,
	category_counts=category_counts,
	stoplist_qr=stoplist_for_template_qr,
	repo_id=REPO_ID,
	news_for_template_qr=news_for_template_qr,
	logo_url=LOGO_URL
	)

	if __name__ == '__main__':
	if HF_TOKEN_WRITE:
	backup_thread = threading.Thread(target=periodic_backup, daemon=True)
	backup_thread.start()
	else:
	logging.warning("HF_TOKEN (write) не установлен. Периодический бэкап на Hugging Face отключен.")

	port = int(os.environ.get("PORT", 7860))
	logging.info(f"Запуск Flask приложения на порту {port}")
	app.run(debug=False, host='0.0.0.0', port=port)