{% extends "base.html" %}

{% block title %}Промокоды{% endblock %}
{% block title_header %}Промокоды{% endblock %}

{% block content %}
<div class="mb-4 d-flex flex-wrap justify-content-between align-items-center gap-2">
    <h6 class="text-lg font-semibold mb-0">Промокоды — всего: <span id="promoTotal">{{ promocodes_total|default(promocodes|length) }}</span></h6>
    <div class="d-flex flex-wrap gap-2">
        <a class="btn btn-outline-secondary btn-sm" href="/admin/promocodes/export">
            <i class="bi bi-download me-1"></i>Экспорт CSV
        </a>
        <button class="btn btn-primary btn-sm" id="addPromoBtn">
            <i class="bi bi-plus-lg me-1"></i>Добавить вручную
        </button>
    </div>
</div>

<div class="card bg-dark border-secondary mb-4">
    <div class="card-body py-3">
        <div class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small text-secondary mb-1">Количество промокодов</label>
                <input type="number" class="form-control form-control-sm" id="bulkCount" value="10" min="1" max="500">
            </div>
            <div class="col-md-3">
                <label class="form-label small text-secondary mb-1">Дней (подарок подписки)</label>
                <input type="number" class="form-control form-control-sm" id="bulkDays" value="30" min="1" max="3650">
            </div>
            <div class="col-md-auto">
                <button type="button" class="btn btn-primary btn-sm" id="bulkCreateBtn">
                    <i class="bi bi-stars me-1"></i>Создать
                </button>
            </div>
        </div>
        <p class="small text-secondary mt-2 mb-0">Одноразовые коды на продление подписки (как в 3XUIStore). Скидочные промокоды по-прежнему добавляются вручную.</p>
    </div>
</div>

<div class="dataTables_wrapper">
    <table id="promocodesTable" class="table table-hover align-middle dataTable">
        <thead>
            <tr>
                <th style="width: 56px;">ID</th>
                <th style="width: 140px;">Код</th>
                <th style="width: 72px;">Дней</th>
                <th style="width: 72px;">Скидка %</th>
                <th style="width: 100px;">Использований</th>
                <th style="width: 120px;">Статус</th>
                <th style="width: 140px;">Активировал</th>
                <th style="width: 130px;">Дата</th>
                <th style="width: 100px;">Действия</th>
            </tr>
        </thead>
        <tbody>
            {% for promo in promocodes %}
            <tr>
                <td class="text-sm">{{ promo.id }}</td>
                <td class="text-sm font-monospace">{{ promo.code }}</td>
                <td class="text-sm">{% if promo.gift_days and promo.gift_days > 0 %}{{ promo.gift_days }}{% else %}—{% endif %}</td>
                <td class="text-sm">{% if promo.gift_days and promo.gift_days > 0 %}—{% else %}{{ promo.discount }}{% endif %}</td>
                <td class="text-sm">{{ promo.usage_count }} / {{ promo.usage_limit }}</td>
                <td class="text-sm">
                    {% if promo.gift_days and promo.gift_days > 0 %}
                        {% if promo.usage_count >= promo.usage_limit %}
                        <span class="text-warning">Использован</span>
                        {% elif promo.is_active %}
                        <span class="text-success">Активен</span>
                        {% else %}
                        <span class="text-danger">Отключён</span>
                        {% endif %}
                    {% else %}
                        {% if promo.is_active %}
                        <span class="text-success">Активен</span>
                        {% else %}
                        <span class="text-danger">Отключён</span>
                        {% endif %}
                    {% endif %}
                </td>
                <td class="text-sm">
                    {% if promo.activated_by %}
                    {{ promo.activated_username or '—' }} <span class="text-secondary">({{ promo.activated_by }})</span>
                    {% else %}—{% endif %}
                </td>
                <td class="text-sm">{{ promo.created_at }}</td>
                <td>
                    <div class="d-flex gap-1">
                        <button class="btn btn-sm btn-outline-light edit-btn" data-id="{{ promo.id }}" title="Изменить"><i class="bi bi-pencil-square"></i></button>
                        <button class="btn btn-sm btn-outline-danger delete-btn" data-id="{{ promo.id }}" title="Удалить"><i class="bi bi-trash"></i></button>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% if not promocodes %}
<p class="text-secondary small mt-2">Промокоды не найдены — сгенерируйте пачку выше или добавьте вручную.</p>
{% endif %}

<!-- Модальное окно -->
<div class="modal fade" id="promoModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-dark text-white border-secondary">
            <div class="modal-header border-secondary">
                <h5 class="modal-title" id="modalTitle">Добавление промокода</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="promoForm" class="needs-validation" novalidate>
                    <input type="hidden" id="promoId">

                    <div class="mb-3">
                        <label for="promocod" class="form-label">Промокод</label>
                        <div class="input-group">
                            <input type="text" class="form-control bg-black text-white border-secondary" id="promocod" required>
                            <button class="btn btn-secondary" type="button" id="generatePromoBtn">
                                <i class="bi bi-magic"></i>
                            </button>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="usage_limit" class="form-label">Лимит активаций</label>
                        <input type="number" class="form-control bg-black text-white border-secondary" id="usage_limit" min="1" value="1" required>
                    </div>

                    <div class="mb-3">
                        <label for="discount" class="form-label">Процент скидки (для промокодов на скидку)</label>
                        <input type="number" class="form-control bg-black text-white border-secondary" id="discount" min="0" max="100" value="0">
                    </div>

                    <div class="mb-3">
                        <label for="gift_days_manual" class="form-label">Дней подписки (0 = только скидка)</label>
                        <input type="number" class="form-control bg-black text-white border-secondary" id="gift_days_manual" min="0" max="3650" value="0">
                    </div>

                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="is_active" checked>
                            <label class="form-check-label" for="is_active">Активен</label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer border-secondary">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                <button type="button" class="btn btn-primary" id="saveBtn"><i class="bi bi-save"></i> Сохранить</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-dark text-white border-secondary">
            <div class="modal-header border-secondary">
                <h5 class="modal-title">Удалить промокод?</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="mb-0"><strong>Код:</strong> <span id="deletePromoCode"></span></p>
            </div>
            <div class="modal-footer border-secondary">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                <button type="button" class="btn btn-danger" id="confirmDeleteBtn"><i class="bi bi-trash"></i> Удалить</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
$(document).ready(function() {
    async function readJsonOrThrow(response) {
        const raw = await response.text();
        let data = null;
        try {
            data = raw ? JSON.parse(raw) : {};
        } catch (e) {
            const preview = (raw || '').trim().slice(0, 140);
            if (preview.toLowerCase().startsWith('<!doctype') || preview.toLowerCase().startsWith('<html')) {
                throw new Error(`Сервер вернул HTML вместо JSON (HTTP ${response.status}). Перезапустите веб-админку и повторите.`);
            }
            throw new Error(preview || `Некорректный ответ сервера (HTTP ${response.status})`);
        }
        if (!response.ok) {
            throw new Error(data.error || `Ошибка сервера (HTTP ${response.status})`);
        }
        return data;
    }

    const table = $('#promocodesTable').DataTable({
        language: {
            search: "Поиск:",
            lengthMenu: "_MENU_ записей",
            info: "Показано _START_–_END_ из _TOTAL_",
            infoEmpty: "Нет записей",
            zeroRecords: "Нет совпадений",
            emptyTable: "Промокоды не найдены",
            paginate: { first: "«", previous: "‹", next: "›", last: "»" }
        },
        order: [[0, 'desc']],
        pageLength: 25,
        responsive: true,
        autoWidth: false,
        columnDefs: [{ orderable: false, targets: 8 }]
    });

    const promoModal = new bootstrap.Modal(document.getElementById('promoModal'));
    const deleteModal = new bootstrap.Modal(document.getElementById('deleteModal'));
    let currentPromoId = null;
    let isCreating = false;

    function generatePromoCode(length = 10) {
        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
        let result = '';
        for (let i = 0; i < length; i++) {
            result += chars.charAt(Math.floor(Math.random() * chars.length));
        }
        return result;
    }

    $('#generatePromoBtn').click(function() {
        $('#promocod').val(generatePromoCode());
    });

    $('#bulkCreateBtn').click(async function() {
        const count = Math.min(500, Math.max(1, parseInt($('#bulkCount').val(), 10) || 10));
        const days = Math.min(3650, Math.max(1, parseInt($('#bulkDays').val(), 10) || 30));
        if (!confirm(`Создать ${count} промокодов по ${days} дн.?`)) return;
        try {
            const response = await fetch('/admin/promocodes/bulk-generate', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ count, days })
            });
            const result = await readJsonOrThrow(response);
            if (result.error) throw new Error(result.error || 'Ошибка');
            alert(`Создано промокодов: ${result.created}`);
            window.location.reload();
        } catch (e) {
            alert('Ошибка: ' + e.message);
        }
    });

    $('#addPromoBtn').click(function() {
        isCreating = true;
        currentPromoId = null;
        $('#modalTitle').text('Создание промокода');
        $('#promoForm').trigger('reset');
        $('#promoForm').removeClass('was-validated');
        $('#promocod').prop('readonly', false);
        $('#usage_limit').val(1);
        $('#discount').val(0);
        $('#gift_days_manual').val(0);
        $('#is_active').prop('checked', true);
        promoModal.show();
    });

    $(document).on('click', '.edit-btn', async function(e) {
        e.preventDefault();
        isCreating = false;
        currentPromoId = $(this).data('id');
        $('#modalTitle').text('Редактирование промокода');
        $('#promoForm').removeClass('was-validated');
        try {
            const response = await fetch(`/admin/promocodes/edit/${currentPromoId}`);
            const promo = await readJsonOrThrow(response);
            if (promo.error) throw new Error(promo.error);
            $('#promoId').val(promo.id);
            $('#promocod').val(promo.code).prop('readonly', true);
            $('#usage_limit').val(promo.usage_limit);
            $('#discount').val(promo.discount);
            $('#gift_days_manual').val(promo.gift_days || 0);
            $('#is_active').prop('checked', !!promo.is_active);
            promoModal.show();
        } catch (error) {
            alert('Ошибка: ' + error.message);
        }
    });

    $(document).on('click', '.delete-btn', async function(e) {
        e.preventDefault();
        currentPromoId = $(this).data('id');
        const promoCode = $(this).closest('tr').find('td:eq(1)').text();
        $('#deletePromoCode').text(promoCode);
        deleteModal.show();
    });

    $('#confirmDeleteBtn').click(async function() {
        try {
            const response = await fetch(`/admin/promocodes/delete/${currentPromoId}`, { method: 'POST' });
            const result = await readJsonOrThrow(response);
            if (result.error) throw new Error(result.error || 'Ошибка удаления');
            deleteModal.hide();
            window.location.reload();
        } catch (error) {
            alert('Ошибка: ' + error.message);
        }
    });

    $('#saveBtn').click(async function() {
        const form = document.getElementById('promoForm');
        if (!form.checkValidity()) {
            form.classList.add('was-validated');
            return;
        }
        const giftDays = parseInt($('#gift_days_manual').val(), 10) || 0;
        const discount = parseInt($('#discount').val(), 10) || 0;
        const formData = {
            code: $('#promocod').val(),
            usage_limit: parseInt($('#usage_limit').val(), 10),
            discount: giftDays > 0 ? 0 : discount,
            gift_days: giftDays,
            is_active: $('#is_active').is(':checked')
        };
        try {
            const url = isCreating ? '/admin/promocodes/create' : `/admin/promocodes/edit/${currentPromoId}`;
            const response = await fetch(url, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(formData)
            });
            const result = await readJsonOrThrow(response);
            if (result.error) throw new Error(result.error || 'Ошибка сохранения');
            promoModal.hide();
            window.location.reload();
        } catch (error) {
            alert('Ошибка: ' + error.message);
        }
    });
});
</script>
{% endblock %}