{% extends "base.html" %}

{% block title %}Gnomenall Forte | Setup{% endblock %}

{% block content %}
<section class="section">
    <div class="section-title-row">
        <div>
            <h2>Инсталационен магьосник</h2>
            <p class="muted">Начална настройка за локални торенти и BEP44 compact manifest, без qBittorrent по подразбиране.</p>
        </div>
    </div>

    <form id="setup-form" class="grid" style="gap: 18px;">
        <div class="section">
            <h3>1. Основни настройки</h3>
            <div class="grid two">
                <div class="field">
                    <label>Език</label>
                    <select name="locale">
                        {% for locale_code in locales %}
                        <option value="{{ locale_code }}" {% if locale_code == current_locale %}selected{% endif %}>{{ locale_code }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="field">
                    <label>Предпочитана медийна папка</label>
                    <input name="preferred_media_dir" type="text" value="{{ settings.get('preferred_media_dir', '') }}" placeholder="папка за сканиране">
                    <small class="muted">При запис setup-ът прави по един .torrent за всяка директна подпапка или файл и пише карта в data/torrents/media_map.json.</small>
                </div>
            </div>
        </div>

        <div class="section">
            <h3>2. Обмен на каталожни клетки</h3>
            <div class="grid two">
                <div class="field">
                    <label>Backend</label>
                    <select name="torrent_backend">
                        <option value="none" {% if settings.get('torrent_backend') != 'qbittorrent' %}selected{% endif %}>BEP44 compact manifest, без qBittorrent</option>
                        <option value="qbittorrent" {% if settings.get('torrent_backend') == 'qbittorrent' %}selected{% endif %}>qBittorrent legacy режим</option>
                    </select>
                </div>
                <div class="field">
                    <label>BEP44 publish</label>
                    <select name="bep44_enabled">
                        <option value="true" {% if settings.get('bep44_enabled') %}selected{% endif %}>Включен</option>
                        <option value="false" {% if not settings.get('bep44_enabled') %}selected{% endif %}>Изключен</option>
                    </select>
                </div>
                <div class="field">
                    <label>BEP44 receive</label>
                    <select name="bep44_get_enabled">
                        <option value="true" {% if settings.get('bep44_get_enabled') %}selected{% endif %}>Включен</option>
                        <option value="false" {% if not settings.get('bep44_get_enabled') %}selected{% endif %}>Изключен</option>
                    </select>
                </div>
                <div class="field">
                    <label>Публичен BEP44 ключ за получаване</label>
                    <input name="bep44_get_pub" type="text" value="{{ settings.get('bep44_get_pub', '') }}" placeholder="ed25519:... или hex">
                </div>
            </div>
        </div>

        <div class="section">
            <h3>3. DHT/BEP44 мрежа</h3>
            <div class="grid two">
                <div class="field">
                    <label>Listen port</label>
                    <input name="bep44_listen_port" type="number" min="1" max="65535" value="{{ settings.get('bep44_listen_port', 6881) }}">
                </div>
                <div class="field">
                    <label>Bootstrap IP</label>
                    <input name="bep44_bootstrap_ip" type="text" value="{{ settings.get('bep44_bootstrap_ip', '127.0.0.1') }}">
                </div>
                <div class="field">
                    <label>Bootstrap port</label>
                    <input name="bep44_bootstrap_port" type="number" min="1" max="65535" value="{{ settings.get('bep44_bootstrap_port', 6881) }}">
                </div>
            </div>
        </div>

        <div class="field-row" style="justify-content: flex-end;">
            <span id="setup-status" class="muted"></span>
            <button class="btn primary" type="submit">Запиши настройките</button>
        </div>
    </form>
</section>
{% endblock %}

{% block scripts %}
<script>
    document.getElementById('setup-form').addEventListener('submit', async (event) => {
        event.preventDefault();
        const form = event.currentTarget;
        const status = document.getElementById('setup-status');
        const data = Object.fromEntries(new FormData(form).entries());
        status.textContent = 'Записване...';
        try {
            const response = await fetch('/api/setup/apply', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(data)
            });
            const result = await response.json();
            if (!response.ok || !result.success) {
                throw new Error(result.error || 'Неуспешен запис');
            }
            const scan = result.media_scan;
            if (scan && scan.success) {
                status.textContent = `Готово. Торенти: ${scan.generated}, грешки: ${scan.failed}. Препоръчителен е рестарт.`;
            } else if (scan && !scan.success) {
                status.textContent = `Настройките са записани, но сканирането не мина: ${scan.error}`;
            } else {
                status.textContent = 'Готово. Препоръчителен е рестарт.';
            }
        } catch (error) {
            status.textContent = error.message || 'Грешка при запис';
        }
    });
</script>
{% endblock %}