{% extends "base.html" %}

{% block title %}Рекламные баннеры — Админка{% endblock %}

{% block content %}
<section class="page-header page-header--admin">
    <div class="container">
        <h1 class="page-header__title">Рекламные баннеры</h1>
        <p class="page-header__subtitle">Баннеры на главной, в кабинете и в подвале сайта</p>
    </div>
</section>

<section class="admin-section">
    <div class="container">
        {% include "admin/_nav.html" %}
        {% include "partials/alerts.html" %}

        <div class="admin-panel folder-create">
            <h2 class="admin-panel__title">Добавить баннер</h2>
            <form method="post" class="auth-form folder-create__form">
                <div class="form-group">
                    <label for="title">Название (для админки)</label>
                    <input type="text" id="title" name="title" required minlength="2" placeholder="Промо лето">
                </div>
                <div class="form-group">
                    <label for="image_url">URL изображения</label>
                    <input type="url" id="image_url" name="image_url" required placeholder="https://example.com/banner.jpg">
                </div>
                <div class="form-group">
                    <label for="link_url">Ссылка при клике (необязательно)</label>
                    <input type="url" id="link_url" name="link_url" placeholder="https://example.com">
                </div>
                <div class="form-group">
                    <label for="alt_text">Alt-текст</label>
                    <input type="text" id="alt_text" name="alt_text" placeholder="Описание баннера">
                </div>
                <div class="form-group">
                    <label for="position">Позиция</label>
                    <select id="position" name="position" class="form-select">
                        {% for key, label in positions.items() %}
                        <option value="{{ key }}">{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group">
                    <label for="sort_order">Порядок (меньше — выше)</label>
                    <input type="number" id="sort_order" name="sort_order" value="0">
                </div>
                <label class="form-checkbox">
                    <input type="checkbox" name="is_active" checked>
                    <span>Активен</span>
                </label>
                <button type="submit" class="btn btn--primary">Добавить баннер</button>
            </form>
        </div>

        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Баннер</th>
                        <th>Позиция</th>
                        <th>Статус</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody>
                    {% for banner in banners %}
                    <tr>
                        <td>
                            <div class="banner-preview">
                                <img src="{{ banner.image_url }}" alt="" class="banner-preview__img">
                                <div>
                                    <strong>{{ banner.title }}</strong>
                                    {% if banner.link_url %}<br><small>{{ banner.link_url }}</small>{% endif %}
                                </div>
                            </div>
                        </td>
                        <td>{{ banner.position_label }}</td>
                        <td>
                            {% if banner.is_active %}
                            <span class="badge badge--success">активен</span>
                            {% else %}
                            <span class="badge badge--muted">выключен</span>
                            {% endif %}
                        </td>
                        <td>
                            <form method="post" action="{{ url_for('admin.edit_banner', banner_id=banner.id) }}" class="banner-edit-form">
                                <input type="text" name="title" value="{{ banner.title }}" required minlength="2" class="form-inline-input">
                                <input type="url" name="image_url" value="{{ banner.image_url }}" required class="form-inline-input">
                                <input type="url" name="link_url" value="{{ banner.link_url or '' }}" placeholder="Ссылка" class="form-inline-input">
                                <select name="position" class="form-select form-select--sm">
                                    {% for key, label in positions.items() %}
                                    <option value="{{ key }}" {% if banner.position == key %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                                <input type="number" name="sort_order" value="{{ banner.sort_order }}" class="form-inline-input form-inline-input--sm">
                                <label class="form-checkbox form-checkbox--inline">
                                    <input type="checkbox" name="is_active" {% if banner.is_active %}checked{% endif %}>
                                    <span>Активен</span>
                                </label>
                                <button type="submit" class="btn btn--ghost btn--sm">Сохранить</button>
                            </form>
                            <div class="banner-actions">
                                <form method="post" action="{{ url_for('admin.toggle_banner', banner_id=banner.id) }}">
                                    <button type="submit" class="btn btn--ghost btn--sm">
                                        {% if banner.is_active %}Выключить{% else %}Включить{% endif %}
                                    </button>
                                </form>
                                <form method="post" action="{{ url_for('admin.delete_banner', banner_id=banner.id) }}" onsubmit="return confirm('Удалить баннер?');">
                                    <button type="submit" class="btn btn--danger btn--sm">Удалить</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="4">Баннеров пока нет</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</section>
{% endblock %}