<div class="mt-5 mb-4">
    <button id="generateNosy" type="button" class="btn btn-primary w-100 p-2 shadow-sm">
        Сформировать конфигурацию
    </button>

    <!-- Одно поле для статусов и результатов -->
    <div id="status-container" class="mt-4 alert hidden" role="alert">
        <div id="status-icon" class="me-2"></div>
        <div id="status-content"></div>
    </div>

    <!-- Скрытое поле для системных данных -->
    <input type="hidden" value="" id="outpost">

    <? if($_SESSION['id'] > 5): ?>
        <div id="detailedResult" class="mt-4 p-3 border rounded bg-light hidden">
            <h6 class="fw-bold border-bottom pb-2 mb-2">Детальный разбор:</h6>
            <div id="sectionsDetail" class="small text-muted"></div>
        </div>
    <? endif; ?>
</div>

$('#generateNosy').on('click', function (e) {
    e.preventDefault();
    
    const configData = collectFormData();
    const resultArray = configData.result_array || [];
    const resultString = configData.result_string || resultArray.join('-');
    const $statusBox = $('#status-container');
    const $statusContent = $('#status-content');

    // Функция-помощник для отображения статуса
    function showStatus(message, type = 'info') {
        $statusBox.removeClass('hidden alert-success alert-danger alert-info alert-warning')
                  .addClass(`alert-${type} d-flex align-items-center`)
                  .fadeIn();
        $statusContent.html(message);
    }

    // Проверка перед отправкой
    if (resultString === '0-0-0-0-0-0-0-0-0-0-0-0-12') {
        showStatus('<strong>Внимание!</strong> Выберите параметры конфигурации.', 'warning');
        return;
    }

    if (resultString.length > 26) {
        const formDataObj = new FormData(document.getElementById('form'));
        formDataObj.append('nosy', resultArray);
        formDataObj.append('nosy_string', resultString);
        formDataObj.append('nosy_structured', JSON.stringify(configData.sections));
        formDataObj.append('API_nosy', true);

        fetch('../nosy/save_form.php', { method: 'POST', body: formDataObj })
        .then(res => res.json())
        .then(data => {
            if (data.error) {
                // Если пришла ошибка от сервера
                showStatus(`<strong>Ошибка:</strong> ${data.error}`, 'danger');
            } else {
                // Успешное выполнение
                showStatus(`<strong>Успешно!</strong> Конфигурация сохранена: ${data.APItext || resultString}`, 'success');
                
                $('#outpost').val(data.APItext);
                $('#search-query').val(data.APItext);
                
                // Если есть детальные данные
                if (configData.sections) {
                    $('#sectionsDetail').html(JSON.stringify(configData.sections, null, 2));
                    $('#detailedResult').removeClass('hidden');
                }
            }
        })
        .catch(err => {
            showStatus('Произошла ошибка при соединении с сервером.', 'danger');
            console.error(err);
        });
    }
});