import { alert, api } from './common.js';
import './page.js';
import { trainingsView } from './trainings-view.js';

const form = document.getElementById('parse-form');
const result = document.getElementById('result');

form.addEventListener('submit', async (event) => {
    event.preventDefault();
    result.replaceChildren(alert('info', 'Разбираю…'));
    try {
        const trainings = await api('/parser/parse/', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
                data: document.getElementById('training-data').value,
                format: document.getElementById('format').value,
            }),
        });
        result.replaceChildren(trainings.length ? trainingsView(trainings) : alert('warning', 'Тренировки не найдены'));
    } catch (error) {
        result.replaceChildren(alert('danger', `Не удалось разобрать заметку: ${error.message}`));
    }
});