media.js

// Media management functions

// Load user's media
async function loadMedia(type, userId) {
    if (!authToken) return;

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/${CONFIG.COLLECTIONS[type.toUpperCase()]}/records?filter=(user="${userId}")`, {
            headers: {
                'Authorization': `Bearer ${authToken}`
            }
        });
        
        const data = await response.json();
        
        if (response.ok) {
            currentMediaData = data.items || [];
            applyFilters();
        } else {
            throw new Error(data.message || `Failed to load ${type}`);
        }
    } catch (error) {
        document.getElementById('mediaList').innerHTML = 
            `<div class="error">Error loading ${type}: ${error.message}</div>`;
    }
}

// Update user visibility
async function updateVisibility(visible) {
    if (!currentUser || !authToken) {
        showMessage('Please login first', 'error');
        return;
    }

    const formData = new FormData();
    formData.append('visible', visible);

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/users/records/${currentUser.id}`, {
            method: 'PATCH',
            headers: {
                'Authorization': `Bearer ${authToken}`
            },
            body: formData
        });

        if (response.ok) {
            currentUser.visible = visible;
            showMessage(`Visibility ${visible ? 'enabled' : 'disabled'} successfully!`);
        } else {
            const data = await response.json();
            throw new Error(data.message || 'Failed to update visibility');
        }
    } catch (error) {
        showMessage(`Error updating visibility: ${error.message}`, 'error');
        document.getElementById('visibilityToggle').checked = currentUser.visible || false;
    }
}

// Add a new media item
async function addMedia() {
    if (!currentUser || !authToken) {
        showMessage('Please login first', 'error');
        return;
    }
    if (viewedUser) {
        showMessage('Cannot add media to another user\'s list', 'error');
        return;
    }

    const title = document.getElementById('title').value.trim();
    const image = document.getElementById('image').files[0];
    const status = document.getElementById('status').value;
    const rating = document.getElementById('rating').value ? parseInt(document.getElementById('rating').value) : null;
    const startdate = document.getElementById('startdate').value;
    const enddate = document.getElementById('enddate').value;
    const currentep = document.getElementById('currentep').value ? parseInt(document.getElementById('currentep').value) : null;
    const totalep = document.getElementById('totalep').value ? parseInt(document.getElementById('totalep').value) : null;
    const comment = document.getElementById('comment').value;

    if (!title || !status) {
        showMessage('Please provide a title and status', 'error');
        return;
    }

    if (rating !== null && (isNaN(rating) || rating < 1 || rating > 5)) {
        showMessage('Rating must be between 1 and 5', 'error');
        return;
    }

    if (['animes', 'shows'].includes(currentMediaType)) {
        if (currentep !== null && (isNaN(currentep) || currentep < 0)) {
            showMessage('Current episode must be 0 or greater', 'error');
            return;
        }
        if (totalep !== null && (isNaN(totalep) || totalep < 0)) {
            showMessage('Total episodes must be 0 or greater', 'error');
            return;
        }
        if (currentep !== null && totalep !== null && currentep > totalep) {
            showMessage('Current episode cannot exceed total episodes', 'error');
            return;
        }
    }

    const formData = new FormData();
    formData.append('title', title);
    formData.append('status', status);
    formData.append('user', currentUser.id);
    if (rating !== null) formData.append('rating', rating);
    if (image) formData.append('image', image);
    if (startdate) formData.append('startdate', startdate);
    if (enddate) formData.append('enddate', enddate);
    if (['animes', 'shows'].includes(currentMediaType) && currentep !== null) formData.append('currentep', currentep);
    if (['animes', 'shows'].includes(currentMediaType) && totalep !== null) formData.append('totalep', totalep);
    if (comment) formData.append('comment', comment);

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/${CONFIG.COLLECTIONS[currentMediaType.toUpperCase()]}/records`, {
            method: 'POST',
            headers: {
                'Authorization': `Bearer ${authToken}`
            },
            body: formData
        });

        const data = await response.json();

        if (response.ok) {
            showMessage(`${currentMediaType.slice(0, -1)} added successfully!`);
            document.getElementById('addForm').reset();
            resetStarRating('add-rating');
            hideAddMediaPopup();
            loadMedia(currentMediaType, currentUser.id);
        } else {
            throw new Error(data.message || `Failed to add ${currentMediaType.slice(0, -1)}`);
        }
    } catch (error) {
        showMessage(`Error adding ${currentMediaType.slice(0, -1)}: ${error.message}`, 'error');
    }
}

// Edit a media item
function editMedia(id, type) {
    if (viewedUser) {
        showMessage('Cannot edit another user\'s list', 'error');
        return;
    }
    const mediaItem = document.querySelector(`[data-id="${id}"]`);
    const info = mediaItem.querySelector('.media-info');
    const actions = mediaItem.querySelector('.media-actions');
    const editForm = mediaItem.querySelector('.edit-form');

    info.style.display = 'none';
    actions.style.display = 'none';
    editForm.classList.add('active');
}

// Cancel edit
function cancelEdit(id) {
    const mediaItem = document.querySelector(`[data-id="${id}"]`);
    const info = mediaItem.querySelector('.media-info');
    const actions = mediaItem.querySelector('.media-actions');
    const editForm = mediaItem.querySelector('.edit-form');

    info.style.display = 'block';
    actions.style.display = 'flex';
    editForm.classList.remove('active');
}

// Save media changes
async function saveMedia(id, type, imageOnly = false) {
    if (!authToken) {
        showMessage('Please login first', 'error');
        return;
    }
    if (viewedUser) {
        showMessage('Cannot edit another user\'s list', 'error');
        return;
    }

    const formData = new FormData();

    if (imageOnly) {
        const image = document.getElementById(`edit-image-${id}`).files[0];
        if (!image) {
            showMessage('Please select an image', 'error');
            cancelEdit(id);
            return;
        }
        formData.append('image', image);
    } else {
        const title = document.getElementById(`edit-title-${id}`).value.trim();
        const image = document.getElementById(`edit-image-${id}`).files[0];
        const status = document.getElementById(`edit-status-${id}`).value;
        const rating = document.getElementById(`edit-rating-value-${id}`).value ? parseInt(document.getElementById(`edit-rating-value-${id}`).value) : null;
        const startdate = document.getElementById(`edit-startdate-${id}`)?.value;
        const enddate = document.getElementById(`edit-enddate-${id}`).value;
        const currentep = document.getElementById(`edit-currentep-${id}`)?.value ? parseInt(document.getElementById(`edit-currentep-${id}`).value) : null;
        const totalep = document.getElementById(`edit-totalep-${id}`)?.value ? parseInt(document.getElementById(`edit-totalep-${id}`).value) : null;
        const comment = document.getElementById(`edit-comment-${id}`).value;

        if (!title || !status) {
            showMessage('Please provide a title and status', 'error');
            return;
        }

        if (rating !== null && (isNaN(rating) || rating < 1 || rating > 5)) {
            showMessage('Rating must be between 1 and 5', 'error');
            return;
        }

        if (['animes', 'shows'].includes(type)) {
            if (currentep !== null && (isNaN(currentep) || currentep < 0)) {
                showMessage('Current episode must be 0 or greater', 'error');
                return;
            }
            if (totalep !== null && (isNaN(totalep) || totalep < 0)) {
                showMessage('Total episodes must be 0 or greater', 'error');
                return;
            }
            if (currentep !== null && totalep !== null && currentep > totalep) {
                showMessage('Current episode cannot exceed total episodes', 'error');
                return;
            }
        }

        formData.append('title', title);
        formData.append('status', status);
        if (rating !== null) formData.append('rating', rating);
        if (image) formData.append('image', image);
        if (type !== 'movies' && startdate) formData.append('startdate', startdate);
        if (enddate) formData.append('enddate', enddate);
        if (['animes', 'shows'].includes(type) && currentep !== null) formData.append('currentep', currentep);
        if (['animes', 'shows'].includes(type) && totalep !== null) formData.append('totalep', totalep);
        if (comment) formData.append('comment', comment);
    }

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/${CONFIG.COLLECTIONS[type.toUpperCase()]}/records/${id}`, {
            method: 'PATCH',
            headers: {
                'Authorization': `Bearer ${authToken}`
            },
            body: formData
        });

        const data = await response.json();

        if (response.ok) {
            showMessage(imageOnly ? 'Image updated successfully!' : `${type.slice(0, -1)} updated successfully!`);
            cancelEdit(id); // Close edit form
            loadMedia(type, currentUser.id);
        } else {
            throw new Error(data.message || `Failed to update ${imageOnly ? 'image' : type.slice(0, -1)}`);
        }
    } catch (error) {
        showMessage(`Error updating ${imageOnly ? 'image' : type.slice(0, -1)}: ${error.message}`, 'error');
        cancelEdit(id);
    }
}

// Update rating
async function updateRating(id, type, rating) {
    if (!authToken) {
        showMessage('Please login first', 'error');
        return;
    }
    if (viewedUser) {
        showMessage('Cannot edit another user\'s list', 'error');
        return;
    }

    if (rating !== null && (isNaN(rating) || rating < 1 || rating > 5)) {
        showMessage('Rating must be between 1 and 5', 'error');
        return;
    }

    const formData = new FormData();
    if (rating === null) {
        formData.append('rating', ''); // Clear the rating
    } else {
        formData.append('rating', rating);
    }

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/${CONFIG.COLLECTIONS[type.toUpperCase()]}/records/${id}`, {
            method: 'PATCH',
            headers: {
                'Authorization': `Bearer ${authToken}`
            },
            body: formData
        });

        if (response.ok) {
            showMessage(rating === null ? 'Rating cleared!' : 'Rating updated successfully!');
            document.getElementById(`display-rating-value-${id}`).value = rating || '';
            const stars = document.getElementById(`display-rating-${id}`).querySelectorAll('.star');
            stars.forEach(star => {
                star.classList.toggle('selected', rating !== null && parseInt(star.dataset.value) <= rating);
            });
            loadMedia(type, currentUser.id);
        } else {
            const data = await response.json();
            throw new Error(data.message || 'Failed to update rating');
        }
    } catch (error) {
        showMessage(`Error updating rating: ${error.message}`, 'error');
    }
}

// Update episode count
async function updateEpisode(id, type, delta) {
    if (!authToken) {
        showMessage('Please login first', 'error');
        return;
    }
    if (viewedUser) {
        showMessage('Cannot edit another user\'s list', 'error');
        return;
    }

    const currentepInput = document.getElementById(`edit-currentep-${id}`);
    const totalepInput = document.getElementById(`edit-totalep-${id}`);
    const currentep = currentepInput ? parseInt(currentepInput.value) || 0 : 0;
    const totalep = totalepInput ? parseInt(totalepInput.value) || null : null;

    const newCurrentep = Math.max(0, currentep + delta);
    if (totalep !== null && newCurrentep > totalep) {
        showMessage('Current episode cannot exceed total episodes', 'error');
        return;
    }

    const formData = new FormData();
    formData.append('currentep', newCurrentep);

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/${CONFIG.COLLECTIONS[type.toUpperCase()]}/records/${id}`, {
            method: 'PATCH',
            headers: {
                'Authorization': `Bearer ${authToken}`
            },
            body: formData
        });

        if (response.ok) {
            showMessage(`Episode count updated!`);
            loadMedia(type, currentUser.id);
        } else {
            const data = await response.json();
            throw new Error(data.message || `Failed to update episode count`);
        }
    } catch (error) {
        showMessage(`Error updating episode count: ${error.message}`, 'error');
    }
}

// Delete a media item
async function deleteMedia(id, type) {
    if (!authToken) {
        showMessage('Please login first', 'error');
        return;
    }
    if (viewedUser) {
        showMessage('Cannot delete from another user\'s list', 'error');
        return;
    }

    if (!confirm(`Are you sure you want to delete this ${type.slice(0, -1)}?`)) {
        return;
    }

    try {
        const response = await fetch(`${CONFIG.API_BASE}/api/collections/${CONFIG.COLLECTIONS[type.toUpperCase()]}/records/${id}`, {
            method: 'DELETE',
            headers: {
                'Authorization': `Bearer ${authToken}`
            }
        });

        if (response.ok) {
            showMessage(`${type.slice(0, -1)} deleted successfully!`);
            loadMedia(type, currentUser.id);
        } else {
            const data = await response.json();
            throw new Error(data.message || `Failed to delete ${type.slice(0, -1)}`);
        }
    } catch (error) {
        showMessage(`Error deleting ${type.slice(0, -1)}: ${error.message}`, 'error');
    }
}