<?php
/**
 * Доска объявлений (PHP 7+, без SQL, один файл)
 * Хранение: ads.json
 */

// === КОНФИГУРАЦИЯ ===
$ADS_FILE = __DIR__ . '/ads.json';
$UPLOADS_DIR = __DIR__ . '/uploads/';
$MODER_KEY = 'mysecretkey123'; // Измените на свой ключ!
$MAX_AGE_DAYS = 365;
$SITE_URL = 'https://revda.net'; // URL сайта для Telegram

$CATEGORIES = [
    // Недвижимость
    'realty-sale' => 'Продажа недвижимости',
    'realty-rent' => 'Аренда недвижимости',
    'land' => 'Земельные участки',
    'commercial' => 'Коммерческая недвижимость',
    
    // Транспорт
    'cars' => 'Автомобили',
    'motorcycles' => 'Мотоциклы и мототехника',
    'parts' => 'Запчасти и аксессуары',
    'commercial-transport' => 'Коммерческий транспорт',
    
    // Работа
    'job-vacancy' => 'Вакансии',
    'job-resume' => 'Резюме',
    
    // Услуги
    'services-repair' => 'Ремонт и строительство',
    'services-beauty' => 'Красота и здоровье',
    'services-education' => 'Обучение и курсы',
    'services-transport' => 'Грузоперевозки и транспорт',
    'services-home' => 'Бытовые услуги',
    'services-it' => 'IT и веб-услуги',
    'services-other' => 'Прочие услуги',
    
    // Личные вещи
    'clothing' => 'Одежда и обувь',
    'electronics' => 'Электроника и техника',
    'home-garden' => 'Для дома и дачи',
    'hobbies' => 'Хобби и отдых',
    'kids' => 'Детские товары',
    
    // Бизнес
    'business-equipment' => 'Оборудование для бизнеса',
    'business-ready' => 'Готовый бизнес',
    
    // Животные
    'pets' => 'Животные',
    
    // Прочее
    'other' => 'Прочее',
];

// === ФУНКЦИИ ===
function loadAds($file) {
    if (!file_exists($file)) return [];
    $data = file_get_contents($file);
    return json_decode($data, true) ?: [];
}

function saveAds($file, array $ads) {
    file_put_contents($file, json_encode($ads, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
}

function cleanupOldAds($file, $days) {
    $ads = loadAds($file);
    $cutoff = time() - ($days * 24 * 60 * 60);
    
    // Находим удаляемые объявления с изображениями
    foreach ($ads as $ad) {
        if ($ad['created'] <= $cutoff && !empty($ad['image']) && file_exists($ad['image'])) {
            unlink($ad['image']); // Удаляем файл
        }
    }
    
    $filtered = array_filter($ads, fn($ad) => $ad['created'] > $cutoff);
    if (count($filtered) !== count($ads)) {
        saveAds($file, array_values($filtered));
    }
}

function generateId() {
    return time() . rand(1000, 9999);
}

function sendTelegramMessage($message) {
    $token = '5860889160:AAFPQY3k7e6pLVNeFnPHtHvDVKfsvfORg0M'; 
    $chatId = '122937863';
    $url = 'https://api.telegram.org/bot' . $token . '/sendMessage';
    $data = array(
      'chat_id' => $chatId,
      'text' => $message,
      'parse_mode' => 'HTML'
    );
    $options = array(
      'http' => array(
        'method' => 'POST',
        'header' => "Content-Type:application/x-www-form-urlencoded",
        'content' => http_build_query($data)
      )
    );
    $context = stream_context_create($options);
    $result = file_get_contents($url, false, $context);
    return $result;
}

// === ИНИЦИАЛИЗАЦИЯ ===
if (!file_exists($ADS_FILE)) {
    saveAds($ADS_FILE, []);
}
if (!is_dir($UPLOADS_DIR)) {
    mkdir($UPLOADS_DIR, 0755, true);
}

// === МАРШРУТИЗАЦИЯ ===
$action = $_GET['action'] ?? '';
$viewAd = $_GET['ad'] ?? ''; // Просмотр отдельного объявления
$moder = isset($_GET['moder']) && $_GET['moder'] === $MODER_KEY;

// Очистка старых объявлений
cleanupOldAds($ADS_FILE, $MAX_AGE_DAYS);

// Обработка действий
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $action === 'add') {
    $title = trim($_POST['title'] ?? '');
    $text = trim($_POST['text'] ?? '');
    $phone = trim($_POST['phone'] ?? '');
    $category = $_POST['category'] ?? '';
    
    $errors = [];
    if ($title === '') $errors[] = 'Введите заголовок';
    if ($text === '') $errors[] = 'Введите текст объявления';
    if ($phone === '') $errors[] = 'Введите телефон';
    if ($category === '' || !isset($CATEGORIES[$category])) $errors[] = 'Выберите категорию';
    if (mb_strlen($title) > 500) $errors[] = 'Заголовок не более 500 знаков';
    if (mb_strlen($text) > 2000) $errors[] = 'Текст не более 2000 знаков';
    
    $imagePath = '';
    
    // Обработка base64 изображения из JavaScript
    if (!empty($_POST['image_data']) && !empty($_POST['image_ext'])) {
        $imageData = $_POST['image_data'];
        $imageExt = $_POST['image_ext'];
        
        // Удаляем префикс data:image/jpeg;base64,
        $base64 = preg_replace('#^data:image/\w+;base64,#i', '', $imageData);
        $decoded = base64_decode($base64);
        
        if ($decoded) {
            $imageName = generateId() . '.' . $imageExt;
            $imagePath = 'uploads/' . $imageName;
            if (!file_put_contents($imagePath, $decoded)) {
                $errors[] = 'Ошибка сохранения изображения';
                $imagePath = '';
            }
        }
    }
    
    // Старый способ через $_FILES (резервный)
    if (empty($imagePath) && isset($_FILES['image']) && $_FILES['image']['error'] === UPLOAD_ERR_OK) {
        $allowed = ['image/jpeg', 'image/png', 'image/gif'];
        if (!in_array($_FILES['image']['type'], $allowed)) {
            $errors[] = 'Неверный формат изображения (jpg, png, gif)';
        } else {
            $ext = pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION);
            $imageName = generateId() . '.' . $ext;
            $imagePath = 'uploads/' . $imageName;
            if (!move_uploaded_file($_FILES['image']['tmp_name'], $imagePath)) {
                $errors[] = 'Ошибка загрузки файла';
                $imagePath = '';
            }
        }
    }
    
    if (empty($errors)) {
        $ads = loadAds($ADS_FILE);
        $adId = generateId();
        $ads[] = [
            'id' => $adId,
            'title' => $title,
            'text' => $text,
            'phone' => $phone,
            'category' => $category,
            'image' => $imagePath,
            'created' => time(),
            'approved' => 0
        ];
        saveAds($ADS_FILE, $ads);
        cleanupOldAds($ADS_FILE, $MAX_AGE_DAYS);
        
        // Отправляем уведомление в Telegram
        $categoryName = $CATEGORIES[$category] ?? $category;
        $tgMessage = "📢 <b>Новое объявление</b>\n\n";
        $tgMessage .= "<b>Категория:</b> {$categoryName}\n";
        $tgMessage .= "<b>Заголовок:</b> {$title}\n";
        $tgMessage .= "<b>Телефон:</b> {$phone}\n\n";
        $tgMessage .= "<b>Текст:</b>\n{$text}\n\n";
        $tgMessage .= "Требуется модерация: {$SITE_URL}/index.php?moder={$MODER_KEY}";
        sendTelegramMessage($tgMessage);
        
        header('Location: index.php?success=1');
        exit;
    }
}

if ($action === 'approve' && $moder && isset($_GET['id'])) {
    $ads = loadAds($ADS_FILE);
    foreach ($ads as &$ad) {
        if ($ad['id'] === $_GET['id']) {
            $ad['approved'] = 1;
            break;
        }
    }
    saveAds($ADS_FILE, $ads);
    header('Location: index.php?moder=' . $MODER_KEY);
    exit;
}

if ($action === 'delete' && $moder && isset($_GET['id'])) {
    $ads = loadAds($ADS_FILE);
    
    // Удаляем файл изображения перед удалением объявления
    foreach ($ads as $ad) {
        if ($ad['id'] === $_GET['id'] && !empty($ad['image']) && file_exists($ad['image'])) {
            unlink($ad['image']);
            break;
        }
    }
    
    $ads = array_filter($ads, fn($ad) => $ad['id'] !== $_GET['id']);
    saveAds($ADS_FILE, array_values($ads));
    header('Location: index.php?moder=' . $MODER_KEY);
    exit;
}

// === ОТОБРАЖЕНИЕ ===
$currentCat = $_GET['cat'] ?? '';
$ads = loadAds($ADS_FILE);
$displayAds = array_filter($ads, fn($ad) => $moder || $ad['approved']);

if ($currentCat !== '' && isset($CATEGORIES[$currentCat])) {
    $displayAds = array_filter($displayAds, fn($ad) => $ad['category'] === $currentCat);
}

usort($displayAds, fn($a, $b) => $b['created'] - $a['created']);
?>
<!DOCTYPE html>
<html lang="ru">
<head>
<!-- e85f5589ece7afb8 -->
<meta name="yandex-verification" content="b521b9e07c0dbbd7" />
<style>
.wrapper{ background-color: #FDF5DA !important;}
body > div.wrapper > aside:nth-child(4){ background-color: #FDF5DA !important;}
</style>

<meta name="google-site-verification" content="MepaPjsFenAt7YUdTtTXLGyXcfje1VMdqBGjedhuEGo" />


<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');

    ym(5325694, 'init', {clickmap:true, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img onerror="this.style.display='none';" src="https://mc.yandex.ru/watch/5325694" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->


    <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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #f5f7fa; color: #1a1a2e; line-height: 1.6; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        /* Header */
        header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px 0; box-shadow: 0 2px 20px rgba(0,0,0,0.1); }
        header h1 { color: white; font-size: 28px; font-weight: 700; margin-bottom: 15px; }
        .header-actions { display: flex; gap: 10px; flex-wrap: wrap; }
        
        /* Buttons */
        .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; background: white; color: #667eea; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 14px; transition: all 0.2s; border: none; cursor: pointer; }
        .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
        .btn-primary { background: #667eea; color: white; }
        .btn-primary:hover { background: #5a6fd6; }
        .btn-success { background: #10b981; color: white; }
        .btn-success:hover { background: #059669; }
        .btn-danger { background: #ef4444; color: white; }
        .btn-danger:hover { background: #dc2626; }
        .btn-secondary { background: #6b7280; color: white; }
        .btn-secondary:hover { background: #4b5563; }
        .btn-sm { padding: 6px 12px; font-size: 13px; }
        
        /* Categories Nav */
        .categories { background: white; padding: 15px 0; border-bottom: 1px solid #e5e7eb; overflow-x: auto; }
        .categories-inner { display: flex; gap: 8px; flex-wrap: wrap; }
        .cat-btn { padding: 8px 16px; background: #f3f4f6; color: #4b5563; text-decoration: none; border-radius: 20px; font-size: 13px; font-weight: 500; white-space: nowrap; transition: all 0.2s; }
        .cat-btn:hover { background: #e5e7eb; }
        .cat-btn.active { background: #667eea; color: white; }
        
        /* Main Content */
        main { padding: 30px 0; min-height: calc(100vh - 300px); }
        
        /* Ads Grid */
        .ads-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
        .ad-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s; border: 1px solid #e5e7eb; }
        .ad-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }
        .ad-card.pending { border-left: 4px solid #f59e0b; }
        
        .ad-image { width: 100%; height: 200px; object-fit: cover; background: #f3f4f6; }
        .ad-image-placeholder { width: 100%; height: 200px; background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%); display: flex; align-items: center; justify-content: center; color: #9ca3af; font-size: 48px; }
        
        .ad-content { padding: 20px; }
        .ad-category { display: inline-block; padding: 4px 10px; background: #eff6ff; color: #3b82f6; border-radius: 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
        .ad-title { font-size: 18px; font-weight: 600; color: #1a1a2e; margin-bottom: 8px; line-height: 1.4; }
        .ad-text { color: #6b7280; font-size: 14px; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
        .ad-meta { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px solid #e5e7eb; }
        .ad-date { color: #9ca3af; font-size: 12px; }
        .ad-phone { color: #667eea; font-weight: 600; font-size: 14px; }
        
        .ad-actions { display: flex; gap: 8px; padding: 15px 20px; background: #f9fafb; border-top: 1px solid #e5e7eb; }
        
        /* Empty State */
        .empty-state { text-align: center; padding: 80px 20px; color: #6b7280; }
        .empty-state-icon { font-size: 64px; margin-bottom: 20px; }
        .empty-state h3 { font-size: 20px; margin-bottom: 10px; color: #1a1a2e; }
        
        /* Form */
        .form-container { max-width: 600px; margin: 0 auto; }
        .form-card { background: white; padding: 40px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
        .form-title { font-size: 24px; font-weight: 700; margin-bottom: 25px; color: #1a1a2e; }
        .form-group { margin-bottom: 20px; }
        .form-group label { display: block; font-weight: 600; margin-bottom: 8px; color: #374151; font-size: 14px; }
        .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 16px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 15px; font-family: inherit; transition: all 0.2s; }
        .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); }
        .form-group textarea { resize: vertical; min-height: 120px; }
        .form-hint { font-size: 12px; color: #9ca3af; margin-top: 6px; }
        
        /* Alerts */
        .alert { padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; }
        .alert-error { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }
        .alert-error li { list-style: none; }
        
        /* Footer */
        footer { background: #1a1a2e; color: #9ca3af; padding: 30px 0; text-align: center; font-size: 14px; }
        
        /* Responsive */
        @media (max-width: 768px) {
            .ads-grid { grid-template-columns: 1fr; }
            .form-card { padding: 25px; }
            header h1 { font-size: 22px; }
            
            /* На мобильных скрываем категории сверху */
            .categories { display: none; }
            
            /* Показываем категории под контентом */
            .categories-mobile { display: block; }
        }
        
        /* Скрываем мобильные категории на десктопе */
        .categories-mobile { display: none; }
        
        /* Container2 - список статей */
        .container2 { background: white; border-radius: 16px; padding: 30px; margin: 30px auto; max-width: 900px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
        .container2 h2 { font-size: 24px; font-weight: 700; color: #1a1a2e; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #e5e7eb; }
        .container2 h3 { font-size: 18px; font-weight: 600; color: #374151; margin: 25px 0 15px; }
        .container2 p { color: #4b5563; line-height: 1.8; margin-bottom: 15px; }
        .container2 ul { color: #4b5563; line-height: 1.8; padding-left: 25px; margin-bottom: 15px; }
        .container2 li { margin-bottom: 8px; }
        .container2 a { color: #667eea; text-decoration: none; font-weight: 500; }
        .container2 a:hover { text-decoration: underline; }
        .container2 img { max-width: 100%; height: auto; border-radius: 8px; margin: 15px 0; }
        .container2 code { background: #f3f4f6; padding: 2px 8px; border-radius: 4px; font-family: 'Consolas', monospace; font-size: 14px; color: #dc2626; }
        .container2 pre { background: #1a1a2e; color: #f3f4f6; padding: 20px; border-radius: 8px; overflow-x: auto; margin: 15px 0; }
        .container2 pre code { background: none; color: inherit; padding: 0; }
        .container2 blockquote { border-left: 4px solid #667eea; padding-left: 20px; color: #6b7280; font-style: italic; margin: 20px 0; }
        .container2 table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        .container2 th, .container2 td { padding: 12px; border: 1px solid #e5e7eb; text-align: left; }
        .container2 th { background: #f9fafb; font-weight: 600; }
        
        /* Links Pad Journey - динамический блок */
        #linksPadJourney, #linksPadJorney { background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%); border-radius: 16px; padding: 30px; margin: 30px auto; max-width: 900px; border: 1px solid #e5e7eb; }
        #linksPadJourney h2, #linksPadJorney h2 { font-size: 24px; font-weight: 700; color: #1a1a2e; margin-bottom: 20px; }
        #linksPadJourney h3, #linksPadJorney h3 { font-size: 18px; font-weight: 600; color: #374151; margin: 25px 0 15px; }
        #linksPadJourney p, #linksPadJorney p { color: #4b5563; line-height: 1.8; margin-bottom: 15px; }
        #linksPadJourney ul, #linksPadJorney ul { list-style: none; padding: 0; margin: 20px 0; }
        #linksPadJourney li, #linksPadJorney li { margin-bottom: 12px; }
        #linksPadJourney a, #linksPadJorney a { display: inline-flex; align-items: center; gap: 8px; color: #667eea; text-decoration: none; font-weight: 500; padding: 10px 15px; background: white; border-radius: 8px; border: 1px solid #e5e7eb; transition: all 0.2s; }
        #linksPadJourney a:hover, #linksPadJorney a:hover { transform: translateX(5px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2); border-color: #667eea; }
        #linksPadJourney img, #linksPadJorney img { max-width: 100%; height: auto; border-radius: 8px; margin: 15px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    </style>
</head>
<body>

<?php if ($action === 'add'): ?>
    <!-- Форма добавления -->
    <div class="container form-container">
        <a href="index.php" class="btn btn-secondary" style="margin-bottom: 20px; display: inline-flex;">← Назад к объявлениям</a>
        
        <div class="form-card">
            <h2 class="form-title">Подать объявление</h2>
            
            <?php if (!empty($errors)): ?>
                <div class="alert alert-error">
                    <ul style="margin: 0; padding-left: 20px;">
                        <?php foreach ($errors as $e): ?>
                            <li><?= htmlspecialchars($e) ?></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
            <?php endif; ?>
            
            <form method="POST" enctype="multipart/form-data">
                <div class="form-group">
                    <label for="category">Категория *</label>
                    <select id="category" name="category" required>
                        <option value="">-- Выберите категорию --</option>
                        <?php foreach ($CATEGORIES as $key => $name): ?>
                            <option value="<?= $key ?>" <?= (($_POST['category'] ?? '') === $key) ? 'selected' : '' ?>><?= $name ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="title">Заголовок * <span id="title-count" style="color: #9ca3af; font-weight: normal; font-size: 13px;">0/500</span></label>
                    <input type="text" id="title" name="title" value="<?= htmlspecialchars($_POST['title'] ?? '') ?>" required placeholder="Например: Продам гараж в центре" maxlength="500">
                </div>
                
                <div class="form-group">
                    <label for="text">Текст объявления * <span id="text-count" style="color: #9ca3af; font-weight: normal; font-size: 13px;">0/2000</span></label>
                    <textarea id="text" name="text" required placeholder="Опишите ваше предложение подробно..." maxlength="2000"><?= htmlspecialchars($_POST['text'] ?? '') ?></textarea>
                </div>
                
                <div class="form-group">
                    <label for="phone">Телефон *</label>
                    <input type="tel" id="phone" name="phone" value="<?= htmlspecialchars($_POST['phone'] ?? '') ?>" required placeholder="+7 (___) ___-__-__" data-mask>
                </div>
                
                <div class="form-group">
                    <label for="image">Изображение</label>
                    <input type="file" id="image" name="image" accept="image/*">
                    <p class="form-hint">Форматы: JPG, PNG, GIF. Макс. размер: 800×800 px</sape_index></p>
                    <p class="form-hint" style="color: #667eea;">💡 Можно вставить изображение из буфера обмена (Ctrl+V)</sape_index></p>
                    <div id="image-preview" style="display: none; margin-top: 10px;">
                        <img onerror="this.style.display='none';" id="preview-img" src="" alt="Preview" style="max-width: 200px; max-height: 200px; border-radius: 8px; border: 1px solid #e5e7eb;">
                        <p style="color: #10b981; font-size: 13px; margin-top: 5px;">✓ Изображение готово к загрузке</sape_index></p>
                    </div>
                    <input type="hidden" name="image_data" id="image_data">
                    <input type="hidden" name="image_ext" id="image_ext">
                </div>
                
                <button type="submit" class="btn btn-primary" style="width: 100%; justify-content: center; padding: 14px;">Отправить на модерацию</button>
            </form>
            
            <p style="color: #9ca3af; font-size: 13px; margin-top: 20px; text-align: center;">
                🔒 Объявление появится после проверки модератором
            </sape_index></p>
        </div>
    </div>

<?php else: ?>
    <!-- Список объявлений -->
    
    <?php if (isset($_GET['success'])): ?>
        <div class="alert-success" style="position: fixed; top: 20px; right: 20px; z-index: 1000; animation: slideIn 0.3s ease;">
            <div style="background: #10b981; color: white; padding: 20px 25px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); display: flex; align-items: center; gap: 12px;">
                <span style="font-size: 24px;">✓</span>
                <div>
                    <strong style="display: block; margin-bottom: 3px;">Объявление отправлено!</strong>
                    <span style="font-size: 13px; opacity: 0.9;">После проверки модератором оно появится на сайте</span>
                </div>
            </div>
        </div>
        <style>@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }</style>
        <script>
            setTimeout(() => {
                const el = document.querySelector('.alert-success');
                if (el) {
                    el.style.transition = 'all 0.3s';
                    el.style.transform = 'translateX(100%)';
                    el.style.opacity = '0';
                    setTimeout(() => el.remove(), 300);
                }
            }, 5000);
            // Удаляем параметр из URL
            if (window.history.replaceState) {
                window.history.replaceState({}, document.title, window.location.pathname);
            }
        </script>
    <?php endif; ?>
    
    <header>
        <div class="container">
            <h1>📋 Доска объявлений по городу Ревда</h1>
            <div class="header-actions">
                <a href="index.php?action=add" class="btn btn-primary">+ Подать объявление</a>
            </div>
        </div>
    </header>

    <div class="categories">
        <div class="container">
            <div class="categories-inner">
                <?php
                // Считаем количество объявлений по категориям
                $allAds = loadAds($ADS_FILE);
                $approvedAds = array_filter($allAds, fn($ad) => $ad['approved']);
                $catCounts = [];
                foreach ($approvedAds as $ad) {
                    $cat = $ad['category'] ?? 'other';
                    $catCounts[$cat] = ($catCounts[$cat] ?? 0) + 1;
                }
                $totalCount = count($approvedAds);
                ?>
                <a href="index.php" class="cat-btn <?= $currentCat === '' ? 'active' : '' ?>">
                    Все <span style="color: #10b981;"><?= $totalCount ?></span>
                </a>
                <?php foreach ($CATEGORIES as $key => $name): ?>
                    <a href="index.php?cat=<?= $key ?>" class="cat-btn <?= $currentCat === $key ? 'active' : '' ?>">
                        <?= $name ?> <span style="color: #10b981;"><?= $catCounts[$key] ?? 0 ?></span>
                    </a>
                <?php endforeach; ?>
            </div>
        </div>
    </div>

    <main>
        <div class="container">
            
            <?php if ($viewAd): ?>
                <!-- Просмотр отдельного объявления -->
                <?php
                $singleAd = null;
                foreach ($ads as $a) {
                    if ($a['id'] === $viewAd && ($a['approved'] || $moder)) {
                        $singleAd = $a;
                        break;
                    }
                }
                ?>
                
                <?php if ($singleAd): ?>
                    <a href="index.php" class="btn btn-secondary" style="margin-bottom: 20px; display: inline-flex;">← Назад к списку</a>
                    
                    <div class="ad-card" style="max-width: 700px; margin: 0 auto;">
                        <?php if ($singleAd['image'] && file_exists($singleAd['image'])): ?>
                            <img onerror="this.style.display='none';" src="<?= htmlspecialchars($singleAd['image']) ?>" alt="" class="ad-image" style="height: 400px;">
                        <?php else: ?>
                            <div class="ad-image-placeholder" style="height: 400px; font-size: 72px;">📷</div>
                        <?php endif; ?>
                        
                        <div class="ad-content">
                            <span class="ad-category"><?= htmlspecialchars($CATEGORIES[$singleAd['category']] ?? '?') ?></span>
                            <h2 class="ad-title" style="font-size: 24px;"><?= htmlspecialchars($singleAd['title']) ?></h2>
                            <p class="ad-date" style="margin-bottom: 20px;"><?= date('d.m.Y H:i', $singleAd['created']) ?></sape_index></p>
                            
                            <div style="color: #374151; line-height: 1.8; margin-bottom: 20px; white-space: pre-wrap;"><?= htmlspecialchars($singleAd['text']) ?></div>
                            
                            <div style="padding: 15px; background: #eff6ff; border-radius: 8px; margin-bottom: 20px;">
                                <strong style="color: #667eea;">📞 Телефон:</strong>
                                <span style="color: #1a1a2e; font-size: 18px; font-weight: 600; margin-left: 10px;"><?= htmlspecialchars($singleAd['phone']) ?></span>
                            </div>
                            
                            <div style="display: flex; gap: 10px; flex-wrap: wrap;">
                                <a href="tel:<?= preg_replace('/[^\d+]/', '', $singleAd['phone']) ?>" class="btn btn-primary">📞 Позвонить</a>
                                <button class="btn btn-secondary" onclick="navigator.clipboard.writeText(window.location.href); alert('Ссылка скопирована!')">🔗 Копировать ссылку</button>
                            </div>
                        </div>
                        
                        <?php if ($moder): ?>
                            <div class="ad-actions">
                                <?php if (!$singleAd['approved']): ?>
                                    <a href="?action=approve&id=<?= $singleAd['id'] ?>&moder=<?= $MODER_KEY ?>" class="btn btn-success btn-sm">✓ Одобрить</a>
                                <?php endif; ?>
                                <a href="?action=delete&id=<?= $singleAd['id'] ?>&moder=<?= $MODER_KEY ?>" class="btn btn-danger btn-sm" onclick="return confirm('Удалить объявление?')">✕ Удалить</a>
                            </div>
                        <?php endif; ?>
                    </div>
                <?php else: ?>
                    <div class="empty-state">
                        <div class="empty-state-icon">❌</div>
                        <h3>Объявление не найдено</h3>
<br>


<div id="linksPadJorney"> <script>
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script>     <script async="async" src="https://w.uptolike.com/widgets/v1/zp.js?pid=lfe4d9e64e4342a9e0e1a5ea13c6599b3049d26093" type="text/javascript"></script> <div class="mads-block"></div>      <img onerror="this.style.display='none';" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=" height="0" width="0" alt="3d1ea765" />
 <script>
    // Автоматически добавляет "Взято с [сайт]" при копировании текста
    document.addEventListener('copy', e => {
        const s = window.getSelection();
        s.toString() && (e.clipboardData.setData('text/plain', s + '\n\nВзято с ' + location.origin), e.preventDefault());
    });
</script>


<!-- плашка -->
<script>
(function() {
    // Создаём плашку программно, а не вставляем HTML-блоком
    var notice = document.createElement('div');
    notice.id = 'cookie-notice';
    notice.innerHTML = '🍪 Сайт использует Яндекс.Метрику и cookie для сбора статистики. Продолжая, вы соглашаетесь на обработку IP и данных о поведении. <a rel="nofollow" href="https://yandex.ru/legal/metrica_termsofuse/" target="_blank" style="color:#ffcc00!important">Подробнее</a> <span id="close-cookie-notice" style="display:inline-block!important;background:#ffcc00!important;color:#333!important;padding:4px 16px!important;margin-left:12px!important;cursor:pointer!important;border-radius:4px!important;font-weight:bold!important">ОК</span>';
    
    // Жёсткие стили, которые перебивают всё
    notice.style.cssText = [
        'position: fixed !important',
        'bottom: 0 !important',
        'left: 0 !important',
        'right: 0 !important',
        'width: 100% !important',
        'background: #333 !important',
        'color: #fff !important',
        'text-align: center !important',
        'padding: 12px !important',
        'font: 13px Arial, sans-serif !important',
        'z-index: 2147483647 !important',
        'box-shadow: 0 -2px 8px rgba(0,0,0,0.2) !important',
        'margin: 0 !important',
        'border: none !important',
        'box-sizing: border-box !important'
    ].join(';');
    
    // Функции для cookie
    function setCookie(name, val, days) {
        var d = new Date();
        d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
        document.cookie = name + '=' + val + '; expires=' + d.toUTCString() + '; path=/';
    }
    
    function getCookie(name) {
        var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
        return v ? v[2] : null;
    }
    
    // Показываем или скрываем
    if (getCookie('cookie_accepted') !== '1') {
        notice.style.display = 'block';
    } else {
        notice.style.display = 'none';
    }
    
    // Обработчик кнопки
    var closeHandler = function() {
        setCookie('cookie_accepted', '1', 30);
        notice.style.display = 'none';
    };
    
    // Вешаем обработчик после добавления в DOM
    setTimeout(function() {
        var btn = document.getElementById('close-cookie-notice');
        if (btn) btn.onclick = closeHandler;
    }, 0);
    
    // Добавляем в body (самый надёжный способ)
    document.body.appendChild(notice);
})();
</script></div><br>


                        <p>Возможно, оно было удалено или ещё не одобрено</p>
                        <a href="index.php" class="btn btn-primary" style="margin-top: 20px;">К списку объявлений</a>
                    </div>
                <?php endif; ?>
                
            <?php elseif (empty($displayAds)): ?>
                <div class="empty-state">
                    <div class="empty-state-icon">📭</div>
                    <h3>Объявлений пока нет</h3>
                    <p>Будьте первым — подайте объявление!</p>
                </div>
            <?php else: ?>
                <div class="ads-grid">
                    <?php foreach ($displayAds as $ad): ?>
                        <div class="ad-card <?= $ad['approved'] ? '' : 'pending' ?>">
                            <?php if ($ad['image'] && file_exists($ad['image'])): ?>
                                <img onerror="this.style.display='none';" src="<?= htmlspecialchars($ad['image']) ?>" alt="" class="ad-image">
                            <?php else: ?>
                                <div class="ad-image-placeholder">📷</div>
                            <?php endif; ?>
                            
                            <div class="ad-content">
                                <span class="ad-category"><?= htmlspecialchars($CATEGORIES[$ad['category']] ?? '?') ?></span>
                                <h3 class="ad-title"><?= htmlspecialchars($ad['title']) ?></h3>
                                <p class="ad-text"><?= htmlspecialchars($ad['text']) ?></sape_index></p>
                                
                                <div class="ad-meta">
                                    <span class="ad-date"><?= date('d.m.Y', $ad['created']) ?></span>
                                    <span class="ad-phone">📞 <?= htmlspecialchars($ad['phone']) ?></span>
                                </div>
                                
                                <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e7eb;">
                                    <a href="index.php?ad=<?= $ad['id'] ?>" style="display: inline-flex; align-items: center; gap: 5px; color: #3b82f6; text-decoration: none; font-size: 13px; font-weight: 500;">
                                        🔗 Ссылка
                                    </a>
                                </div>
                            </div>
                            
                            <?php if ($moder): ?>
                                <div class="ad-actions">
                                    <?php if (!$ad['approved']): ?>
                                        <a href="?action=approve&id=<?= $ad['id'] ?>&moder=<?= $MODER_KEY ?>" class="btn btn-success btn-sm">✓ Одобрить</a>
                                    <?php endif; ?>
                                    <a href="?action=delete&id=<?= $ad['id'] ?>&moder=<?= $MODER_KEY ?>" class="btn btn-danger btn-sm" onclick="return confirm('Удалить объявление?')">✕ Удалить</a>
                                </div>
                            <?php endif; ?>
                        </div>
                    <?php endforeach; ?>
                </div>
            <?php endif; ?>
        </div>
    </main>

    <!-- Категории для мобильных (под объявлениями) -->
    <div class="container" style="padding: 0 20px 30px;">
        <div class="categories categories-mobile" style="background: none; border: none; padding: 0;">
            <div class="categories-inner">
                <a href="index.php" class="cat-btn <?= $currentCat === '' ? 'active' : '' ?>">
                    Все <span style="color: #10b981;"><?= $totalCount ?></span>
                </a>
                <?php foreach ($CATEGORIES as $key => $name): ?>
                    <a href="index.php?cat=<?= $key ?>" class="cat-btn <?= $currentCat === $key ? 'active' : '' ?>">
                        <?= $name ?> <span style="color: #10b981;"><?= $catCounts[$key] ?? 0 ?></span>
                    </a>
                <?php endforeach; ?>
            </div>
        </div>
    </div>

    <footer>
        <div class="container">
            <p>© <?= date('Y') ?> Доска объявлений. Все права защищены.</p>
        </div>
    </footer>
    <div class="container2">
        
	<br><br>
	<h3>Свежие материалы</h3>
	<div style="font-size: 14px;">
	<ul><!-- menu -->
<a href="azino777-mnogofunkcionalnaya-igrovaya-platforma-novogo-pokoleniya.html">Azino777: Многофункциональная игровая платформа нового поколения</a><br>
<a href="camzamzam-foto-v-realnom-vremeni-s-vebkamery.html">CamZamZam - фото в реальном времени с вебкамеры</a><br>
<a href="chat-ruletka-2026-polzovatelskiy-opyt.html">Чат рулетка 2026: пользовательский опыт</a><br>
<a href="fontan-ne-basseyn-chem-mojno-zarazitsya-esli-iskupatsya-v-gorodskom-fontane.html">Фонтан — не бассейн: чем можно заразиться, если искупаться в городском фонтане</a><br>
<a href="hosting-dlya-internet-magazina-vybor-kriteriev.html">Хостинг для интернет-магазина: выбор критериев</a><br>
<a href="kak-nachat-zarabatyvat-1000-v-nedelyu-cherez-telegram-klikery.html">Как начать зарабатывать $1000 в неделю через Telegram-кликеры</a><br>
<a href="kak-pisat-posty-v-wordpress-bloge.html">Как писать посты в WordPress блоге</a><br>
<a href="kak-podgotovit-komnatu-dlya-massaja_6a58579a11b20.html">Как подготовить комнату для массажа</a><br>
<a href="kak-podgotovitsya-k-seansu-lechebnogo-massaja_6a5d9d043af92.html">Как подготовиться к сеансу лечебного массажа</a><br>
<a href="kak-pravilno-massirovat-sheyu-shagi-i-rekomendacii_6a643545afdc2.html">Как правильно массировать шею: шаги и рекомендации</a><br>
<a href="kak-vybrat-pravilnyy-massajnyy-divan_6a697a89c7b2c.html">Как выбрать правильный массажный диван</a><br>
<a href="lor-bolezni-kogda-nujno-obratitsya-k-vrachu.html">ЛОР болезни: когда нужно обратиться к врачу</a><br>
<a href="luchshie-instrumenty-dlya-lechebnogo-massaja-v-revde_6a6ec210b778b.html">Лучшие инструменты для лечебного массажа в Ревде</a><br>
<a href="onlayn-servis-dekodirovaniya-qr.html">Онлайн сервис декодирования QR</a><br>
<a href="osnovy-lechebnogo-massaja-v-revde-sverdlovskaya-oblast_6a531eeb003b1.html">Основы лечебного массажа в Ревде, Свердловская область</a><br>
<a href="osobennosti-massaja-dlya-detey-v-revde_6a75574d4924f.html">Особенности массажа для детей в Ревде</a><br>
<a href="populyarnye-igry-cartoon-network-dlya-vzroslyh.html">Популярные игры Cartoon Network для взрослых</a><br>
<a href="pravila-massajnoy-komnaty-chto-vam-nujno-znat_6a7a9d7c68486.html">Правила массажной комнаты: что вам нужно знать</a><br>
<a href="prostye-v-ispolzovanii-videoregistratory.html">Простые в использовании видеорегистраторы</a><br>
<a href="registraciya-ip-v-moskve-s-podachey-zayavleniya-v-mfc.html">Регистрация ИП в Москве с подачей заявления в МФЦ</a><br>
<a href="specialist-po-vyyavleniyu-domennyh-cennostey.html">Специалист по выявлению доменных ценностей</a><br>
<a href="sumki-s-effektom.html">Сумки с эффектом</a><br>
<a href="tolko-ushi-bez-teksta-5-minut-v-den.html">Только уши, без текста: 5 минут в день</a><br>
<a href="videochat-ruletka-russkiy.html">Видеочат рулетка русский</a><br>
<a href="vitrina-kukol-lol-s-personajami.html">Витрина кукол LOL с персонажами</a><br>
<div id='gglkamenu'><li><a href="http://revda.net/luchshie-uzbekskie-filmy.html">Лучшие узбекские фильмы</a></li>
<li><a href="http://revda.net/neojidannye-razgovory-po-video.html">Неожиданные разговоры по видео</a></li>
<li><a href="http://revda.net/betonomeshalki-i-ustanovki-dlya-dorojnyh-rabot.html">Бетономешалки и установки для дорожных работ</a></li>
<li><a href="http://revda.net/kassovye-ustroystva-s-podderjkoy-1c.html">Кассовые устройства с поддержкой 1C</a></li>
<li><a href="http://revda.net/messendjer.html">Мессенджер</a></li>
</ul>
	<br><br><a href="rescent_articles.html">Остальные материалы</a>
	</div>
	<br><br>

        <?php echo file_get_contents("index.html"); ?>
    </div>
<?php endif; ?>

<div style="position: fixed; top: 20px; right: 20px;">
<a rel="nofollow" href="https://jkeks.ru/ohrana/index.html"><img onerror="this.style.display='none';" src="data:image/png;base64,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"></a>
</div><style>
#relatedLinks{position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#f5f5f4,#e7e5e4);border-radius:12px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:240px;font-family:sans-serif;color:#444;}
#relatedLinks .close{position:absolute;top:6px;right:10px;cursor:pointer;font-size:16px;line-height:1;color:#999;transition:color .2s;}
#relatedLinks .close:hover{color:#333;}
#relatedLinks .ttl{font-weight:700;font-size:14px;margin-bottom:10px;}
#relatedLinks ul{list-style:none;margin:0;padding:0;}
#relatedLinks li{margin-bottom:6px;border-radius:8px;transition:all .3s ease;padding:5px 8px;font-size:14px;}
#relatedLinks li:hover{background:rgba(0,0,0,.05);transform:translateX(-4px);}
#relatedLinks a{color:#555;text-decoration:none;font-size:13px;line-height:1.4;display:inline;}
#relatedLinks a:hover{color:#222;text-decoration:underline;}
</style>
<div id="relatedLinks"><span class="close" onclick="this.parentElement.remove()">✕</span><div class="ttl">Похожие статьи</div><ul><li>📌 <a href="kak-podgotovitsya-k-seansu-lechebnogo-massaja_6a5d9d043af92.html">Как подготовиться к сеансу лечебного массажа</a></li><li>🔥 <a href="http://revda.net/novyy-dizayn-sayta-o-gorode-revda-sovremennyy-vzglyad-na-informaciyu_1.html">Новый Дизайн Сайта о Городе Ревда: Современный Взгляд на Информацию</a></li><li>💎 <a href="luchshie-instrumenty-dlya-lechebnogo-massaja-v-revde_6a6ec210b778b.html">Лучшие инструменты для лечебного массажа в Ревде</a></li></ul></div>
</body>
</html>
<script>
// Маска для телефона
document.addEventListener('DOMContentLoaded', function() {
    const phoneInput = document.querySelector('[data-mask]');
    if (!phoneInput) return;
    
    const formatPhone = (value) => {
        const digits = value.replace(/\D/g, '').slice(0, 11);
        if (!digits) return '';
        
        let formatted = '+7';
        if (digits.length > 1) {
            const area = digits.slice(1, 4);
            if (area) formatted += ' (' + area;
        }
        if (digits.length > 4) {
            const prefix = digits.slice(4, 7);
            if (prefix) formatted += ') ' + prefix;
        }
        if (digits.length > 7) {
            const line1 = digits.slice(7, 9);
            if (line1) formatted += '-' + line1;
        }
        if (digits.length > 9) {
            const line2 = digits.slice(9, 11);
            if (line2) formatted += '-' + line2;
        }
        return formatted;
    };
    
    phoneInput.addEventListener('input', (e) => {
        const cursorPos = e.target.selectionStart;
        const oldLength = e.target.value.length;
        e.target.value = formatPhone(e.target.value);
        const newLength = e.target.value.length;
        
        if (cursorPos === oldLength && ['0','1','2','3','4','5','6','7','8','9'].includes(e.data)) {
            e.target.setSelectionRange(cursorPos + (newLength - oldLength), cursorPos + (newLength - oldLength));
        }
    });
    
    phoneInput.addEventListener('keydown', (e) => {
        if (e.key === 'Backspace' || e.key === 'Delete' || e.key === 'Tab' || 
            e.key === 'ArrowLeft' || e.key === 'ArrowRight' || 
            (e.key >= '0' && e.key <= '9')) {
            return;
        }
        e.preventDefault();
    });
    
    phoneInput.addEventListener('blur', () => {
        const digits = phoneInput.value.replace(/\D/g, '');
        if (digits.length < 11) {
            phoneInput.value = '';
        }
    });
});

// Счётчики символов
document.addEventListener('DOMContentLoaded', function() {
    const titleInput = document.getElementById('title');
    const textInput = document.getElementById('text');
    const titleCount = document.getElementById('title-count');
    const textCount = document.getElementById('text-count');
    
    if (titleInput && titleCount) {
        titleCount.textContent = titleInput.value.length + '/500';
        titleInput.addEventListener('input', () => {
            const len = titleInput.value.length;
            titleCount.textContent = len + '/500';
            titleCount.style.color = len > 450 ? '#ef4444' : (len > 400 ? '#f59e0b' : '#9ca3af');
        });
    }
    
    if (textInput && textCount) {
        textCount.textContent = textInput.value.length + '/2000';
        textInput.addEventListener('input', () => {
            const len = textInput.value.length;
            textCount.textContent = len + '/2000';
            textCount.style.color = len > 1800 ? '#ef4444' : (len > 1600 ? '#f59e0b' : '#9ca3af');
        });
    }
});

// Обработка изображений (масштабирование до 800x800)
document.addEventListener('DOMContentLoaded', function() {
    const imageInput = document.getElementById('image');
    const imageDataInput = document.getElementById('image_data');
    const imageExtInput = document.getElementById('image_ext');
    
    if (!imageInput) return;
    
    const MAX_SIZE = 800;
    const JPEG_QUALITY = 0.85;
    
    // Обработка вставки из буфера
    document.addEventListener('paste', async (e) => {
        const items = e.clipboardData?.items;
        if (!items) return;
        
        for (let item of items) {
            if (item.type.startsWith('image/')) {
                e.preventDefault();
                const file = item.getAsFile();
                await processImage(file);
                break;
            }
        }
    });
    
    imageInput.addEventListener('change', async (e) => {
        const file = e.target.files[0];
        if (!file) return;
        await processImage(file);
    });
    
    async function processImage(file) {
        // Проверяем тип файла
        const validTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
        if (!validTypes.includes(file.type)) {
            alert('Неверный формат изображения. Допустимы: JPG, PNG, GIF, WebP');
            imageInput.value = '';
            return;
        }
        
        try {
            // Создаем Image объект
            const img = await loadImage(file);
            
            // Определяем новые размеры
            let width = img.width;
            let height = img.height;
            
            if (width > MAX_SIZE || height > MAX_SIZE) {
                if (width > height) {
                    height = Math.round(height * (MAX_SIZE / width));
                    width = MAX_SIZE;
                } else {
                    width = Math.round(width * (MAX_SIZE / height));
                    height = MAX_SIZE;
                }
            }
            
            // Рисуем на canvas
            const canvas = document.createElement('canvas');
            canvas.width = width;
            canvas.height = height;
            const ctx = canvas.getContext('2d');
            
            // Белый фон для PNG с прозрачностью
            ctx.fillStyle = '#ffffff';
            ctx.fillRect(0, 0, width, height);
            ctx.drawImage(img, 0, 0, width, height);
            
            // Конвертируем в JPEG
            const dataUrl = canvas.toDataURL('image/jpeg', JPEG_QUALITY);
            imageDataInput.value = dataUrl;
            imageExtInput.value = 'jpg';
            
            // Показываем превью
            const previewContainer = document.getElementById('image-preview');
            const previewImg = document.getElementById('preview-img');
            previewImg.src = dataUrl;
            previewContainer.style.display = 'block';
            
            // Очищаем input file
            imageInput.value = '';
            
        } catch (err) {
            console.error('Ошибка обработки изображения:', err);
            alert('Не удалось обработать изображение');
        }
    }
    
    function loadImage(file) {
        return new Promise((resolve, reject) => {
            const reader = new FileReader();
            reader.onload = (e) => {
                const img = new Image();
                img.onload = () => resolve(img);
                img.onerror = reject;
                img.src = e.target.result;
            };
            reader.onerror = reject;
            reader.readAsDataURL(file);
        });
    }
});
</script>
</div>