Update app.py

app.py

@@ -1,60 +1,82 @@
 from flask import Flask, render_template_string, jsonify, request
-import sqlite3
+import json
+import os
 import math
+from datetime import datetime, timedelta
 
 app = Flask(__name__)
 
-# Инициализация базы данных SQLite3
+# Инициализация файла JSON (если файла нет – создаётся пустой список)
 def init_db():
-    conn = sqlite3.connect('markers.db')
-    cursor = conn.cursor()
-    cursor.execute('''CREATE TABLE IF NOT EXISTS markers (
-                        id INTEGER PRIMARY KEY AUTOINCREMENT,
-                        name TEXT NOT NULL,
-                        description TEXT,
-                        telegram_link TEXT,
-                        latitude REAL NOT NULL,
-                        longitude REAL NOT NULL
-                      )''')
-    conn.commit()
-    conn.close()
-
-# Получение всех меток из базы данных
+    if not os.path.exists('markers.json'):
+        with open('markers.json', 'w', encoding='utf-8') as f:
+            json.dump([], f, ensure_ascii=False, indent=4)
+
+# Загрузка меток из файла JSON
+def load_markers():
+    with open('markers.json', 'r', encoding='utf-8') as f:
+        return json.load(f)
+
+# Сохранение меток в файл JSON
+def save_markers(markers):
+    with open('markers.json', 'w', encoding='utf-8') as f:
+        json.dump(markers, f, ensure_ascii=False, indent=4)
+
+# Получение всех меток
 def get_all_markers():
-    conn = sqlite3.connect('markers.db')
-    cursor = conn.cursor()
-    cursor.execute('SELECT id, name, description, telegram_link, latitude, longitude FROM markers')
-    markers = cursor.fetchall()
-    conn.close()
-    return markers
-
-# Добавление новой метки в базу данных
-def add_marker_to_db(name, description, telegram_link, latitude, longitude):
-    conn = sqlite3.connect('markers.db')
-    cursor = conn.cursor()
-    cursor.execute('INSERT INTO markers (name, description, telegram_link, latitude, longitude) VALUES (?, ?, ?, ?, ?)',
-                   (name, description, telegram_link, latitude, longitude))
-    conn.commit()
-    marker_id = cursor.lastrowid
-    conn.close()
-    return marker_id
-
-# Удаление метки из базы данных
+    return load_markers()
+
+# Добавление новой метки в "базу" (JSON-файл)
+def add_marker_to_db(name, description, telegram_link, logo_link, latitude, longitude, delete_password):
+    markers = load_markers()
+    new_id = max((marker["id"] for marker in markers), default=0) + 1
+    new_marker = {
+        "id": new_id,
+        "name": name,
+        "description": description,
+        "telegram_link": telegram_link,
+        "logo_link": logo_link,
+        "latitude": latitude,
+        "longitude": longitude,
+        "delete_password": delete_password,
+        "premium": 0,
+        "premium_start_date": None
+    }
+    markers.append(new_marker)
+    save_markers(markers)
+    return new_id
+
+# Удаление метки из JSON-файла
 def remove_marker_from_db(marker_id):
-    conn = sqlite3.connect('markers.db')
-    cursor = conn.cursor()
-    cursor.execute('DELETE FROM markers WHERE id = ?', (marker_id,))
-    conn.commit()
-    conn.close()
-
-# Вычисление расстояния между двумя точками на Земле
-def calculate_distance(lat1, lon1, lat2, lon2):
-    R = 6371.0  # Радиус Земли в километрах
-    d_lat = math.radians(lat2 - lat1)
-    d_lon = math.radians(lon2 - lon1)
-    a = math.sin(d_lat / 2) ** 2 + math.cos(math.radians(lat1)) * math.cos(math.radians(lat2)) * math.sin(d_lon / 2) ** 2
-    c = 2 * math.atan2(math.sqrt(a), math.sqrt(1 - a))
-    return R * c
+    markers = load_markers()
+    markers = [marker for marker in markers if marker["id"] != marker_id]
+    save_markers(markers)
+
+# Активация премиум-статуса для метки
+def activate_premium(marker_id):
+    markers = load_markers()
+    current_date = datetime.now().isoformat()
+    for marker in markers:
+        if marker["id"] == marker_id:
+            marker["premium"] = 1
+            marker["premium_start_date"] = current_date
+            break
+    save_markers(markers)
+
+# Проверка и сброс премиум-статуса по истечении 30 дней
+def check_premium_status():
+    markers = load_markers()
+    updated = False
+    for marker in markers:
+        if marker["premium"] == 1 and marker["premium_start_date"]:
+            premium_start_date = datetime.fromisoformat(marker["premium_start_date"])
+            current_date = datetime.now()
+            if (current_date - premium_start_date).days > 30:
+                marker["premium"] = 0
+                marker["premium_start_date"] = None
+                updated = True
+    if updated:
+        save_markers(markers)
 
 # HTML-шаблон с улучшенным дизайном
 html_template = '''
@@ -66,109 +88,201 @@ html_template = '''
     <title>GeoGram</title>
     <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
     <style>
+        /* Общие стили */
         body {
             font-family: 'Roboto', sans-serif;
-            background-color: #f0f4f8;
+            background: linear-gradient(135deg, #483D8B, #2c3e50);
             margin: 0;
             padding: 0;
-            color: #333;
+            color: #fff; /* Белый текст */
+            overflow-x: hidden;
+        }
+        h1 {
+            text-align: center;
+            padding: 20px;
+            margin: 0;
+            background: linear-gradient(135deg, #6a0dad, #483D8B);
+            color: white;
+            font-size: 28px;
+            letter-spacing: 2px;
+            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
         }
         #map {
             height: 90vh;
             width: 100%;
             margin-bottom: 20px;
         }
-        h1 {
+
+        /* Поиск */
+        #search-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 20px;
+        }
+        #search-input {
+            padding: 15px;
+            width: 300px;
+            border: none;
+            border-radius: 30px 0 0 30px;
+            font-size: 16px;
+            background: #34495e;
+            color: #fff;
+            outline: none;
+            transition: background 0.3s ease;
+        }
+        #search-input:focus {
+            background: #2c3e50;
+        }
+        #search-button {
+            padding: 15px 30px;
+            background: linear-gradient(135deg, #6a0dad, #483D8B);
+            color: white;
+            border: none;
+            border-radius: 0 30px 30px 0;
+            cursor: pointer;
+            font-size: 16px;
+            transition: background 0.3s ease;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
+        }
+        #search-button:hover {
+            background: linear-gradient(135deg, #483D8B, #6a0dad);
+        }
+
+        /* Результаты поиска */
+        #search-results {
+            margin: 20px;
             text-align: center;
+        }
+        .result-item {
+            background: linear-gradient(135deg, #34495e, #2c3e50);
+            border: 1px solid rgba(106, 13, 173, 0.5);
+            border-radius: 15px;
+            margin: 10px auto;
             padding: 20px;
-            margin: 0;
-            background-color: #007BFF;
-            color: white;
-            font-size: 24px;
+            max-width: 500px;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
         }
-        .leaflet-popup-content-wrapper {
-            background-color: #fff;
-            border-radius: 10px;
-            padding: 10px;
-            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        .result-item:hover {
+            transform: translateY(-5px);
+            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
         }
-        .leaflet-popup-content b {
-            color: #007BFF;
+        .result-item b {
+            color: #fff;
             font-size: 18px;
-            display: block;
-            margin-bottom: 5px;
         }
-        .leaflet-popup-content a {
-            color: #007BFF;
+        .result-item p {
+            color: #ecf0f1;
+            margin: 5px 0;
+        }
+        .result-item a {
+            color: #fff;
             text-decoration: none;
+            font-weight: bold;
         }
-        .leaflet-popup-content a:hover {
+        .result-item a:hover {
             text-decoration: underline;
         }
+        .result-item button {
+            background: linear-gradient(135deg, #6a0dad, #483D8B);
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 30px;
+            cursor: pointer;
+            font-size: 14px;
+            transition: background 0.3s ease;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
+        }
+        .result-item button:hover {
+            background: linear-gradient(135deg, #483D8B, #6a0dad);
+        }
+
+        /* Окно добавления метки */
         .popup-form {
-            display: flex;
-            flex-direction: column;
-            width: 200px;
+            background: linear-gradient(135deg, #34495e, #2c3e50);
+            border-radius: 15px;
+            padding: 20px;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
+            width: 300px;
         }
-        .popup-form input, .popup-form textarea {
-            padding: 10px;
+        .popup-form input,
+        .popup-form textarea {
+            padding: 12px;
             margin-bottom: 10px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
+            border: none;
+            border-radius: 10px;
             font-size: 14px;
+            background: #483D8B;
+            color: #fff;
+            outline: none;
+            transition: background 0.3s ease;
+        }
+        .popup-form input:focus,
+        .popup-form textarea:focus {
+            background: #6a0dad;
         }
         .popup-form button {
-            background-color: #007BFF;
+            background: linear-gradient(135deg, #6a0dad, #483D8B);
             color: white;
             border: none;
-            padding: 10px;
-            border-radius: 5px;
+            padding: 12px;
+            border-radius: 30px;
             cursor: pointer;
+            font-size: 14px;
+            transition: background 0.3s ease;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
         }
         .popup-form button:hover {
-            background-color: #0056b3;
+            background: linear-gradient(135deg, #483D8B, #6a0dad);
         }
-        #search-container {
-            margin: 20px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
+
+        /* Попапы на карте */
+        .leaflet-popup-content-wrapper {
+            background: linear-gradient(135deg, #34495e, #2c3e50);
+            border-radius: 15px;
+            padding: 15px;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
         }
-        #search-input {
-            padding: 10px;
-            width: 300px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            margin-right: 10px;
-            font-size: 14px;
+        .leaflet-popup-content {
+            color: #fff;
         }
-        #search-button {
-            padding: 10px 20px;
-            background-color: #007BFF;
+        .leaflet-popup-content b {
+            color: #fff;
+            font-size: 18px;
+            display: block;
+            margin-bottom: 5px;
+        }
+        .leaflet-popup-content a {
+            color: #fff;
+            text-decoration: none;
+        }
+        .leaflet-popup-content a:hover {
+            text-decoration: underline;
+        }
+        .leaflet-popup-content button {
+            background: linear-gradient(135deg, #6a0dad, #483D8B);
             color: white;
             border: none;
-            border-radius: 5px;
+            padding: 10px 20px;
+            border-radius: 30px;
             cursor: pointer;
             font-size: 14px;
+            transition: background 0.3s ease;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
         }
-        #search-button:hover {
-            background-color: #0056b3;
-        }
-        #search-results {
-            margin: 20px;
-            text-align: center;
-        }
-        .result-item {
-            background: white;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            margin: 10px auto;
-            padding: 10px;
-            transition: background 0.3s;
-            max-width: 500px;
+        .leaflet-popup-content button:hover {
+            background: linear-gradient(135deg, #483D8B, #6a0dad);
         }
-        .result-item:hover {
-            background: #f0f0f0;
+
+        /* Маркеры */
+        .marker-logo {
+            width: 25px;
+            height: 25px;
+            border-radius: 50%;
+            border: 2px solid #6a0dad;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
         }
     </style>
 </head>
@@ -183,7 +297,7 @@ html_template = '''
 
     <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
     <script>
-        const map = L.map('map').setView([55.75, 37.61], 13);  // Начальное местоположение по умолчанию
+        const map = L.map('map').setView([55.75, 37.61], 13);
 
         L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
             maxZoom: 19,
@@ -192,16 +306,14 @@ html_template = '''
         let userLatitude = 55.75;
         let userLongitude = 37.61;
 
-        // Проверка поддержки геолокации и установка центра карты на текущее местоположение пользователя
         if (navigator.geolocation) {
             navigator.geolocation.getCurrentPosition(function(position) {
                 userLatitude = position.coords.latitude;
                 userLongitude = position.coords.longitude;
                 map.setView([userLatitude, userLongitude], 13);
 
-                // Добавление маркера для местоположения пользователя
                 L.marker([userLatitude, userLongitude]).addTo(map)
-                    .bindPopup('Вы находитесь здесь').openPopup();
+                    .bindPopup('<span style="color:white;">Вы находитесь здесь</span>').openPopup();
             }, function() {
                 alert('Не удалось получить ваше местоположение.');
             });
@@ -209,18 +321,78 @@ html_template = '''
             alert('Ваш браузер не поддерживает геолокацию.');
         }
 
-        // Загрузка существующих меток из базы данных
+        let markersOnMap = {};
+
         fetch('/get_markers')
             .then(response => response.json())
             .then(data => {
                 data.forEach(marker => {
-                    const markerObj = L.marker([marker.latitude, marker.longitude]).addTo(map);
-                    markerObj.bindPopup(`<b>${marker.name}</b><p>${marker.description}</p><a href="https://t.me/${marker.telegram_link}" target="_blank">Перейти в Telegram</a><br><button onclick="removeMarker(${marker.id})">Удалить</button>`);
+                    const customIcon = L.divIcon({
+                        className: 'custom-icon',
+                        html: `<img src="${marker.logo_link || 'https://simpleicon.com/wp-content/uploads/map-marker-1.png'}" class="marker-logo"/>`,
+                        iconSize: [25, 25],
+                        iconAnchor: [12.5, 25]
+                    });
+
+                    const markerObj = L.marker([marker.latitude, marker.longitude], {icon: customIcon}).addTo(map);
+                    markersOnMap[marker.id] = markerObj;
+
+                    let premiumLabel = '';
+                    if (marker.premium) {
+                        const premiumStartDate = new Date(marker.premium_start_date);
+                        const currentDate = new Date();
+                        const daysLeft = Math.max(0, Math.floor((premiumStartDate.getTime() + (30 * 24 * 60 * 60 * 1000) - currentDate.getTime()) / (1000 * 60 * 60 * 24)));
+                        premiumLabel = `<span style="color: gold;">Премиум метка (${daysLeft} дней осталось)</span><br>`;
+                    }
+
+                    markerObj.bindPopup(`
+                        <div class="leaflet-popup-content">
+                            ${premiumLabel}
+                            <b>${marker.name}</b>
+                            <p>${marker.description}</p>
+                            <button style="background: linear-gradient(135deg, #6a0dad, #483D8B);
+                                            color: white;
+                                            border: none;
+                                            padding: 10px 20px;
+                                            border-radius: 30px;
+                                            cursor: pointer;
+                                            font-size: 14px;
+                                            transition: background 0.3s ease;
+                                            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);" 
+                                    onclick="window.open('https://t.me/${marker.telegram_link}', '_blank')">
+                                Перейти в Telegram
+                            </button><br>
+                            <button onclick="buyPremium(${marker.id})">Купить премиум</button>
+                            <button onclick="removeMarker(${marker.id}, '${marker.delete_password}')">Удалить</button>
+                        </div>
+                    `);
                 });
             });
 
-        // Функция для добавления метки
-        function addMarker(name, description, telegram_link, position) {
+        function buyPremium(markerId) {
+            const activationCode = prompt("Введите код активации премиума:");
+            
+            if (activationCode === "morshenadmin87132") {
+                fetch('/activate_premium', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({id: markerId})
+                }).then(() => {
+                    alert("Премиум активирован!");
+                    location.reload();
+                });
+            } else {
+                alert("Неверный код активации!");
+            }
+        }
+
+        function addMarker(name, description, telegram_link, logo_link, position) {
+            const deletePassword = prompt("Введите пароль для удаления метки:");
+            
+            const finalLogoLink = logo_link || 'https://icons.veryicon.com/png/o/miscellaneous/high-icon-library/geo-fence.png';
+
             fetch('/add_marker', {
                 method: 'POST',
                 headers: {
@@ -230,43 +402,81 @@ html_template = '''
                     name: name,
                     description: description,
                     telegram_link: telegram_link,
-                    position: [position.lat, position.lng]
+                    logo_link: finalLogoLink,
+                    position: [position.lat, position.lng],
+                    delete_password: deletePassword
                 })
             })
             .then(response => response.json())
             .then(data => {
-                const markerObj = L.marker([data.latitude, data.longitude]).addTo(map);
-                markerObj.bindPopup(`<b>${data.name}</b><p>${data.description}</p><a href="https://t.me/${data.telegram_link}" target="_blank">Перейти в Telegram</a><br><button onclick="removeMarker(${data.id})">Удалить</button>`);
+                const customIcon = L.divIcon({
+                    className: 'custom-icon',
+                    html: `<img src="${data.logo_link}" class="marker-logo"/>`,
+                    iconSize: [25, 25],
+                    iconAnchor: [12.5, 25]
+                });
+
+                const markerObj = L.marker([data.latitude, data.longitude], {icon: customIcon}).addTo(map);
+                markersOnMap[data.id] = markerObj;
+
+                let premiumLabel = data.premium ? '<span style="color: gold;">Премиум метка</span><br>' : '';
+
+                markerObj.bindPopup(`
+                    <div class="leaflet-popup-content">
+                        ${premiumLabel}
+                        <b>${data.name}</b>
+                        <p>${data.description}</p>
+                        <button style="background: linear-gradient(135deg, #6a0dad, #483D8B);
+                                        color: white;
+                                        border: none;
+                                        padding: 10px 20px;
+                                        border-radius: 30px;
+                                        cursor: pointer;
+                                        font-size: 14px;
+                                        transition: background 0.3s ease;
+                                        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);" 
+                                onclick="window.open('https://t.me/${data.telegram_link}', '_blank')">
+                            Перейти в Telegram
+                        </button><br>
+                        <button onclick="buyPremium(${data.id})">Купить премиум</button>
+                        <button onclick="removeMarker(${data.id}, '${data.delete_password}')">Удалить</button>
+                    </div>
+                `);
             });
         }
 
-        // Событие клика по карте для добавления формы
         map.on('click', function(e) {
             const popupContent = document.createElement('div');
             popupContent.classList.add('popup-form');
 
             const inputName = document.createElement('input');
             inputName.type = 'text';
-            inputName.placeholder = 'Название метки';
+            inputName.placeholder = 'Название ';
             popupContent.appendChild(inputName);
 
             const inputDescription = document.createElement('textarea');
-            inputDescription.placeholder = 'Описание метки';
+            inputDescription.placeholder = 'Ваши товары/услуги';
             popupContent.appendChild(inputDescription);
 
             const inputTelegram = document.createElement('input');
             inputTelegram.type = 'text';
-            inputTelegram.placeholder = 'Telegram-ссылка';
+            inputTelegram.placeholder = 'Telegram канал (без @)';
             popupContent.appendChild(inputTelegram);
 
+            const inputLogoLink = document.createElement('input');
+            inputLogoLink.type = 'text';
+            inputLogoLink.placeholder = 'Ссылка на логотип (необязательно)';
+            popupContent.appendChild(inputLogoLink);
+
             const submitButton = document.createElement('button');
             submitButton.textContent = 'Добавить метку';
             submitButton.onclick = function() {
                 const name = inputName.value;
                 const description = inputDescription.value;
                 const telegram_link = inputTelegram.value;
-                if (name && description && telegram_link) {
-                    addMarker(name, description, telegram_link, e.latlng);
+                const logo_link = inputLogoLink.value;
+                if(name && description && telegram_link) {
+                    addMarker(name, description, telegram_link, logo_link, e.latlng);
                 }
                 map.closePopup();
             };
@@ -278,20 +488,26 @@ html_template = '''
                 .openOn(map);
         });
 
-        // Удаление метки
-        function removeMarker(markerId) {
-            fetch('/remove_marker', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({ id: markerId })
-            }).then(() => {
-                location.reload();  // Обновление страницы для обновления маркеров
-            });
+        function removeMarker(markerId, markerPassword) {
+            const universalPassword = "morshenadmin87132";
+            const passwordInput = prompt("Введите пароль для удаления ��етки:");
+
+            if (passwordInput === universalPassword || passwordInput === markerPassword) {
+                fetch('/remove_marker', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({id: markerId})
+                }).then(() => {
+                    location.reload();
+                });
+            } else {
+                alert("Неверный пароль!");
+            }
         }
 
-        // Поиск и сортировка по расстоянию до пользователя
+        // Обновленная функция поиска с приоритетом премиум меток
         document.getElementById('search-button').addEventListener('click', function() {
             const searchTerm = document.getElementById('search-input').value.toLowerCase();
             fetch('/get_markers')
@@ -305,35 +521,81 @@ html_template = '''
                         marker.distance = calculateDistance(userLatitude, userLongitude, marker.latitude, marker.longitude);
                     });
 
-                    // Сортировка по расстоянию
-                    data.sort((a, b) => a.distance - b.distance);
-
-                    const results = data.filter(marker => 
-                        marker.name.toLowerCase().includes(searchTerm) || 
+                    // Фильтрация результатов по поисковому запросу
+                    const results = data.filter(marker =>
+                        marker.name.toLowerCase().includes(searchTerm) ||
                         marker.description.toLowerCase().includes(searchTerm)
                     );
 
+                    // Сортировка результатов: сначала премиум метки, затем обычные,
+                    // и внутри каждой категории сортировка по расстоянию
+                    results.sort((a, b) => {
+                        if (a.premium !== b.premium) {
+                            return b.premium - a.premium; // Премиум метки идут первыми
+                        }
+                        return a.distance - b.distance; // Сортировка по расстоянию
+                    });
+
+                    // Отображение результатов
                     results.forEach(marker => {
                         const resultItem = document.createElement('div');
                         resultItem.classList.add('result-item');
-                        resultItem.innerHTML = `<b>${marker.name}</b><p>${marker.description}</p><p>Расстояние: ${marker.distance.toFixed(2)} км</p><a href="https://t.me/${marker.telegram_link}" target="_blank">Перейти в Telegram</a>`;
+                        
+                        let premiumLabel = '';
+                        if (marker.premium) {
+                            const premiumStartDate = new Date(marker.premium_start_date);
+                            const currentDate = new Date();
+                            const daysLeft = Math.max(0, Math.floor((premiumStartDate.getTime() + (30 * 24 * 60 * 60 * 1000) - currentDate.getTime()) / (1000 * 60 * 60 * 24)));
+                            premiumLabel = ` (${daysLeft} дней осталось)`;
+                        }
+
+                        resultItem.innerHTML = `
+                            <b>${marker.name}</b>
+                            <p>${marker.description}</p>
+                            <p>Расстояние: ${marker.distance.toFixed(2)} км</p>
+                            <p>Статус: ${marker.premium ? 'Премиум' + premiumLabel : 'Обычная'}</p>
+                            <button style="background: linear-gradient(135deg, #6a0dad, #483D8B);
+                                            color: white;
+                                            border: none;
+                                            padding: 10px 20px;
+                                            border-radius: 30px;
+                                            cursor: pointer;
+                                            font-size: 14px;
+                                            transition: background 0.3s ease;
+                                            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);" 
+                                    onclick="window.open('https://t.me/${marker.telegram_link}', '_blank')">
+                                Перейти в Telegram
+                            </button>
+                            <button onclick="showOnMap(${marker.id}, ${marker.latitude}, ${marker.longitude}); hideResults()">Показать на карте</button>`;
+                        
                         resultsContainer.appendChild(resultItem);
                     });
 
                     if (results.length === 0) {
-                        resultsContainer.innerHTML = '<p>Нет результатов</p>';
+                        resultsContainer.innerHTML = '<p style="color:white;">Нет результатов</p>';
                     }
                 });
         });
 
-        // Вычисление расстояния между двумя координатами
+        function showOnMap(markerId, lat, lng) {
+            map.setView([lat, lng], 13);
+            if (markersOnMap[markerId]) {
+                markersOnMap[markerId].openPopup();
+            }
+        }
+
+        function hideResults() {
+            const resultsContainer = document.getElementById('search-results');
+            resultsContainer.innerHTML = '';
+        }
+
         function calculateDistance(lat1, lon1, lat2, lon2) {
-            const R = 6371; // Радиус Земли в км
+            const R = 6371;
             const dLat = (lat2 - lat1) * Math.PI / 180;
             const dLon = (lon2 - lon1) * Math.PI / 180;
-            const a = 
-                0.5 - Math.cos(dLat)/2 + 
-                Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * 
+            const a =
+                0.5 - Math.cos(dLat) / 2 +
+                Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) *
                 (1 - Math.cos(dLon)) / 2;
 
             return R * 2 * Math.asin(Math.sqrt(a));
@@ -346,20 +608,18 @@ html_template = '''
 # Маршрут для главной страницы
 @app.route('/')
 def index():
+    check_premium_status()
     return render_template_string(html_template)
 
 # Маршрут для получения всех меток
 @app.route('/get_markers')
-def get_markers():
+def get_markers_route():
     markers = get_all_markers()
-    return jsonify([{
-        'id': marker[0],
-        'name': marker[1],
-        'description': marker[2],
-        'telegram_link': marker[3],
-        'latitude': marker[4],
-        'longitude': marker[5]
-    } for marker in markers])
+    # Если для метки не указан логотип, используем изображение по умолчанию
+    for marker in markers:
+        if not marker.get("logo_link"):
+            marker["logo_link"] = "https://simpleicon.com/wp-content/uploads/map-marker-1.png"
+    return jsonify(markers)
 
 # Маршрут для добавления метки
 @app.route('/add_marker', methods=['POST'])
@@ -368,26 +628,41 @@ def add_marker():
     name = data['name']
     description = data['description']
     telegram_link = data['telegram_link']
+    logo_link = data['logo_link'] if data['logo_link'] else 'https://simpleicon.com/wp-content/uploads/map-marker-1.png'
     latitude, longitude = data['position']
+    delete_password = data['delete_password']
 
-    marker_id = add_marker_to_db(name, description, telegram_link, latitude, longitude)
+    marker_id = add_marker_to_db(name, description, telegram_link, logo_link, latitude, longitude, delete_password)
+    
     return jsonify({
         'id': marker_id,
         'name': name,
         'description': description,
         'telegram_link': telegram_link,
+        'logo_link': logo_link,
         'latitude': latitude,
-        'longitude': longitude
+        'longitude': longitude,
+        'delete_password': delete_password,
+        'premium': 0,
+        'premium_start_date': None
     })
 
 # Маршрут для удаления метки
 @app.route('/remove_marker', methods=['POST'])
-def remove_marker():
+def remove_marker_route():
     data = request.json
     marker_id = data['id']
     remove_marker_from_db(marker_id)
     return jsonify({'success': True})
 
+# Маршрут для активации премиум-статуса
+@app.route('/activate_premium', methods=['POST'])
+def activate_premium_route():
+    data = request.json
+    marker_id = data['id']
+    activate_premium(marker_id)
+    return jsonify({'success': True})
+
 if __name__ == '__main__':
     init_db()
-    app.run(debug=True, host='0.0.0.0', port=7860)  # Запуск приложения на всех интерфейсах и порту 7860
+    app.run(debug=True, host='0.0.0.0', port=7860)