[m. in.] The QUEST-RA Group

<!-- BPP - Lista publikacji autora [m. in.] The QUEST-RA Group -->
<!-- Ten kod automatycznie pobiera i wyświetla 25 najnowszych publikacji z systemu BPP -->
<div id="bpp-publikacje" style="font-family: Arial, sans-serif;">
    <div style="text-align: center; padding: 20px; color: #666;">
        Ładowanie publikacji...
    </div>
</div>

<script>
(function() {
    // Konfiguracja - te wartości są już ustawione dla Twojego profilu
    const BPP_SERVER = 'https://bpp.umlub.pl';  // Adres serwera BPP
    const AUTOR_ID = 21200;  // Twój identyfikator w systemie BPP

    // Funkcja pobierająca i wyświetlająca publikacje
    async function zaladujPublikacjeBPP() {
        const container = document.getElementById('bpp-publikacje');

        try {
            // Pobierz dane z API BPP
            const response = await fetch(`${BPP_SERVER}/api/v1/recent_author_publications/${AUTOR_ID}/`);

            if (!response.ok) {
                throw new Error('Nie udało się pobrać danych');
            }

            const data = await response.json();

            // Wyczyść kontener
            container.innerHTML = '';

            // Sprawdź czy są publikacje
            if (data.publications && data.publications.length > 0) {
                // Utwórz nagłówek
                const header = document.createElement('h3');
                header.textContent = 'Publikacje';
                header.style.cssText = 'color: #2c3e50; margin-bottom: 20px; font-size: 1.5rem;';
                container.appendChild(header);

                // Utwórz listę publikacji
                const list = document.createElement('ol');
                list.style.cssText = 'padding-left: 20px; line-height: 1.8;';

                data.publications.forEach(pub => {
                    const item = document.createElement('li');
                    item.style.cssText = 'margin-bottom: 15px; color: #333;';

                    // Opis bibliograficzny
                    const opis = document.createElement('span');
                    opis.innerHTML = pub.opis_bibliograficzny;
                    item.appendChild(opis);

                    // Link do szczegółów
                    const link = document.createElement('a');
                    link.href = pub.url;
                    link.target = '_blank';
                    link.textContent = ' [szczegóły]';
                    link.style.cssText = 'color: #3498db; text-decoration: none; font-size: 0.9em;';
                    link.onmouseover = function() { this.style.textDecoration = 'underline'; };
                    link.onmouseout = function() { this.style.textDecoration = 'none'; };
                    item.appendChild(link);

                    list.appendChild(item);
                });

                container.appendChild(list);

                // Dodaj stopkę z informacją
                const footer = document.createElement('p');
                footer.style.cssText = 'margin-top: 20px; padding-top: 15px; border-top: 1px solid #e9ecef; color: #7f8c8d; font-size: 0.85em; font-style: italic;';
                footer.innerHTML = `Wyświetlono ${data.count} ostatnich publikacji. ` +
                                 `<a href="${BPP_SERVER}/bpp/autor/The-QUEST-RA-Group-m-in/" target="_blank" style="color: #3498db;">` +
                                 `Zobacz pełny profil w systemie BPP →</a>`;
                container.appendChild(footer);

            } else {
                container.innerHTML = '<p style="color: #7f8c8d;">Brak publikacji do wyświetlenia.</p>';
            }

        } catch (error) {
            // Obsługa błędów
            console.error('Błąd BPP:', error);
            container.innerHTML = `
                <div style="padding: 20px; background: #fee; border: 1px solid #fcc; border-radius: 4px; color: #c00;">
                    Nie udało się załadować listy publikacji.
                    <a href="${BPP_SERVER}/bpp/autor/The-QUEST-RA-Group-m-in/" target="_blank" style="color: #3498db;">
                        Zobacz publikacje w systemie BPP
                    </a>
                </div>
            `;
        }
    }

    // Uruchom po załadowaniu strony
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', zaladujPublikacjeBPP);
    } else {
        zaladujPublikacjeBPP();
    }
})();
</script>