{% extends "base.html" %}

{% block title %}Объявления - Домовой Бот{% endblock %}

{% block nav_ads %}active{% endblock %}

{% block content %}
<h2 class="mb-4"><i class="bi bi-megaphone"></i> Объявления</h2>

<div class="card mb-4">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="bi bi-plus-lg"></i> Добавить объявление</h5>
    </div>
    <div class="card-body">
        <form id="addAdForm" class="row g-3">
            <div class="col-md-4">
                <input type="text" class="form-control" id="adTitle" placeholder="Заголовок" required>
            </div>
            <div class="col-md-3">
                <select class="form-select" id="adCategory">
                    <option value="sell">💰 Продам</option>
                    <option value="buy">🛒 Куплю</option>
                    <option value="give">🎁 Отдам</option>
                    <option value="lost">😿 Потеряно</option>
                    <option value="found">😺 Нашлось</option>
                    <option value="service">🔧 Услуга</option>
                </select>
            </div>
            <div class="col-md-5">
                <textarea class="form-control" id="adText" placeholder="Текст объявления" rows="1" required></textarea>
            </div>
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary">Добавить объявление</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr><th>Категория</th><th>Заголовок</th><th>Текст</th><th>Дата</th><th>Статус</th><th>Действия</th></tr>
            </thead>
            <tbody>
                {% for ad in ads %}
                <tr>
                    <td>{{ ad.category }}</td>
                    <td>{{ ad.title }}</td>
                    <td>{{ ad.description[:100] if ad.description else '...' }}</td>
                    <td>{{ ad.created_at.strftime('%d.%m.%Y') if ad.created_at else '—' }}</td>
                    <td>
                        {% if ad.is_active %}
                            <span class="badge bg-success">✅ Активно</span>
                        {% else %}
                            <span class="badge bg-secondary">❌ Архив</span>
                        {% endif %}
                    </td>
                    <td>
                        <button class="btn btn-sm btn-danger" onclick="deleteAd({{ ad.ad_id }})">
                            <i class="bi bi-trash"></i> Удалить
                        </button>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}

{% block extra_script %}
<script>
    document.getElementById('addAdForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const data = {
            title: document.getElementById('adTitle').value,
            text: document.getElementById('adText').value,
            category: document.getElementById('adCategory').value,
            is_active: true
        };
        const r = await fetch('/api/ad/add', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data) });
        const result = await r.json();
        if (result.success) { alert('✅ Объявление добавлено'); location.reload(); }
    });
    async function deleteAd(id) {
        if (!confirm('Удалить объявление?')) return;
        const r = await fetch(`/api/ad/${id}/delete`, { method: 'POST' });
        const result = await r.json();
        if (result.success) { alert('✅ Удалено'); location.reload(); }
    }
</script>
{% endblock %}