// Data handling functionality for admin interface

// Format date string to readable format
function formatDate(dateString) {
    if (!dateString) return '-';
    try {
        var date = new Date(dateString);
        if (isNaN(date.getTime())) return 'Invalid Date Format';
        return date.toLocaleString();
    } catch (e) {
        return 'Date Error';
    }
}

// Show toast message (fallback to alert if toast container is missing)
function showToast(msg) {
    var toastElement = document.getElementById('toastMsg');
    if (toastElement && toastElement.querySelector('.toast-body')) {
        $('#toastMsg .toast-body').text(msg);
        var toast = new bootstrap.Toast(toastElement);
        toast.show();
    } else {
        // Simple fallback so user still gets feedback
        alert(msg);
    }
}

// Load step details for a user
function loadStepDetails(email, sessionId) {
    $('#detailsModalLabel').text('Step Details for ' + email);
    $('#exportDetailsExcelBtn').show().off('click').on('click', function() {
        var exportUrl = '/Admin/ExportStepDetailsExcel?email=' + encodeURIComponent(email);
        if (sessionId) {
            exportUrl += '&sessionId=' + encodeURIComponent(sessionId);
        }
        window.location = exportUrl;
    });
    $('#loading').show();
    $('#detailsContent').empty();
    
    // Show the modal properly
    var popup = document.querySelector('#detailsModal');
    if (popup) {
        popup.classList.add('show');
        popup.style.display = 'block';
        popup.style.opacity = '1';
        popup.style.pointerEvents = 'auto';
    }
    
    // Fetch details from server
    console.log('Fetching details for email:', email, 'sessionId:', sessionId);
    $.ajax({
        url: '/Admin/GetDomainStepDetails',
        type: 'GET',
        data: { email: email, sessionId: sessionId },
        timeout: 30000, // 30 second timeout
        success: function(response) {
            console.log('Response received:', response);
            $('#loading').hide();
            if (response && response.success && response.stepDetails && response.stepDetails.length > 0) {
                var html = '<div class="responsive_tbl"><table class="step_tbl">';
                html += '<thead><tr><th>User Email</th><th>Step Name</th><th>Label Name</th><th>Label Values</th><th>Created Date</th><th>Modified Date</th></tr></thead>';
                html += '<tbody>';
                $.each(response.stepDetails, function(i, item) {
                    html += '<tr>';
                    html += '<td>' + (item.userEmailID || item.UserEmailID || '-') + '</td>';
                    html += '<td>' + (item.stepName || item.StepName || '-') + '</td>';
                    html += '<td>' + (item.labelName || item.LabelName || '-') + '</td>';
                    html += '<td>' + (item.labelValues || item.LabelValues || '-') + '</td>';
                    html += '<td>' + formatDate(item.createDateTime || item.CreateDateTime) + '</td>';
                    html += '<td>' + ((item.updatedDateTime || item.UpdatedDateTime) ? formatDate(item.updatedDateTime || item.UpdatedDateTime) : '-') + '</td>';
                    html += '</tr>';
                });
                html += '</tbody></table></div>';
                $('#detailsContent').html(html);
            } else {
                $('#detailsContent').html('<div class="text-center p-3">No details found for this user.</div>');
            }
        },
        error: function(xhr, status, error) {
            $('#loading').hide();
            console.error('Error loading details:', error);
            showToast('Error loading details: ' + error);
            $('#detailsContent').html('<div class="text-center p-3 text-danger">Error loading details: ' + error + '</div>');
        },
        timeout: function() {
            $('#loading').hide();
            console.error('Request timeout');
            showToast('Request timeout. Please try again.');
            $('#detailsContent').html('<div class="text-center p-3 text-danger">Request timeout. Please try again.</div>');
        }
    });
}

// Store admin email and load form
function storeAdminEmailAndLoadForm(adminUsername) {
    $.post('/Admin/ClearEditingEmail', function() {
        $.ajax({
            url: '/Admin/StoreAdminEmail',
            type: 'POST',
            data: { email: adminUsername },
            success: function(response) {
                if (response.success) {
                    // Load the first step (stp_personneldetails) without session ID
                    loadFormIframe('/SubdomainForm/Step/stp_personneldetails?modal=1', adminUsername);
                } else {
                    showToast('Failed to store admin information. Please try again.');
                }
            },
            error: function() {
                showToast('An error occurred. Please try again.');
            }
        });
    });
}

// Store user email and load form for editing
function storeUserEmailAndLoadForm(userEmail, sessionId) {
    $.ajax({
        url: '/Admin/StoreUserEmail',
        type: 'POST',
        data: { email: userEmail, sessionId: sessionId },
        success: function(response) {
            if (response.success) {
                // Load the first step (stp_personneldetails) instead of OTP step
                loadFormIframe('/SubdomainForm/Step/stp_personneldetails?modal=1&sessionId=' + encodeURIComponent(sessionId), userEmail);
            } else {
                showToast('Failed to store user information. Please try again.');
            }
        },
        error: function() {
            showToast('An error occurred. Please try again.');
        }
    });
}