{{-- Gallery Loader script module --}}
const loadGallery = () => {
    const $container = $('#gallery-items-container-' + pickerId);
    $container.html('<div class="text-center w-100 py-4"><span class="spinner-border text-primary" role="status"></span></div>');

    const params = {
        owner_module: ownerModule,
        allow_shared: allowShared,
        allowed_mime_types: filterMimeTypes,
        search: $('#gallery-search-' + pickerId).val(),
        type: $('#gallery-filter-type-' + pickerId).val(),
        archived: viewArchived
    };

    $.get(urls.index, params, (anexos) => {
        let html = '<div class="row g-2" style="margin: 0 -5px;">';
        anexos.forEach((anexo) => {
            const diskUrl = '/storage/' + anexo.file_path;
            const isImg = anexo.mime_type.startsWith('image/');
            const isPdf = anexo.mime_type === 'application/pdf';
            const isAudio = anexo.mime_type.startsWith('audio/') || ['application/ogg', 'application/x-cdf'].includes(anexo.mime_type);
            const isExcel = anexo.file_path.endsWith('.xlsx') || anexo.file_path.endsWith('.xls') || anexo.file_path.endsWith('.csv') || anexo.file_path.endsWith('.ods') || anexo.mime_type.includes('spreadsheet') || anexo.mime_type.includes('excel') || anexo.mime_type === 'text/csv';

            let displayThumb = '';
            if (isImg) {
                displayThumb = `<img src="${diskUrl}?t=${new Date(anexo.updated_at || anexo.created_at).getTime()}" style="max-height: 100%; max-width: 100%; object-fit: contain;">`;
            } else if (isPdf) {
                displayThumb = `<i class="bi bi-file-earmark-pdf text-danger display-6" aria-hidden="true"></i>`;
            } else if (isAudio) {
                displayThumb = `<i class="bi bi-file-earmark-music text-info display-6" aria-hidden="true"></i>`;
            } else if (isExcel) {
                displayThumb = `<i class="bi bi-file-earmark-excel text-success display-6" aria-hidden="true"></i>`;
            } else {
                displayThumb = `<i class="bi bi-file-earmark-text text-muted display-6" aria-hidden="true"></i>`;
            }

            html += `
                <div class="col-6 col-sm-4 col-md-3" style="padding: 0 5px; margin-bottom: 10px;">
                    <div class="gallery-item-card gallery-item-${pickerId}" data-id="${anexo.id}" data-url="${diskUrl}" data-is-img="${isImg ? '1' : '0'}" data-is-audio="${isAudio ? '1' : '0'}" data-mime-type="${anexo.mime_type || ''}" title="${anexo.alt_text || ''}">
                        <div style="height: 90px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 3px;">
                            ${displayThumb}
                        </div>
                        <div style="font-size: 10px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; padding: 0 2px; text-align: center;">
                            ${anexo.alt_text || anexo.description || 'Sem descrição'}
                        </div>
                    </div>
                </div>`;
        });
        html += '</div>';
        $container.html(anexos.length ? html : '<p class="text-center w-100 py-4 text-muted">Nenhuma mídia encontrada nesta busca.</p>');
    });
};

const selectMedia = (id, path, alt = '', mimeType = '', description = '') => {
    if (activeCallback) {
        activeCallback(id, path, alt, mimeType, description);
    }
    var myPickerModal = bootstrap.Modal.getInstance(document.getElementById('gallery-picker-modal-' + pickerId));
    if (myPickerModal) myPickerModal.hide();
};