Update app.py

app.py

@@ -9,14 +9,13 @@ from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
 from werkzeug.utils import secure_filename
 from dotenv import load_dotenv
-import shutil
+import requests
 
 load_dotenv()
 
 app = Flask(__name__)
-app.secret_key = 'raina_hvac_secret_key_v3_modals'
+app.secret_key = 'raina_hvac_secret_key_final_v3'
 DATA_FILE = 'data.json'
-UPLOADS_DIR = 'uploads_temp'
 
 SYNC_FILES = [DATA_FILE]
 
@@ -34,24 +33,29 @@ logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(
 
 def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWNLOAD_DELAY):
     if not HF_TOKEN_READ and not HF_TOKEN_WRITE:
-        logging.warning("HF tokens not set. Download might fail for private repos.")
+        logging.warning("HF_TOKEN_READ/HF_TOKEN_WRITE not set. Download might fail for private repos.")
     token_to_use = HF_TOKEN_READ if HF_TOKEN_READ else HF_TOKEN_WRITE
     files_to_download = [specific_file] if specific_file else SYNC_FILES
+    logging.info(f"Attempting download for {files_to_download} from {REPO_ID}...")
     all_successful = True
     for file_name in files_to_download:
         success = False
         for attempt in range(retries + 1):
             try:
+                logging.info(f"Downloading {file_name} (Attempt {attempt + 1}/{retries + 1})...")
                 hf_hub_download(
                     repo_id=REPO_ID, filename=file_name, repo_type="dataset", token=token_to_use,
                     local_dir=".", local_dir_use_symlinks=False, force_download=True, resume_download=False
                 )
+                logging.info(f"Successfully downloaded {file_name}.")
                 success = True
                 break
             except RepositoryNotFoundError:
+                 logging.error(f"Repository {REPO_ID} not found. Download cancelled.")
                  return False
             except HfHubHTTPError as e:
                 if e.response.status_code == 404:
+                    logging.warning(f"File {file_name} not found in repo {REPO_ID}. Creating empty local file.")
                     if not os.path.exists(file_name):
                         try:
                             with open(file_name, 'w', encoding='utf-8') as f:
@@ -62,20 +66,25 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                     break
                 else:
                     logging.error(f"HTTP error downloading {file_name}: {e}. Retrying...")
+            except requests.exceptions.RequestException as e:
+                 logging.error(f"Network error downloading {file_name}: {e}. Retrying...")
             except Exception as e:
                  logging.error(f"Unexpected error downloading {file_name}: {e}. Retrying...", exc_info=True)
             if attempt < retries:
                 time.sleep(delay)
         if not success:
+            logging.error(f"Failed to download {file_name} after {retries + 1} attempts.")
             all_successful = False
     return all_successful
 
 def upload_db_to_hf(specific_file=None):
     if not HF_TOKEN_WRITE:
+        logging.warning("HF_TOKEN (for writing) not set. Skipping upload.")
         return
     try:
         api = HfApi()
         files_to_upload = [specific_file] if specific_file else SYNC_FILES
+        logging.info(f"Starting upload of {files_to_upload} to {REPO_ID}...")
         for file_name in files_to_upload:
             if os.path.exists(file_name):
                 api.upload_file(
@@ -83,36 +92,130 @@ def upload_db_to_hf(specific_file=None):
                     repo_type="dataset", token=HF_TOKEN_WRITE,
                     commit_message=f"Sync {file_name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
                 )
+                logging.info(f"File {file_name} successfully uploaded.")
+            else:
+                logging.warning(f"File {file_name} not found locally, skipping upload.")
     except Exception as e:
         logging.error(f"Error during Hugging Face upload: {e}", exc_info=True)
 
 def periodic_backup():
+    backup_interval = 1800
     while True:
-        time.sleep(1800)
+        time.sleep(backup_interval)
+        logging.info("Starting periodic backup...")
         upload_db_to_hf()
+        logging.info("Periodic backup finished.")
 
 def load_data():
     default_data = {'equipment': [], 'categories': [], 'services': [], 'projects': []}
     try:
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             data = json.load(file)
-        if not isinstance(data, dict): raise ValueError("Data is not a dictionary")
-        for key in default_data:
-            if key not in data: data[key] = []
+        if not isinstance(data, dict):
+             raise ValueError("Data is not a dictionary")
+        if 'equipment' not in data: data['equipment'] = []
+        if 'categories' not in data: data['categories'] = []
+        if 'services' not in data: data['services'] = []
+        if 'projects' not in data: data['projects'] = []
         return data
     except (FileNotFoundError, json.JSONDecodeError, ValueError):
+        logging.warning(f"Local file {DATA_FILE} not found or corrupt. Attempting download.")
         if download_db_from_hf(specific_file=DATA_FILE):
-            return load_data()
+            try:
+                with open(DATA_FILE, 'r', encoding='utf-8') as file:
+                    data = json.load(file)
+                if not isinstance(data, dict): raise ValueError("Downloaded data is not a dictionary")
+                if 'equipment' not in data: data['equipment'] = []
+                if 'categories' not in data: data['categories'] = []
+                if 'services' not in data: data['services'] = []
+                if 'projects' not in data: data['projects'] = []
+                return data
+            except Exception as e:
+                 logging.error(f"Error loading downloaded data: {e}", exc_info=True)
+                 return default_data
         return default_data
 
 def save_data(data):
     try:
+        if not isinstance(data, dict):
+            logging.error("Attempted to save invalid data structure. Aborting.")
+            return
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
+        logging.info(f"Data saved to {DATA_FILE}")
         upload_db_to_hf(specific_file=DATA_FILE)
     except Exception as e:
         logging.error(f"Error saving data: {e}", exc_info=True)
 
+def upload_item_photos_to_hf(photo_files, item_name, folder):
+    if not photo_files or not HF_TOKEN_WRITE:
+        if photo_files and any(f and f.filename for f in photo_files):
+            flash("HF_TOKEN (write) не настроен. Фото не загружены.", "warning")
+        return []
+    
+    api = HfApi()
+    uploaded_photos = []
+    uploads_dir = 'uploads_temp'
+    os.makedirs(uploads_dir, exist_ok=True)
+    
+    for photo in photo_files:
+        if photo and photo.filename:
+            try:
+                ext = os.path.splitext(photo.filename)[1].lower()
+                if ext not in ['.jpg', '.jpeg', '.png', '.gif', '.webp']:
+                    flash(f"Пропущен файл '{photo.filename}': не поддерживаемый формат.", "warning")
+                    continue
+                safe_name = secure_filename(item_name.replace(' ', '_'))[:50]
+                photo_filename = f"{folder}_{safe_name}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}"
+                temp_path = os.path.join(uploads_dir, photo_filename)
+                photo.save(temp_path)
+                
+                api.upload_file(
+                    path_or_fileobj=temp_path, path_in_repo=f"{folder}/{photo_filename}",
+                    repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
+                )
+                uploaded_photos.append(photo_filename)
+                logging.info(f"Uploaded photo {photo_filename} to {folder}")
+                os.remove(temp_path)
+            except Exception as e:
+                logging.error(f"Error uploading photo {photo.filename}: {e}")
+                flash(f"Ошибка загрузки фото {photo.filename}.", 'error')
+    
+    try:
+        if os.path.exists(uploads_dir) and not os.listdir(uploads_dir):
+            os.rmdir(uploads_dir)
+    except OSError as e:
+        logging.warning(f"Could not remove temporary upload directory {uploads_dir}: {e}")
+
+    return uploaded_photos
+
+def delete_item_photos_from_hf(photo_filenames_list, folder):
+    if not photo_filenames_list or not HF_TOKEN_WRITE:
+        return
+    
+    photos_to_delete = [p for p in photo_filenames_list if p]
+    if not photos_to_delete:
+        return
+
+    try:
+        api = HfApi()
+        paths_in_repo = [f"{folder}/{p}" for p in photos_to_delete]
+        logging.info(f"Attempting to delete photos from HF: {paths_in_repo}")
+        api.delete_files(
+            repo_id=REPO_ID, paths_in_repo=paths_in_repo,
+            repo_type="dataset", token=HF_TOKEN_WRITE
+        )
+        logging.info(f"Deleted photos from HF: {photos_to_delete}")
+    except HfHubHTTPError as e:
+        if e.response.status_code != 404:
+            logging.error(f"Error deleting photos from HF: {e}")
+            flash("Не удалось удалить старые фото с сервера.", "warning")
+        else:
+             logging.warning(f"Attempted to delete non-existent photos from HF: {photos_to_delete} (404)")
+    except Exception as e:
+        logging.error(f"Error deleting photos from HF: {e}")
+        flash("Не удалось удалить старые фото с сервера.", "warning")
+
 LANDING_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
@@ -120,7 +223,7 @@ LANDING_TEMPLATE = '''
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ОсОО "Раина" - Вентиляция и Кондиционирование</title>
-    <meta name="description" content="Профессиональные услуги по проектированию, монтажу и обслуживанию систем вентиляции и кондиционирования в Кыргызстане. 15 лет опыта.">
+    <meta name="description" content="Профессиональные услуги по проектированию, монтажу и обслуживанию систем вентиляции и кондиционирования в Кыргызстане. 15 лет опыта, более 1000 проектов.">
     <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=Montserrat: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">
@@ -136,10 +239,8 @@ LANDING_TEMPLATE = '''
         h2::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); margin: 15px auto 0; border-radius: 2px; }
         h3 { font-size: clamp(1.2rem, 3vw, 1.5rem); color: var(--primary-color); margin-bottom: 15px; }
         p { margin-bottom: 1rem; color: var(--text-muted); }
-        .btn { display: inline-block; padding: 12px 28px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #fff; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px var(--accent-glow); border: none; cursor: pointer;}
+        .btn { display: inline-block; padding: 12px 28px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #fff; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px var(--accent-glow); }
         .btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px var(--accent-glow); }
-        .btn-outline { background: transparent; border: 2px solid var(--primary-color); color: var(--primary-color); padding: 10px 24px; box-shadow: none; }
-        .btn-outline:hover { background: var(--primary-color); color: #fff; box-shadow: 0 4px 15px var(--accent-glow); }
         .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 15px 0; background-color: rgba(18, 18, 28, 0.85); backdrop-filter: blur(10px); transition: all 0.3s ease; }
         .header.scrolled { padding: 10px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
         .navbar { display: flex; justify-content: space-between; align-items: center; }
@@ -154,35 +255,51 @@ LANDING_TEMPLATE = '''
         .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
         .about-img { width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
         .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
-        .card { background-color: var(--card-bg); border-radius: 15px; border: 1px solid #2a2a4a; transition: all 0.3s ease; display: flex; flex-direction: column; }
-        .card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
-        .card-img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px 15px 0 0; }
-        .card-content { padding: 30px; flex-grow: 1; text-align: center; }
-        .card-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
+        .service-card, .turnkey-card { background-color: var(--card-bg); padding: 30px; border-radius: 15px; border: 1px solid #2a2a4a; transition: all 0.3s ease; cursor: pointer; }
+        .service-card:hover, .turnkey-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
+        .service-card i { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; }
+        .turnkey-card { padding: 0; display: flex; flex-direction: column; }
+        .turnkey-img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px 15px 0 0; }
+        .turnkey-content { padding: 30px; flex-grow: 1;}
         .equipment-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; }
         .filter-btn { padding: 8px 20px; border: 1px solid var(--primary-color); background-color: transparent; color: var(--primary-color); border-radius: 20px; cursor: pointer; transition: all 0.3s; }
         .filter-btn.active, .filter-btn:hover { background-color: var(--primary-color); color: #fff; }
+        .equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
+        .equipment-card, .project-card { background-color: var(--card-bg); border-radius: 15px; overflow: hidden; text-align: center; padding: 20px; border: 1px solid #2a2a4a; transition: all 0.3s ease; cursor: pointer; }
+        .equipment-card:hover, .project-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
+        .equipment-card img { width: 100%; height: 180px; object-fit: contain; margin-bottom: 15px; }
+        .equipment-card h3 { font-size: 1.2rem; }
+        .equipment-card .price { font-size: 1.3rem; font-weight: 700; color: #fff; margin: 10px 0; }
         .projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
-        .project-card { position: relative; border-radius: 15px; overflow: hidden; min-height: 400px; background-color: var(--card-bg); cursor: pointer; }
-        .project-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
-        .project-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(18,18,28,1) 0%, rgba(18,18,28,0) 100%); padding: 40px 20px 20px; }
+        .project-card { position: relative; min-height: 300px; display: flex; flex-direction: column; justify-content: flex-end; text-align: left; padding: 0;}
+        .project-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; position: absolute; top: 0; left: 0; z-index: 1; }
+        .project-overlay { position: relative; z-index: 2; background: linear-gradient(to top, rgba(18,18,28,1) 0%, rgba(18,18,28,0) 100%); padding: 40px 20px 20px; }
+        .project-card h3 { margin-bottom: 5px; font-size: clamp(1.2rem, 3vw, 1.3rem); }
+        .project-card p { margin-bottom: 0; transition: opacity 0.4s ease; opacity: 0; max-height: 0; overflow: hidden; }
         .project-card:hover img { transform: scale(1.05); }
+        .project-card:hover p { opacity: 1; max-height: 200px; }
+        #contact { background-color: var(--card-bg); }
         .contact-content { text-align: center; }
         .contact-info { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
+        .contact-info p { font-size: 1.2rem; margin-bottom: 0; }
+        .contact-info a { color: var(--primary-color); text-decoration: none; font-weight: 600; }
         .footer { text-align: center; padding: 30px 0; background-color: #0d0d14; }
-        .modal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(5px); }
-        .modal-content { position: relative; background: var(--dark-bg); margin: 5% auto; padding: 30px; border: 1px solid var(--primary-color); border-radius: 15px; width: 90%; max-width: 800px; box-shadow: 0 0 40px var(--accent-glow); animation: slideIn 0.4s ease-out; }
+        .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(5px); overflow-y: auto; }
+        .modal-content { background: var(--card-bg); margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); animation: slideIn 0.3s ease-out; position: relative; color: var(--text-color); }
         @keyframes slideIn { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
-        .close-btn { position: absolute; top: 15px; right: 20px; color: #fff; font-size: 2rem; font-weight: bold; cursor: pointer; transition: color 0.3s; }
-        .close-btn:hover { color: var(--primary-color); }
-        .swiper { width: 100%; height: 400px; margin-bottom: 25px; border-radius: 10px; background-color: #000; }
-        .swiper-slide { text-align: center; font-size: 18px; background: #000; display: flex; justify-content: center; align-items: center; }
-        .swiper-slide img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
-        .swiper-button-next, .swiper-button-prev { color: var(--primary-color); }
-        .swiper-pagination-bullet-active { background: var(--primary-color); }
+        .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: var(--text-muted); cursor: pointer; transition: color 0.3s; line-height: 1; }
+        .close:hover { color: #fff; }
+        .modal-body { padding: 20px 0; }
+        .modal-body h3 { margin-top: 0; color: #fff; }
+        .modal-body p { color: var(--text-muted); }
+        .swiper-container { width: 100%; max-width: 450px; margin: 20px auto; border-radius: 10px; overflow: hidden; border: 1px solid #2a2a4a; }
+        .swiper-slide { display: flex; justify-content: center; align-items: center; background-color: #0d0d14; }
+        .swiper-slide img { display: block; width: 100%; height: auto; max-height: 400px; object-fit: contain; }
+        .swiper-button-next, .swiper-button-prev { color: var(--primary-color) !important; }
+        .swiper-pagination-bullet { background-color: var(--primary-color) !important; }
         @media (max-width: 992px) { .grid-2 { grid-template-columns: 1fr; text-align: center; } .about-img { margin-bottom: 30px; max-width: 500px; margin-left: auto; margin-right: auto;} }
         @media (max-width: 768px) {
-            .nav-links { position: fixed; top: 0; right: -100%; width: min(75vw, 300px); height: 100vh; background-color: var(--card-bg); flex-direction: column; justify-content: center; align-items: center; transition: right 0.4s ease-in-out; box-shadow: -5px 0 15px rgba(0,0,0,0.2); }
+            .nav-links { position: fixed; top: 0; right: -100%; width: min(75vw, 300px); height: 100vh; background-color: var(--card-bg); flex-direction: column; justify-content: center; align-items: center; transition: right 0.4s ease-in-out; box-shadow: -5px 0 15px rgba(0,0,0,0.2); padding-top: 80px; }
             .nav-links.active { right: 0; }
             .menu-toggle { display: block; z-index: 1001; }
             h2 { margin-bottom: 40px; }
@@ -191,35 +308,174 @@ LANDING_TEMPLATE = '''
     </style>
 </head>
 <body>
-    <header class="header"><div class="container navbar"><a href="#" class="logo">Раина</a><ul class="nav-links"><li><a href="#about">О компании</a></li><li><a href="#services">Услуги</a></li><li><a href="#equipment">Оборудование</a></li><li><a href="#projects">Проекты</a></li><li><a href="#contact">Контакты</a></li></ul><button class="menu-toggle" aria-label="Открыть меню"><i class="fas fa-bars"></i></button></div></header>
-    <section id="hero"><div class="container hero-content"><h1>Ваш Партнер в Вентиляции и Кондиционировании</h1><p>15 лет опыта, тысячи реализованных проектов. Мы создаем комфорт и здоровье в любом помещении с помощью самых современных климатических систем.</p><a href="#contact" class="btn">Получить консультацию</a></div></section>
-    <section id="about"><div class="container"><h2>О Нашей Компании</h2><div class="grid-2"><img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&q=80" alt="Команда Раина" class="about-img"><div><h3>Основание и История</h3><p>Компания "Раина" была основана в 2009 году. За эти годы мы зарекомендовали себя как надежный партнер, стремящийся к инновациям и совершенству.</p><h3>Наша Миссия</h3><p>Создание оптимального микроклимата для наших клиентов, обеспечивающего комфорт, здоровье и высокую производительность.</p><h3>Профессиональная Команда</h3><p>Наша команда состоит из высококвалифицированных инженеров и техников, обладающих глубокими знаниями и опытом в области HVAC.</p></div></div></div></section>
-    <section id="services"><div class="container"><h2>Услуги "под ключ"</h2>
-    {% if services %}<div class="services-grid">
-        {% for service in services %}<div class="card"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photos[0] if service.photos else 'placeholder.jpg' }}" alt="{{ service.title }}" class="card-img"><div class="card-content"><h3><i class="{{ service.icon }} fa-fw"></i> {{ service.title }}</h3><p>{{ service.description }}</p><button class="btn btn-outline" onclick="openModal('service', {{loop.index0}})">Подробнее</button></div></div>{% endfor %}
-    </div>{% else %}<p style="text-align: center;">Информация об услугах скоро появится.</p>{% endif %}</div></section>
-    <section id="equipment"><div class="container"><h2>Наше Оборудование</h2>
-    {% if equipment %}<div class="equipment-filters"><button class="filter-btn active" data-filter="all">Все</button>{% for category in categories %}<button class="filter-btn" data-filter="{{ category }}">{{ category }}</button>{% endfor %}</div><div class="services-grid">
-        {% for item in equipment %}<div class="card" data-category="{{ item.get('category', 'all') }}"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ item.photos[0] if item.photos else 'placeholder.jpg' }}" alt="{{ item.name }}" class="card-img"><div class="card-content"><h3>{{ item.name }}</h3><p style="font-size: 1.3rem; font-weight: 700; color: #fff;">{{ "%.2f"|format(item.price) }} KGS</p><button class="btn btn-outline" onclick="openModal('equipment', {{loop.index0}})">Подробнее</button></div></div>{% endfor %}
-    </div>{% else %}<p style="text-align: center;">Каталог оборудования скоро будет доступен.</p>{% endif %}</div></section>
-    <section id="projects"><div class="container"><h2>Реализованные Проекты</h2>
-    {% if projects %}<div class="projects-grid">
-        {% for project in projects %}<div class="project-card" onclick="openModal('project', {{loop.index0}})"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photos[0] if project.photos else 'placeholder.jpg' }}" alt="{{ project.title }}"><div class="project-overlay"><h3>{{ project.title }}</h3></div></div>{% endfor %}
-    </div>{% else %}<p style="text-align: center;">Информация о проектах скоро появится.</p>{% endif %}</div></section>
-    <section id="contact"><div class="container contact-content"><h2>Контакты</h2><p>Готовы стать вашим надежным партнером в создании идеального климата.</p><div class="contact-info"><p><a href="tel:{{ contact_phone }}">{{ contact_phone }}</a></p><a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}" target="_blank" class="btn"><i class="fab fa-whatsapp"></i> Написать в WhatsApp</a></div></div></section>
-    <footer class="footer"><p>© {{ now.year }} ОсОО "Раина". Все права защищены.</p></footer>
-    <div id="detailModal" class="modal"><div id="modalContent" class="modal-content"></div></div>
+    <header class="header">
+        <div class="container navbar">
+            <a href="#" class="logo">Раина</a>
+            <ul class="nav-links">
+                <li><a href="#about">О компании</a></li>
+                <li><a href="#services">Услуги</a></li>
+                <li><a href="#turnkey">Под ключ</a></li>
+                <li><a href="#equipment">Оборудование</a></li>
+                <li><a href="#projects">Проекты</a></li>
+                <li><a href="#contact">Контакты</a></li>
+            </ul>
+            <button class="menu-toggle" aria-label="Открыть меню"><i class="fas fa-bars"></i></button>
+        </div>
+    </header>
+
+    <section id="hero">
+        <div class="container hero-content">
+            <h1>ОсОО "Раина": Ваш Партнер в Вентиляции и Кондиционировании</h1>
+            <p>15 лет опыта, более 1000 реализованных проектов. Мы создаем комфорт и здоровье в любом помещении с помощью самых современных климатических систем.</p>
+            <a href="#contact" class="btn">Получить консультацию</a>
+        </div>
+    </section>
+
+    <section id="about">
+        <div class="container">
+            <h2>О Нашей Компании</h2>
+            <div class="grid-2">
+                <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80" alt="Команда Раина" class="about-img">
+                <div>
+                    <h3>Основание и История</h3>
+                    <p>Компания "Раина" была основана в 2009 году. За эти годы мы зарекомендовали себя как надежный партнер, стремящийся к инновациям и совершенству в области климатических решений.</p>
+                    <h3>Наша Миссия</h3>
+                    <p>Наша миссия — создание оптимального микроклимата для наших клиентов, обеспечивающего комфорт, здоровье и высокую производительность.</p>
+                    <h3>Профессиональная Команда</h3>
+                    <p>Наша команда состоит из высококвалифицированных инженеров и техников, обладающих глубокими знаниями и опытом в области HVAC.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="services">
+        <div class="container">
+            <h2>Наши Услуги</h2>
+            <div class="services-grid">
+                <div class="service-card"><i class="fas fa-drafting-compass"></i><h3>Проектирование</h3><p>Точные расчеты, 3D-модели и вся необходимая проектная документация.</p></div>
+                <div class="service-card"><i class="fas fa-tools"></i><h3>Монтаж</h3><p>Профессиональная установка всех типов систем HVAC, от бытовых до промышленных.</p></div>
+                <div class="service-card"><i class="fas fa-headset"></i><h3>Сервис 24/7</h3><p>Плановое обслуживание и оперативный аварийный ремонт в любое время.</p></div>
+                <div class="service-card"><i class="fas fa-sync-alt"></i><h3>Модернизация</h3><p>Повышение энергоэффективности и снижение расходов на эксплуатацию.</p></div>
+            </div>
+        </div>
+    </section>
+
+    <section id="turnkey" style="background-color: var(--card-bg);">
+        <div class="container">
+            <h2>Услуги "под ключ"</h2>
+            {% if services %}
+            <div class="services-grid">
+                {% for service in services %}
+                <div class="turnkey-card" onclick="openModal('service', {{ loop.index0 }})">
+                    {% if service.photo %}
+                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="{{ service.title }}" class="turnkey-img">
+                    {% endif %}
+                    <div class="turnkey-content">
+                        <h3><i class="{{ service.icon }} fa-fw" style="margin-right: 8px; color: var(--primary-color);"></i>{{ service.title }}</h3>
+                        <p>{{ service.description[:100] }}{% if service.description|length > 100 %}...{% endif %}</p>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <p style="text-align: center;">Информация об услугах "под ключ" скоро появится на сайте.</p>
+            {% endif %}
+        </div>
+    </section>
+
+    <section id="equipment">
+        <div class="container">
+            <h2>Наше Оборудование</h2>
+            {% if equipment %}
+            <div class="equipment-filters">
+                <button class="filter-btn active" data-filter="all">Все</button>
+                {% for category in categories %}
+                <button class="filter-btn" data-filter="{{ category }}">{{ category }}</button>
+                {% endfor %}
+            </div>
+            <div class="equipment-grid">
+                {% for item in equipment %}
+                <div class="equipment-card" data-category="{{ item.get('category', 'all') }}" onclick="openModal('equipment', {{ loop.index0 }})">
+                    {% if item.photos %}
+                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ item.photos[0] }}" alt="{{ item.name }}">
+                    {% else %}
+                    <img src="https://via.placeholder.com/250x180.png?text=No+Image" alt="No Image">
+                    {% endif %}
+                    <h3>{{ item.name }}</h3>
+                    <p class="price">{{ "%.2f"|format(item.price) }} KGS</p>
+                    <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: {{ item.name }}" target="_blank" class="btn" style="padding: 8px 20px; font-size: 0.9rem; margin-top: 15px;" onclick="event.stopPropagation();">Запросить</a>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <p style="text-align: center;">Каталог оборудования скоро будет доступен.</p>
+            {% endif %}
+        </div>
+    </section>
+
+    <section id="projects">
+        <div class="container">
+            <h2>Реализованные Проекты</h2>
+            {% if projects %}
+            <div class="projects-grid">
+                {% for project in projects %}
+                <div class="project-card" onclick="openModal('project', {{ loop.index0 }})">
+                    {% if project.photo %}
+                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}" alt="{{ project.title }}">
+                    {% endif %}
+                    <div class="project-overlay">
+                        <h3>{{ project.title }}</h3>
+                        <p>{{ project.description[:150] }}{% if project.description|length > 150 %}...{% endif %}</p>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <p style="text-align: center;">Информация о реализованных проектах скоро появится на сайте.</p>
+            {% endif %}
+        </div>
+    </section>
+
+    <section id="contact">
+        <div class="container contact-content">
+            <h2>Контакты</h2>
+            <p>Готовы стать вашим надежным партнером в создании идеального климата.</p>
+            <div class="contact-info">
+                <p><strong>Свяжитесь с нами:</strong> <a href="tel:{{ contact_phone }}">{{ contact_phone }}</a></p>
+                 <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, я хотел(а) бы получить консультацию по вашим услугам." target="_blank" class="btn"><i class="fab fa-whatsapp"></i> Написать в WhatsApp</a>
+            </div>
+            <div style="margin-top: 40px; font-size: 0.9rem; color: var(--text-muted);">
+                <p><strong>Реквизиты:</strong> ОсОО «Раина», ИНН: 00812202110194, ОКПО: 31290279</p>
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <p>© {{ now.year }} ОсОО "Раина". Все права защищены.</p>
+    </footer>
+
+    <div id="detailModal" class="modal">
+        <div class="modal-content">
+            <span class="close" onclick="closeModal()" aria-label="Закрыть">×</span>
+            <div id="modalBody" class="modal-body"><p style="text-align:center; padding: 40px;">Загрузка...</p></div>
+        </div>
+    </div>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const header = document.querySelector('.header');
             const menuToggle = document.querySelector('.menu-toggle');
             const navLinks = document.querySelector('.nav-links');
-            const modal = document.getElementById('detailModal');
-            const modalContent = document.getElementById('modalContent');
+            const detailModal = document.getElementById('detailModal');
+            const modalBody = document.getElementById('modalBody');
+
             window.addEventListener('scroll', () => { header.classList.toggle('scrolled', window.scrollY > 50); });
             menuToggle.addEventListener('click', () => { navLinks.classList.toggle('active'); });
-            document.querySelectorAll('.nav-links a').forEach(link => { link.addEventListener('click', () => { navLinks.classList.remove('active'); }); });
+            document.querySelectorAll('.nav-links a').forEach(link => {
+                link.addEventListener('click', () => { navLinks.classList.remove('active'); });
+            });
+
             const filterContainer = document.querySelector('.equipment-filters');
             if (filterContainer) {
                 filterContainer.addEventListener('click', (e) => {
@@ -227,143 +483,344 @@ LANDING_TEMPLATE = '''
                     filterContainer.querySelector('.active').classList.remove('active');
                     e.target.classList.add('active');
                     const filter = e.target.dataset.filter;
-                    document.querySelectorAll('#equipment .card').forEach(card => { card.style.display = (filter === 'all' || card.dataset.category === filter) ? 'flex' : 'none'; });
+                    document.querySelectorAll('.equipment-card').forEach(card => {
+                        card.style.display = (filter === 'all' || card.dataset.category === filter) ? 'flex' : 'none'; // Use flex for equipment card display
+                    });
                 });
             }
-            window.openModal = (type, index) => {
-                fetch(`/details/${type}/${index}`).then(res => res.text()).then(html => {
-                    modalContent.innerHTML = html;
-                    modal.style.display = 'block';
-                    document.body.style.overflow = 'hidden';
-                    const swiper = modal.querySelector('.swiper');
-                    if(swiper) new Swiper(swiper, { loop: true, pagination: { el: '.swiper-pagination', clickable: true }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } });
-                });
-            };
-            window.closeModal = () => {
-                modal.style.display = 'none';
-                modalContent.innerHTML = '';
+
+            window.openModal = function(type, index) {
+                 modalBody.innerHTML = '<p style="text-align:center; padding: 40px;">Загрузка...</p>';
+                 detailModal.style.display = 'block';
+                 document.body.style.overflow = 'hidden';
+
+                 fetch(`/details/${type}/${index}`)
+                    .then(response => {
+                        if (!response.ok) throw new Error(`Ошибка ${response.status}`);
+                        return response.text();
+                    })
+                    .then(html => {
+                        modalBody.innerHTML = html;
+                        if (type === 'equipment' || type === 'project') {
+                             initializeSwiper();
+                        }
+                    })
+                    .catch(error => {
+                        console.error('Ошибка загрузки деталей:', error);
+                        modalBody.innerHTML = `<p style="color: #e74c3c; text-align:center; padding: 40px;">Не удалось загрузить информацию. ${error.message}</p>`;
+                    });
+            }
+
+            window.closeModal = function() {
+                detailModal.style.display = 'none';
                 document.body.style.overflow = 'auto';
-            };
-            modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
-            document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.style.display === 'block') closeModal(); });
+                modalBody.innerHTML = '';
+            }
+
+             window.addEventListener('click', function(event) {
+                if (event.target === detailModal) {
+                    closeModal();
+                }
+             });
+
+            window.addEventListener('keydown', function(event) {
+                if (event.key === 'Escape' && detailModal.style.display === 'block') {
+                    closeModal();
+                }
+            });
+
+            function initializeSwiper() {
+                const swiperContainer = document.querySelector('#modalBody .swiper-container');
+                if (swiperContainer) {
+                     const swiper = new Swiper(swiperContainer, {
+                        slidesPerView: 1,
+                        spaceBetween: 20,
+                        loop: document.querySelectorAll('#modalBody .swiper-slide').length > 1,
+                        grabCursor: true,
+                        pagination: { el: '.swiper-pagination', clickable: true },
+                        navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
+                        autoplay: { delay: 5000, disableOnInteraction: true, },
+                    });
+                }
+            }
+
         });
     </script>
 </body>
 </html>
 '''
 
-DETAIL_MODAL_TEMPLATE = '''
-<span class="close-btn" onclick="closeModal()">×</span>
-{% if item.photos and item.photos|length > 0 %}
-<div class="swiper">
-    <div class="swiper-wrapper">
-        {% for photo in item.photos %}
-        <div class="swiper-slide"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ item_type }}/{{ photo }}" alt="Фото"></div>
-        {% endfor %}
+EQUIPMENT_DETAIL_TEMPLATE = '''
+    <div style="padding: 10px;">
+        <h3 style="text-align: center; margin-bottom: 15px;">{{ item.name }}</h3>
+        {% if item.photos and item.photos|length > 0 %}
+        <div class="swiper-container" style="max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden;">
+            <div class="swiper-wrapper">
+                {% for photo in item.photos %}
+                <div class="swiper-slide">
+                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ photo }}" alt="{{ item.name }} - фото {{ loop.index }}">
+                </div>
+                {% endfor %}
+            </div>
+            {% if item.photos|length > 1 %}
+            <div class="swiper-pagination"></div>
+            <div class="swiper-button-next"></div>
+            <div class="swiper-button-prev"></div>
+            {% endif %}
+        </div>
+        {% endif %}
+        <p><strong>Категория:</strong> {{ item.get('category', 'Без категории') }}</p>
+        <p><strong>Цена:</strong> {{ "%.2f"|format(item.price) }} KGS</p>
+         {% if item.description %}
+         <p><strong>Описание:</strong><br>{{ item.description|replace('\\n', '<br>')|safe }}</p>
+         {% endif %}
+         <div style="text-align: center; margin-top: 20px;">
+             <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: {{ item.name }}" target="_blank" class="btn"><i class="fab fa-whatsapp"></i> Запросить в WhatsApp</a>
+         </div>
     </div>
-    {% if item.photos|length > 1 %}
-    <div class="swiper-pagination"></div>
-    <div class="swiper-button-prev"></div>
-    <div class="swiper-button-next"></div>
-    {% endif %}
-</div>
-{% endif %}
-<h3>{% if item.icon %}<i class="{{ item.icon }} fa-fw"></i> {% endif %}{{ item.title or item.name }}</h3>
-{% if item.price %}
-<p style="font-size: 1.5rem; font-weight: 700; color: #fff;">{{ "%.2f"|format(item.price) }} KGS</p>
-{% endif %}
-<p style="white-space: pre-wrap;">{{ item.description }}</p>
-<a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует: {{ item.title or item.name }}" target="_blank" class="btn" style="margin-top: 20px;"><i class="fab fa-whatsapp"></i> Обсудить в WhatsApp</a>
 '''
 
+SERVICE_DETAIL_TEMPLATE = '''
+     <div style="padding: 10px; text-align: center;">
+         <h3 style="margin-bottom: 15px;"><i class="{{ item.icon }} fa-fw" style="margin-right: 8px; color: var(--primary-color);"></i>{{ item.title }}</h3>
+         {% if item.photo %}
+         <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ item.photo }}" alt="{{ item.title }}" style="max-width: 100%; max-height: 300px; object-fit: contain; margin-bottom: 20px; border-radius: 8px; border: 1px solid #2a2a4a;">
+         {% endif %}
+         <p style="text-align: left;">{{ item.description|replace('\\n', '<br>')|safe }}</p>
+         <div style="text-align: center; margin-top: 20px;">
+             <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует услуга '%s'." target="_blank" class="btn">{{ item.title }}</a>
+         </div>
+     </div>
+''' % "{{ item.title }}" # escape jinja for whatsapp link
+
+PROJECT_DETAIL_TEMPLATE = '''
+     <div style="padding: 10px; text-align: center;">
+         <h3 style="margin-bottom: 15px;">{{ item.title }}</h3>
+         {% if item.photo %}
+         <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ item.photo }}" alt="{{ item.title }}" style="max-width: 100%; max-height: 400px; object-fit: contain; margin-bottom: 20px; border-radius: 8px; border: 1px solid #2a2a4a;">
+         {% endif %}
+         <p style="text-align: left;">{{ item.description|replace('\\n', '<br>')|safe }}</p>
+     </div>
+'''
+
+
 ADMIN_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
-    <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Админ-панель</title>
+    <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=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
-        body { font-family: sans-serif; background-color: #f4f7f9; color: #333; padding: 20px; }
-        .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; }
-        h1, h2 { color: #6a0dad; }
+        body { font-family: 'Poppins', sans-serif; background-color: #f4f7f9; color: #333; padding: 20px; line-height: 1.6; }
+        .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
+        .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
+        h1, h2, h3 { font-weight: 600; color: #6a0dad; margin-bottom: 15px; }
+        h1 { font-size: 1.8rem; }
+        h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
         .section { margin-bottom: 30px; padding: 20px; background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; }
-        form { margin-bottom: 1rem; }
-        label { font-weight: 500; margin-top: 10px; display: block; }
-        input, textarea, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; }
-        button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #9b59b6; color: white; cursor: pointer; text-decoration: none; display: inline-block; margin-top: 10px; }
+        form { margin-bottom: 20px; }
+        label { font-weight: 500; margin-top: 10px; display: block; color: #555; font-size: 0.9rem;}
+        input[type="text"], input[type="number"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; }
+        input[type="file"] { padding: 8px; cursor: pointer; border: 1px solid #ddd; margin-top: 5px;}
+        button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #9b59b6; color: white; font-weight: 500; cursor: pointer; transition: all 0.3s ease; margin-top: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 5px;}
         button:hover, .button:hover { background-color: #8e44ad; }
-        .delete-button { background-color: #e74c3c; } .delete-button:hover { background-color: #c0392b; }
-        .item { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 10px; }
-        .item-actions { margin-top: 10px; display: flex; gap: 10px; }
-        .edit-form { display: none; margin-top: 15px; padding: 15px; background: #fdf9ff; border: 1px dashed #ddd; }
-        .message { padding: 10px; border-radius: 6px; margin-bottom: 15px; }
+        .delete-button { background-color: #e74c3c; }
+        .delete-button:hover { background-color: #c0392b; }
+        .item-list { display: grid; gap: 20px; }
+        .item { background: #fff; padding: 15px 20px; border-radius: 8px; border: 1px solid #eee; }
+        .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
+        .edit-form-container { margin-top: 15px; padding: 20px; background: #fdf9ff; border: 1px dashed #ddd; border-radius: 6px; display: none; }
+        details { background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; margin-bottom: 20px; }
+        details > summary { cursor: pointer; font-weight: 600; color: #8e44ad; display: block; padding: 15px; position: relative; list-style: none; }
+        details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; }
+        details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
+        .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; object-fit: cover;}
+        .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; }
         .message.success { background-color: #d4edda; color: #155724; }
         .message.error { background-color: #f8d7da; color: #721c24; }
+        .message.warning { background-color: #fff3cd; color: #856404; }
     </style>
 </head>
 <body>
-<div class="container">
-    <div style="display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eee; padding-bottom:1rem; margin-bottom:1rem;"><h1>Админ-панель</h1><a href="/" class="button">На сайт</a></div>
-    {% with messages = get_flashed_messages(with_categories=true) %}{% if messages %}{% for category, message in messages %}<div class="message {{ category }}">{{ message }}</div>{% endfor %}{% endif %}{% endwith %}
-    <div class="section"><h2>Синхронизация</h2><form method="POST" action="{{ url_for('force_upload') }}" style="display:inline;"><button type="submit">Загрузить на сервер</button></form><form method="POST" action="{{ url_for('force_download') }}" style="display:inline;"><button type="submit">Скачать с сервера</button></form></div>
-    
-    {% set sections = [
-        ('projects', 'Проекты', ['title', 'description', 'photos']), 
-        ('services', 'Услуги', ['title', 'icon', 'description', 'photos']), 
-        ('equipment', 'Оборудование', ['name', 'price', 'category', 'photos'])
-    ] %}
-    {% for key, title, fields in sections %}
-    <div class="section"><h2>{{ title }}</h2><button onclick="toggleForm('add-{{key}}')">Добавить</button><div id="add-{{key}}" style="display:none;">
-        <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_{{key}}">
-            {% for field in fields %}<label>{{field}}:</label>
-                {% if field == 'photos' %}<input type="file" name="photos" accept="image/*" multiple>
-                {% elif field == 'description' %}<textarea name="{{field}}"></textarea>
-                {% elif field == 'category' %}<select name="category">{% for cat in categories %}<option value="{{cat}}">{{cat}}</option>{% endfor %}</select>
-                {% else %}<input type="{{'number' if field=='price' else 'text'}}" name="{{field}}" {{'step=0.01' if field=='price'}}>
-                {% endif %}
-            {% endfor %}<button type="submit">Сохранить</button>
-        </form></div>
-        {% for item in data[key] %}
-        <div class="item"><strong>{{ item.title or item.name }}</strong>
-            <div class="item-actions"><button onclick="toggleForm('edit-{{key}}-{{loop.index0}}')">Редактировать</button><form method="POST" style="margin:0;"><input type="hidden" name="action" value="delete_{{key}}"><input type="hidden" name="index" value="{{loop.index0}}"><button type="submit" class="delete-button">Удалить</button></form></div>
-            <div id="edit-{{key}}-{{loop.index0}}" class="edit-form">
-                <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_{{key}}"><input type="hidden" name="index" value="{{loop.index0}}">
-                {% for field in fields %}<label>{{field}}:</label>
-                    {% if field == 'photos' %}<input type="file" name="photos" accept="image/*" multiple>
-                    {% elif field == 'description' %}<textarea name="{{field}}">{{item[field]}}</textarea>
-                    {% elif field == 'category' %}<select name="category">{% for cat in categories %}<option value="{{cat}}" {%if item[field]==cat%}selected{%endif%}>{{cat}}</option>{% endfor %}</select>
-                    {% else %}<input type="{{'number' if field=='price' else 'text'}}" name="{{field}}" value="{{item[field]}}" {{'step=0.01' if field=='price'}}>
-                    {% endif %}
-                {% endfor %}<button type="submit">Сохранить</button>
-                </form>
+    <div class="container">
+        <div class="header"><h1><i class="fas fa-tools"></i> Админ-панель "Раина"</h1><a href="{{ url_for('landing') }}" class="button"><i class="fas fa-home"></i> Перейти на сайт</a></div>
+        {% with messages = get_flashed_messages(with_categories=true) %}{% if messages %}{% for category, message in messages %}<div class="message {{ category }}">{{ message }}</div>{% endfor %}{% endif %}{% endwith %}
+        
+        <div class="section">
+            <h2><i class="fas fa-sync-alt"></i> Синхронизация</h2>
+            <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно загрузить локальные данные на сервер?');"><button type="submit" class="button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить БД</button></form>
+            <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно скачать данные с сервера?');"><button type="submit" class="button" title="Скачать файлы (перезапишет локальные)"><i class="fas fa-download"></i> Скачать БД</button></form>
+        </div>
+
+        <div class="section">
+            <h2><i class="fas fa-star"></i> Реализованные проекты</h2>
+            <details><summary>Добавить проект</summary>
+                <div class="form-content">
+                    <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_project">
+                        <label>Название*:</label><input type="text" name="title" required>
+                        <label>Описание*:</label><textarea name="description" rows="3" required></textarea>
+                        <label>Фото*:</label><input type="file" name="photo" accept="image/*" required>
+                        <button type="submit"><i class="fas fa-save"></i> Добавить проект</button>
+                    </form>
+                </div>
+            </details>
+            <div class="item-list">
+            {% for project in projects %}
+                <div class="item">
+                     <div style="display: flex; gap: 15px; align-items: flex-start;">
+                          <div class="photo-preview" style="flex-shrink: 0;">
+                             {% if project.photo %}
+                             <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}" alt="Фото">
+                             {% endif %}
+                         </div>
+                         <div style="flex-grow: 1;">
+                             <p><strong>{{ project.title }}</strong></p>
+                             <p>{{ project.description[:100] }}{% if project.description|length > 100 %}...{% endif %}</p>
+                         </div>
+                     </div>
+                    <div class="item-actions">
+                        <button onclick="toggleEditForm('edit-project-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                        <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить проект \'{{ project.title }}\'?');"><input type="hidden" name="action" value="delete_project"><input type="hidden" name="index" value="{{ loop.index0 }}"><button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button></form>
+                    </div>
+                    <div id="edit-project-{{ loop.index0 }}" class="edit-form-container">
+                        <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_project"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                             <label>Название*:</label><input type="text" name="title" value="{{ project.title }}" required>
+                             <label>Описание*:</label><textarea name="description" rows="3" required>{{ project.description }}</textarea>
+                             <label>Заменить фото:</label><input type="file" name="photo" accept="image/*">
+                             <button type="submit"><i class="fas fa-save"></i> Сохранить</button>
+                        </form>
+                    </div>
+                </div>
+            {% endfor %}
             </div>
         </div>
-        {% endfor %}
-    </div>
-    {% endfor %}
-    <div class="section"><h2>Категории оборудования</h2><button onclick="toggleForm('add-category')">Добавить</button><div id="add-category" style="display:none;"><form method="POST"><input type="hidden" name="action" value="add_category"><label>Название:</label><input type="text" name="name" required><button type="submit">Добавить</button></form></div>
-    {% for cat in categories %}<div class="item" style="display:flex;justify-content:space-between;">{{cat}}<form method="POST" style="margin:0;"><input type="hidden" name="action" value="delete_category"><input type="hidden" name="name" value="{{cat}}"><button class="delete-button" type="submit">Удалить</button></form></div>{% endfor %}
-    </div>
-</div>
-<script>function toggleForm(id){const el=document.getElementById(id);el.style.display=el.style.display==='block'?'none':'block';}</script>
-</body></html>
+
+        <div class="section">
+            <h2><i class="fas fa-concierge-bell"></i> Услуги "под ключ"</h2>
+            <details><summary>Добавить услугу</summary>
+                <div class="form-content">
+                     <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_service">
+                         <label>Заголовок*:</label><input type="text" name="title" required>
+                         <label>Иконка (FontAwesome)*:</label><input type="text" name="icon" placeholder="fas fa-tools" required>
+                         <label>Описание*:</label><textarea name="description" rows="3" required></textarea>
+                         <label>Фото:</label><input type="file" name="photo" accept="image/*">
+                         <button type="submit"><i class="fas fa-save"></i> Добавить услугу</button>
+                     </form>
+                </div>
+            </details>
+            <div class="item-list">
+            {% for service in services %}
+                <div class="item">
+                     <div style="display: flex; gap: 15px; align-items: flex-start;">
+                          <div class="photo-preview" style="flex-shrink: 0;">
+                             {% if service.photo %}
+                             <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="Фото">
+                             {% endif %}
+                         </div>
+                         <div style="flex-grow: 1;">
+                             <p><i class="{{ service.icon }} fa-fw"></i> <strong>{{ service.title }}</strong></p>
+                             <p>{{ service.description[:100] }}{% if service.description|length > 100 %}...{% endif %}</p>
+                         </div>
+                     </div>
+                    <div class="item-actions">
+                        <button onclick="toggleEditForm('edit-service-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                        <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить услугу \'{{ service.title }}\'?');"><input type="hidden" name="action" value="delete_service"><input type="hidden" name="index" value="{{ loop.index0 }}"><button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button></form>
+                    </div>
+                     <div id="edit-service-{{ loop.index0 }}" class="edit-form-container">
+                         <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_service"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                             <label>Заголовок*:</label><input type="text" name="title" value="{{ service.title }}" required>
+                             <label>Иконка*:</label><input type="text" name="icon" value="{{ service.icon }}" required>
+                             <label>Описание*:</label><textarea name="description" rows="3" required>{{ service.description }}</textarea>
+                             <label>Заменить фото:</label><input type="file" name="photo" accept="image/*">
+                             <button type="submit"><i class="fas fa-save"></i> Сохранить</button>
+                         </form>
+                     </div>
+                </div>
+            {% endfor %}
+            </div>
+        </div>
+
+        <div class="section">
+            <h2><i class="fas fa-box-open"></i> Оборудование</h2>
+            <details><summary>Добавить категорию</summary>
+                <div class="form-content">
+                    <form method="POST"><input type="hidden" name="action" value="add_category"><label>Название:</label><input type="text" name="category_name" required><button type="submit"><i class="fas fa-plus"></i> Добавить</button></form>
+                </div>
+            </details>
+            <div class="item-list">
+            {% for category in categories %}
+                 <div class="item" style="display: flex; justify-content: space-between; align-items: center;">
+                     <span>{{ category }}</span>
+                     <form method="POST" style="margin: 0;" onsubmit="return confirm('Удалить категорию \'{{ category }}\'?');"><input type="hidden" name="action" value="delete_category"><input type="hidden" name="category_name" value="{{ category }}"><button type="submit" class="delete-button" style="margin:0;"><i class="fas fa-trash-alt"></i></button></form>
+                 </div>
+            {% endfor %}
+            </div>
+
+            <details style="margin-top:20px;"><summary>Добавить оборудование</summary>
+                <div class="form-content">
+                     <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_equipment">
+                         <label>Название*:</label><input type="text" name="name" required>
+                         <label>Цена (KGS)*:</label><input type="number" name="price" step="0.01" min="0" required>
+                         <label>Категория:</label><select name="category"><option value="Без категории">Без категории</option>{% for cat in categories %}<option value="{{ cat }}">{{ cat }}</option>{% endfor %}</select>
+                         <label>Фотографии (до 10 шт.):</label><input type="file" name="photos" accept="image/*" multiple>
+                         <button type="submit"><i class="fas fa-save"></i> Добавить</button>
+                     </form>
+                </div>
+            </details>
+            <div class="item-list">
+            {% for item in equipment %}
+            <div class="item">
+                 <div style="display: flex; gap: 15px; align-items: flex-start;">
+                      <div class="photo-preview" style="flex-shrink: 0;">
+                         {% if item.photos %}
+                         <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ item.photos[0] }}" alt="Фото">
+                         {% else %}
+                         <img src="https://via.placeholder.com/70x70.png?text=N/A" alt="Нет фото">
+                         {% endif %}
+                     </div>
+                     <div style="flex-grow: 1;">
+                         <p><strong>{{ item.name }}</strong> ({{ item.category }})</p>
+                         <p>Цена: {{ "%.2f"|format(item.price) }} KGS</p>
+                     </div>
+                 </div>
+                <div class="item-actions">
+                     <button onclick="toggleEditForm('edit-eq-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                    <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить оборудование \'{{ item.name }}\'?');"><input type="hidden" name="action" value="delete_equipment"><input type="hidden" name="index" value="{{ loop.index0 }}"><button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button></form>
+                </div>
+                <div id="edit-eq-{{ loop.index0 }}" class="edit-form-container">
+                    <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_equipment"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                        <label>Название*:</label><input type="text" name="name" value="{{ item.name }}" required>
+                        <label>Цена (KGS)*:</label><input type="number" name="price" value="{{ item.price }}" step="0.01" min="0" required>
+                        <label>Категория:</label><select name="category">{% for cat in categories %}<option value="{{ cat }}" {% if item.category == cat %}selected{% endif %}>{{ cat }}</option>{% endfor %}</select>
+                        <label>Заменить фотографии (до 10 шт.):</label><input type="file" name="photos" accept="image/*" multiple>
+                        <button type="submit"><i class="fas fa-save"></i> Сохранить</button>
+                    </form>
+                </div>
+            </div>
+            {% endfor %}
+            </div>
+        </div>
+        <script>function toggleEditForm(id) { document.getElementById(id).style.display = document.getElementById(id).style.display === 'block' ? 'none' : 'block'; }</script>
+    </body>
+    </html>
 '''
 
-@app.route('/details/<item_type>/<int:index>')
-def get_details(item_type, index):
+@app.route('/')
+def landing():
     data = load_data()
-    item_list = data.get(item_type[:-1] + 's' if item_type[-1] != 's' else item_type)
-    if not item_list or index >= len(item_list):
-        return "Элемент не найден", 404
-    
-    item = item_list[index]
-    
     return render_template_string(
-        DETAIL_MODAL_TEMPLATE,
-        item=item,
-        item_type=item_type[:-1] + 's' if item_type[-1] != 's' else item_type,
+        LANDING_TEMPLATE,
+        services=data.get('services', []),
+        equipment=data.get('equipment', []),
+        categories=sorted(data.get('categories', [])),
+        projects=data.get('projects', []),
         repo_id=REPO_ID,
-        whatsapp_phone=WHATSAPP_PHONE
+        contact_phone=CONTACT_PHONE,
+        whatsapp_phone=WHATSAPP_PHONE,
+        now=datetime.utcnow()
     )
 
 @app.route('/admin', methods=['GET', 'POST'])
@@ -372,110 +829,242 @@ def admin():
     
     if request.method == 'POST':
         action = request.form.get('action')
+        logging.info(f"Admin action: {action}")
         try:
-            entity_map = {
-                'project': ('projects', ['title', 'description', 'photos']),
-                'service': ('services', ['title', 'icon', 'description', 'photos']),
-                'equipment': ('equipment', ['name', 'price', 'category', 'photos']),
-            }
-
-            action_type, _, entity_name = action.partition('_')
-            
-            if entity_name in entity_map:
-                data_key, fields = entity_map[entity_name]
-                
-                if action_type in ['add', 'edit']:
-                    item_data = {f: request.form.get(f) for f in fields if f != 'photos'}
-                    if 'price' in item_data: item_data['price'] = float(item_data['price'] or 0)
-                    
-                    photos = request.files.getlist('photos')
-                    uploaded_photos = upload_photos_to_hf(photos, item_data.get('title') or item_data.get('name'), data_key)
-
-                    if action_type == 'add':
-                        item_data['photos'] = uploaded_photos
-                        data[data_key].append(item_data)
-                        flash(f'"{item_data.get("title") or item_data.get("name")}" добавлен.', 'success')
-                    else:
-                        index = int(request.form.get('index'))
-                        original_item = data[data_key][index]
-                        if uploaded_photos:
-                            delete_photos_from_hf(original_item.get('photos', []), data_key)
-                            item_data['photos'] = uploaded_photos
-                        else:
-                            item_data['photos'] = original_item.get('photos', [])
-                        data[data_key][index] = item_data
-                        flash(f'"{item_data.get("title") or item_data.get("name")}" обновлен.', 'success')
-
-                elif action_type == 'delete':
-                    index = int(request.form.get('index'))
-                    item = data[data_key].pop(index)
-                    delete_photos_from_hf(item.get('photos', []), data_key)
-                    flash(f'"{item.get("title") or item.get("name")}" удален.', 'success')
-
-            elif action == 'add_category':
-                name = request.form.get('name', '').strip()
+            if action == 'add_category':
+                name = request.form.get('category_name', '').strip()
                 if name and name not in data['categories']:
                     data['categories'].append(name)
                     flash(f"Категория '{name}' добавлена.", 'success')
+                else: flash("Категория уже существует или пуста.", 'error')
             
             elif action == 'delete_category':
-                name = request.form.get('name')
+                name = request.form.get('category_name')
                 if name in data['categories']:
                     data['categories'].remove(name)
                     flash(f"Категория '{name}' удалена.", 'success')
 
+            elif action == 'add_equipment':
+                name = request.form.get('name', '').strip()
+                price = round(float(request.form.get('price', 0)), 2)
+                category = request.form.get('category')
+                photos = request.files.getlist('photos')
+                if not name or price <= 0:
+                    flash("Название и цена обязательны.", 'error')
+                    return redirect(url_for('admin'))
+                item_data = {'name': name, 'price': price, 'category': category}
+                uploaded_photos = upload_item_photos_to_hf(photos, name, 'equipment')
+                if uploaded_photos:
+                    item_data['photos'] = uploaded_photos
+                data['equipment'].append(item_data)
+                flash(f"Оборудование '{name}' добавлено.", 'success')
+                
+            elif action == 'edit_equipment':
+                index = int(request.form.get('index'))
+                if not (0 <= index < len(data.get('equipment', []))):
+                     flash("Ошибка: неверный индекс оборудования.", "error")
+                     return redirect(url_for('admin'))
+                original_item = data['equipment'][index]
+                
+                name = request.form.get('name', original_item.get('name', '')).strip()
+                price = round(float(request.form.get('price', original_item.get('price', 0))), 2)
+                category = request.form.get('category', original_item.get('category'))
+                photos = request.files.getlist('photos')
+
+                item_data = {'name': name, 'price': price, 'category': category}
+                
+                if photos and any(f.filename for f in photos):
+                     uploaded_photos = upload_item_photos_to_hf(photos, name, 'equipment')
+                     if uploaded_photos:
+                         delete_item_photos_from_hf(original_item.get('photos', []), 'equipment')
+                         item_data['photos'] = uploaded_photos
+                     else:
+                         item_data['photos'] = original_item.get('photos') # Keep old photos if new upload failed
+                         flash("Загрузка новых фото не удалась.", "warning")
+                else:
+                    item_data['photos'] = original_item.get('photos') # Keep old photos if no new files selected
+
+                data['equipment'][index] = item_data
+                flash(f"Оборудование '{name}' обновлено.", 'success')
+
+            elif action == 'delete_equipment':
+                index = int(request.form.get('index'))
+                if not (0 <= index < len(data.get('equipment', []))):
+                     flash("Ошибка: неверный индекс оборудования.", "error")
+                     return redirect(url_for('admin'))
+                item = data['equipment'].pop(index)
+                delete_item_photos_from_hf(item.get('photos', []), 'equipment')
+                flash(f"Оборудование '{item.get('name')}' удалено.", 'success')
+            
+            elif action == 'add_service':
+                title = request.form.get('title', '').strip()
+                icon = request.form.get('icon', 'fas fa-check').strip()
+                description = request.form.get('description', '').strip()
+                photo_file = request.files.get('photo')
+                if not all([title, icon, description]):
+                    flash("Все поля услуги обязательны.", 'error')
+                    return redirect(url_for('admin'))
+                item_data = {'title': title, 'icon': icon, 'description': description}
+                uploaded_photos = upload_item_photos_to_hf([photo_file], title, 'services')
+                if uploaded_photos:
+                     item_data['photo'] = uploaded_photos[0]
+                data['services'].append(item_data)
+                flash(f"Услуга '{title}' добавлена.", 'success')
+            
+            elif action == 'edit_service':
+                index = int(request.form.get('index'))
+                if not (0 <= index < len(data.get('services', []))):
+                     flash("Ошибка: неверный индекс услуги.", "error")
+                     return redirect(url_for('admin'))
+                original_item = data['services'][index]
+
+                title = request.form.get('title', original_item.get('title', '')).strip()
+                icon = request.form.get('icon', original_item.get('icon', 'fas fa-check')).strip()
+                description = request.form.get('description', original_item.get('description', '')).strip()
+                photo_file = request.files.get('photo')
+
+                item_data = {'title': title, 'icon': icon, 'description': description}
+
+                if photo_file and photo_file.filename:
+                    uploaded_photos = upload_item_photos_to_hf([photo_file], title, 'services')
+                    if uploaded_photos:
+                        delete_item_photos_from_hf([original_item.get('photo')], 'services')
+                        item_data['photo'] = uploaded_photos[0]
+                    else:
+                        item_data['photo'] = original_item.get('photo') # Keep old photo if new upload failed
+                        flash("Загрузка нового фото не удалась.", "warning")
+                else:
+                    item_data['photo'] = original_item.get('photo') # Keep old photo if no new file selected
+                    
+                data['services'][index] = item_data
+                flash(f"Услуга '{title}' обновлена.", 'success')
+
+            elif action == 'delete_service':
+                index = int(request.form.get('index'))
+                if not (0 <= index < len(data.get('services', []))):
+                     flash("Ошибка: неверный индекс услуги.", "error")
+                     return redirect(url_for('admin'))
+                item = data['services'].pop(index)
+                delete_item_photos_from_hf([item.get('photo')], 'services')
+                flash(f"Услуга '{item.get('title')}' удалена.", 'success')
+
+            elif action == 'add_project':
+                title = request.form.get('title', '').strip()
+                description = request.form.get('description', '').strip()
+                photo_file = request.files.get('photo')
+                if not all([title, description]) or not (photo_file and photo_file.filename):
+                    flash("Название, описание и фото обязательны для нового проекта.", 'error')
+                    return redirect(url_for('admin'))
+                item_data = {'title': title, 'description': description}
+                uploaded_photos = upload_item_photos_to_hf([photo_file], title, 'projects')
+                if uploaded_photos:
+                    item_data['photo'] = uploaded_photos[0]
+                    data['projects'].append(item_data)
+                    flash(f"Проект '{title}' добавлен.", 'success')
+                else:
+                     flash("Не удалось загрузить фото для проек��а.", "error")
+
+
+            elif action == 'edit_project':
+                index = int(request.form.get('index'))
+                if not (0 <= index < len(data.get('projects', []))):
+                     flash("Ошибка: неверный индекс проекта.", "error")
+                     return redirect(url_for('admin'))
+                original_item = data['projects'][index]
+
+                title = request.form.get('title', original_item.get('title', '')).strip()
+                description = request.form.get('description', original_item.get('description', '')).strip()
+                photo_file = request.files.get('photo')
+
+                item_data = {'title': title, 'description': description}
+
+                if photo_file and photo_file.filename:
+                    uploaded_photos = upload_item_photos_to_hf([photo_file], title, 'projects')
+                    if uploaded_photos:
+                        delete_item_photos_from_hf([original_item.get('photo')], 'projects')
+                        item_data['photo'] = uploaded_photos[0]
+                    else:
+                        item_data['photo'] = original_item.get('photo') # Keep old photo if new upload failed
+                        flash("Загрузка нового фото не удалась.", "warning")
+                else:
+                    item_data['photo'] = original_item.get('photo') # Keep old photo if no new file selected
+                    
+                data['projects'][index] = item_data
+                flash(f"Проект '{title}' обновлен.", 'success')
+
+            elif action == 'delete_project':
+                index = int(request.form.get('index'))
+                if not (0 <= index < len(data.get('projects', []))):
+                     flash("Ошибка: неверный индекс проекта.", "error")
+                     return redirect(url_for('admin'))
+                item = data['projects'].pop(index)
+                delete_item_photos_from_hf([item.get('photo')], 'projects')
+                flash(f"Проект '{item.get('title')}' удален.", 'success')
+
+            else:
+                 flash(f"Неизвестное действие: {action}", 'warning')
+
             save_data(data)
+            return redirect(url_for('admin'))
         except Exception as e:
              logging.error(f"Admin action '{action}' failed: {e}", exc_info=True)
              flash(f"Произошла ошибка: {e}", 'error')
-        return redirect(url_for('admin'))
+             return redirect(url_for('admin'))
 
-    return render_template_string(ADMIN_TEMPLATE, data=data, categories=sorted(data.get('categories', [])))
+    return render_template_string(
+        ADMIN_TEMPLATE,
+        equipment=data.get('equipment', []),
+        categories=sorted(data.get('categories', [])),
+        services=data.get('services', []),
+        projects=data.get('projects', [])
+    )
 
-def upload_photos_to_hf(photo_files, item_name, folder):
-    if not photo_files or not HF_TOKEN_WRITE: return []
-    os.makedirs(UPLOADS_DIR, exist_ok=True)
-    api = HfApi()
-    uploaded_photos = []
-    for photo in photo_files:
-        if photo and photo.filename:
-            try:
-                safe_name = secure_filename(item_name.replace(' ', '_'))[:50]
-                ext = os.path.splitext(photo.filename)[1].lower()
-                temp_filename = f"{safe_name}_{datetime.now().strftime('%f')}{ext}"
-                temp_path = os.path.join(UPLOADS_DIR, temp_filename)
-                photo.save(temp_path)
+@app.route('/details/<item_type>/<int:index>')
+def item_detail_modal(item_type, index):
+    data = load_data()
+    item = None
+    template = None
+    item_list = []
 
-                repo_path = f"{folder}/{temp_filename}"
-                api.upload_file(path_or_fileobj=temp_path, path_in_repo=repo_path, repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE)
-                uploaded_photos.append(temp_filename)
-            except Exception as e:
-                logging.error(f"Error uploading {photo.filename}: {e}")
-            finally:
-                if os.path.exists(temp_path): os.remove(temp_path)
-    return uploaded_photos
+    if item_type == 'equipment':
+        item_list = data.get('equipment', [])
+        template = EQUIPMENT_DETAIL_TEMPLATE
+    elif item_type == 'service':
+        item_list = data.get('services', [])
+        template = SERVICE_DETAIL_TEMPLATE
+    elif item_type == 'project':
+        item_list = data.get('projects', [])
+        template = PROJECT_DETAIL_TEMPLATE
+    else:
+        return "Неизвестный тип объекта.", 404
 
-def delete_photos_from_hf(photo_list, folder):
-    if not photo_list or not HF_TOKEN_WRITE: return
-    api = HfApi()
-    paths_in_repo = [f"{folder}/{p}" for p in photo_list if p]
-    if not paths_in_repo: return
     try:
-        api.delete_files(repo_id=REPO_ID, paths_in_repo=paths_in_repo, repo_type="dataset", token=HF_TOKEN_WRITE)
-    except HfHubHTTPError as e:
-        if e.response.status_code != 404: logging.error(f"Error deleting photos: {e}")
-    except Exception as e:
-        logging.error(f"Error deleting photos: {e}")
+        item = item_list[index]
+    except IndexError:
+        return "Объект не найден.", 404
+
+    return render_template_string(
+        template,
+        item=item,
+        repo_id=REPO_ID,
+        whatsapp_phone=WHATSAPP_PHONE
+    )
+
 
 @app.route('/force_upload', methods=['POST'])
 def force_upload():
-    upload_db_to_hf(); flash("Данные загружены.", 'success'); return redirect(url_for('admin'))
+    upload_db_to_hf()
+    flash("Данные загружены на сервер.", 'success')
+    return redirect(url_for('admin'))
 
 @app.route('/force_download', methods=['POST'])
 def force_download():
-    download_db_from_hf(); flash("Данные скачаны.", 'success'); return redirect(url_for('admin'))
+    download_db_from_hf()
+    flash("Данные скачаны с сервера.", 'success')
+    return redirect(url_for('admin'))
 
 if __name__ == '__main__':
+    logging.info("Application starting up...")
     download_db_from_hf()
     if HF_TOKEN_WRITE:
         threading.Thread(target=periodic_backup, daemon=True).start()