import { showModal, closeModal } from './modal-base.js';

let _cb = null;

export function showEditExerciseDialog(exercise, callback) {
    _cb = callback;
    showModal(`
        <div class="modal-content">
            <h3 class="modal-title">Редактировать упражнение</h3>
            <div class="field-group">
                <label>Название</label>
                <input type="text" id="m-edit-ex-name" value="${exercise.name}">
            </div>
            <div class="field-group">
                <label>Тип тренировки</label>
                <select id="m-edit-ex-type">
                    <option value="">тип не указан</option>
                    <option value="грудь-руки" ${exercise.workoutType==='грудь-руки'?'selected':''}>грудь-руки</option>
                    <option value="ноги" ${exercise.workoutType==='ноги'?'selected':''}>ноги</option>
                    <option value="спина-плечи" ${exercise.workoutType==='спина-плечи'?'selected':''}>спина-плечи</option>
                    <option value="круговая" ${exercise.workoutType==='круговая'?'selected':''}>круговая</option>
                    <option value="силовая" ${exercise.workoutType==='силовая'?'selected':''}>силовая</option>
                    <option value="многоповторная" ${exercise.workoutType==='многоповторная'?'selected':''}>многоповторная</option>
                </select>
            </div>
            <div class="btn-row">
                <button class="btn btn-secondary" onclick="ModalBase.close()">Отмена</button>
                <button class="btn btn-success" onclick="EditExModal.submit()">Сохранить</button>
            </div>
        </div>
    `);
}

export function submit() {
    const name = document.getElementById('m-edit-ex-name').value.trim();
    const type = document.getElementById('m-edit-ex-type').value;
    if (!name) { alert('Название не может быть пустым'); return; }
    closeModal();
    if (_cb) _cb({ name, workoutType: type });
}

window.EditExModal = { submit };