org-parking/frontend/js/parking-settings.js

let currentUser = null;
let currentOffice = null;

document.addEventListener('DOMContentLoaded', async () => {
    if (!api.requireAuth()) return;

    currentUser = await api.getCurrentUser();
    if (!currentUser) return;

    // Only Manager or Admin
    if (!['admin', 'manager'].includes(currentUser.role)) {
        window.location.href = '/';
        return;
    }

    // Initialize UI
    populateHourSelect();

    // Set default date to tomorrow
    const tomorrow = new Date();
    tomorrow.setDate(tomorrow.getDate() + 1);
    document.getElementById('testDateStart').valueAsDate = tomorrow;

    await loadOffices();
    setupEventListeners();
});

async function loadOffices() {
    const select = document.getElementById('officeSelect');
    const card = document.getElementById('officeSelectionCard');
    const content = document.getElementById('settingsContent');

    // Only Admins see the selector
    if (currentUser.role === 'admin') {
        card.style.display = 'block';
        content.style.display = 'none'; // Hide until selected

        try {
            const response = await api.get('/api/offices');
            if (response && response.ok) {
                const offices = await response.json();
                offices.forEach(office => {
                    const option = document.createElement('option');
                    option.value = office.id;
                    option.textContent = office.name;
                    select.appendChild(option);
                });
            }
        } catch (e) {
            console.error(e);
            utils.showMessage('Errore caricamento uffici', 'error');
        }
    } else {
        // Manager uses their own office
        card.style.display = 'none';
        content.style.display = 'block';
        if (currentUser.office_id) {
            await loadOfficeSettings(currentUser.office_id);
        } else {
            utils.showMessage('Nessun ufficio assegnato al manager', 'error');
        }
    }
}

function populateHourSelect() {
    const select = document.getElementById('bookingWindowHour');
    select.innerHTML = '';
    for (let h = 0; h < 24; h++) {
        const option = document.createElement('option');
        option.value = h;
        option.textContent = h.toString().padStart(2, '0');
        select.appendChild(option);
    }
}

async function loadOfficeSettings(id) {
    const officeId = id;
    if (!officeId) {
        utils.showMessage('Nessun ufficio selezionato', 'error');
        return;
    }

    try {
        const response = await api.get(`/api/offices/${officeId}`);
        if (!response.ok) throw new Error('Failed to load office');

        const office = await response.json();
        currentOffice = office;

        // Populate form
        document.getElementById('bookingWindowEnabled').checked = office.booking_window_enabled || false;
        document.getElementById('bookingWindowHour').value = office.booking_window_end_hour ?? 18; // Default 18
        document.getElementById('bookingWindowMinute').value = office.booking_window_end_minute ?? 0;

        updateVisibility();
    } catch (e) {
        console.error(e);
        utils.showMessage('Errore nel caricamento impostazioni', 'error');
    }
}

function updateVisibility() {
    const enabled = document.getElementById('bookingWindowEnabled').checked;
    document.getElementById('cutoffTimeGroup').style.display = enabled ? 'block' : 'none';
}

function setupEventListeners() {
    // Office Select
    document.getElementById('officeSelect').addEventListener('change', (e) => {
        const id = e.target.value;
        if (id) {
            document.getElementById('settingsContent').style.display = 'block';
            loadOfficeSettings(id);
        } else {
            document.getElementById('settingsContent').style.display = 'none';
        }
    });

    // Toggle visibility
    document.getElementById('bookingWindowEnabled').addEventListener('change', updateVisibility);

    // Save Settings
    document.getElementById('scheduleForm').addEventListener('submit', async (e) => {
        e.preventDefault();

        if (!currentOffice) return;

        const data = {
            booking_window_enabled: document.getElementById('bookingWindowEnabled').checked,
            booking_window_end_hour: parseInt(document.getElementById('bookingWindowHour').value),
            booking_window_end_minute: parseInt(document.getElementById('bookingWindowMinute').value)
        };

        try {
            const res = await api.put(`/api/offices/${currentOffice.id}`, data);
            if (res) {
                utils.showMessage('Impostazioni salvate con successo', 'success');
                currentOffice = res;
            }
        } catch (e) {
            utils.showMessage('Errore nel salvataggio', 'error');
        }
    });

    // Test Tools
    document.getElementById('runAllocationBtn').addEventListener('click', async () => {
        if (!confirm('Sei sicuro di voler avviare l\'assegnazione ORA? Questo potrebbe sovrascrivere le assegnazioni esistenti per la data selezionata.')) return;

        const dateStart = document.getElementById('testDateStart').value;
        const dateEnd = document.getElementById('testDateEnd').value;

        if (!dateStart) return utils.showMessage('Seleziona una data di inizio', 'error');

        let start = new Date(dateStart);
        let end = dateEnd ? new Date(dateEnd) : new Date(dateStart);

        if (end < start) {
            return utils.showMessage('La data di fine deve essere successiva alla data di inizio', 'error');
        }

        let current = new Date(start);
        let successCount = 0;
        let errorCount = 0;

        utils.showMessage('Avvio assegnazione...', 'success');

        while (current <= end) {
            const dateStr = current.toISOString().split('T')[0];
            try {
                await api.post('/api/parking/run-allocation', {
                    date: dateStr,
                    office_id: currentOffice.id
                });
                successCount++;
            } catch (e) {
                console.error(`Error for ${dateStr}`, e);
                errorCount++;
            }
            current.setDate(current.getDate() + 1);
        }

        if (errorCount === 0) {
            utils.showMessage(`Assegnazione completata per ${successCount} giorni.`, 'success');
        } else {
            utils.showMessage(`Completato con errori: ${successCount} successi, ${errorCount} errori.`, 'warning');
        }
    });

    document.getElementById('clearAssignmentsBtn').addEventListener('click', async () => {
        if (!confirm('ATTENZIONE: Stai per eliminare TUTTE le assegnazioni per il periodo selezionato. Procedere?')) return;

        const dateStart = document.getElementById('testDateStart').value;
        const dateEnd = document.getElementById('testDateEnd').value;

        if (!dateStart) return utils.showMessage('Seleziona una data di inizio', 'error');

        let start = new Date(dateStart);
        let end = dateEnd ? new Date(dateEnd) : new Date(dateStart);

        if (end < start) {
            return utils.showMessage('La data di fine deve essere successiva alla data di inizio', 'error');
        }

        let current = new Date(start);
        let totalRemoved = 0;

        utils.showMessage('Rimozione in corso...', 'warning');

        while (current <= end) {
            const dateStr = current.toISOString().split('T')[0];
            try {
                const res = await api.post('/api/parking/clear-assignments', {
                    date: dateStr,
                    office_id: currentOffice.id
                });
                totalRemoved += (res.count || 0);
            } catch (e) {
                console.error(`Error clearing ${dateStr}`, e);
            }
            current.setDate(current.getDate() + 1);
        }

        utils.showMessage(`Operazione eseguita. ${totalRemoved} assegnazioni rimosse in totale.`, 'warning');
    });
}