scripts.js

document.addEventListener('DOMContentLoaded', function() {
    const tools = [
        { 
            name: 'OCR App 2.0', 
            description: {
                pl: 'Zaawansowane narzędzie do rozpoznawania tekstu ze zdjęć', 
                en: 'Advanced tool for text recognition from images'
            }, 
            link: 'https://jacob22092.github.io/OCR-App-2.0/', 
            new: true,
            image: 'photos/ocr-app-2.0.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Konwerter',
                    en: 'Converter'
                },
                color: 'category-converter'
            }
        },
        { 
            name: 'OCR App', 
            description: {
                pl: 'Podstawowe narzędzie do rozpoznawania tekstu ze zdjęć', 
                en: 'Basic tool for text recognition from images'
            }, 
            link: 'https://jacob22092.github.io/OCR-App/', 
            new: false,
            image: 'photos/ocr-app.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Konwerter',
                    en: 'Converter'
                },
                color: 'category-converter'
            }
        },
        {
            name: 'GoodTape',
            description: {
                pl: 'Narzędzie do transkrypcji i edycji wideo',
                en: 'Tool for transcription and video editing'
            },
            link: 'https://goodtape.io/',
            new: false,
            image: 'photos/goodtape.jpg',
            price: 'Free Plan',
            category: {
                name: {
                    pl: 'Audio',
                    en: 'Audio'
                },
                color: 'category-audio'
            }
        },
        {
            name: 'PhotoRoom',
            description: {
                pl: 'Narzędzie do usuwania tła z obrazów',
                en: 'Tool for removing background from images'
            },
            link: 'https://www.photoroom.com/tools/background-remover',
            new: false,
            image: 'photos/photoroom.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Grafika',
                    en: 'Graphics'
                },
                color: 'category-graphics'
            }
        },
        {
            name: 'Photopea',
            description: {
                pl: 'Alternatywa dla popularnego programu Photoshop',
                en: 'Alternative to the popular Photoshop program'
            },
            link: 'https://www.photopea.com/',
            new: false,
            image: 'photos/photopea.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Grafika',
                    en: 'Graphics'
                },
                color: 'category-graphics'
            }
        },
        {
            name: 'Canva',
            description: {
                pl: 'Narzędzie do projektowania grafiki',
                en: 'Tool for graphic design'
            },
            link: 'https://www.canva.com/',
            new: false,
            image: 'photos/canva.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Grafika',
                    en: 'Graphics'
                },
                color: 'category-graphics'
            }
        },
        {
            name: 'LibreOffice',
            description: {
                pl: 'Bezpłatny pakiet biurowy kompatybilny z Microsoft Office, oferujący edytor tekstu, arkusze kalkulacyjne i prezentacje.',
                en: 'Free office suite compatible with Microsoft Office, offering a word processor, spreadsheets, and presentations.'
            },
            link: 'https://www.libreoffice.org/',
            new: false,
            image: 'photos/libreoffice.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Edytor',
                    en: 'Editor'
                },
                color: 'category-editor'
            }
        },
        {
            name: 'Overleaf',
            description: {
                pl: 'Edytor LaTeX online do tworzenia dokumentów akademickich, umożliwiający współpracę w czasie rzeczywistym.',
                en: 'Online LaTeX editor for creating academic documents, enabling real-time collaboration.'
            },
            link: 'https://www.overleaf.com/',
            new: false,
            image: 'photos/overleaf.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Edytor',
                    en: 'Editor'
                },
                color: 'category-editor'
            }
        },
        {
            name: 'Notion',
            description: {
                pl: 'Darmowe narzędzie do notatek, planowania i zarządzania projektami z różnorodnymi bazami danych i kalendarzami.',
                en: 'Free tool for note-taking, planning, and project management with various databases and calendars.'
            },
            link: 'https://www.notion.so/',
            new: false,
            image: 'photos/notion.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Edytor',
                    en: 'Editor'
                },
                color: 'category-editor'
            }
        },
        {
            name: 'Trello',
            description: {
                pl: 'Darmowe narzędzie do zarządzania projektami i organizacji zadań oparte na tablicach kanban.',
                en: 'Free tool for project management and task organization based on kanban boards.'
            },
            link: 'https://trello.com/',
            new: false,
            image: 'photos/trello.jpg',
            price: 'Free Plan',
            category: {
                name: {
                    pl: 'Planer',
                    en: 'Planner'
                },
                color: 'category-planner'
            }
        },
        {
            name: 'Anki',
            description: {
                pl: 'Program do nauki za pomocą fiszek z synchronizacją na różnych urządzeniach, wykorzystujący powtarzanie przestrzenne.',
                en: 'Program for learning with flashcards synchronized across different devices, utilizing spaced repetition.'
            },
            link: 'https://apps.ankiweb.net/',
            new: false,
            image: 'photos/anki.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Nauka',
                    en: 'Study'
                },
                color: 'category-study'
            }
        },
        {
            name: 'Forest Free',
            description: {
                pl: 'Aplikacja pomagająca w koncentracji poprzez sadzenie wirtualnych drzew podczas pracy.',
                en: 'App helping with focus by planting virtual trees during work.'
            },
            link: 'https://www.forestapp.cc/',
            new: false,
            image: 'photos/forest.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Skupienie',
                    en: 'Focus'
                },
                color: 'category-focus'
            }
        },
        {
            name: 'Habitica',
            description: {
                pl: 'Aplikacja do zarządzania zadaniami i nawykami w formie gry RPG, motywująca do realizacji celów.',
                en: 'App for task and habit management in the form of an RPG game, motivating to achieve goals.'
            },
            link: 'https://habitica.com/',
            new: false,
            image: 'photos/habitica.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Skupienie',
                    en: 'Focus'
                },
                color: 'category-focus'
            }
        },
        {
            name: 'Audacity',
            description: {
                pl: 'Bezpłatne narzędzie do nagrywania i edycji dźwięku, popularne wśród podcasterów i muzyków.',
                en: 'Free tool for recording and editing sound, popular among podcasters and musicians.'
            },
            link: 'https://www.audacityteam.org/',
            new: false,
            image: 'photos/audacity.jpg',
            price: 'Free',
            category: {
                name: {
                    pl: 'Audio',
                    en: 'Audio'
                },
                color: 'category-audio'
            }
        }
    ];

    const translations = {
        pl: {
            pageTitle: "StudyTools - Narzędzia dla Studentów",
            headerTitle: "StudyTools",
            headerDescription: "Twoje ulubione narzędzia do nauki w jednym miejscu",
            toolsListTitle: "Lista Narzędzi",
            tableHeaderName: "Nazwa",
            tableHeaderDescription: "Opis",
            tableHeaderAction: "Akcja",
            freeInfo: {
                free: "Narzędzie jest darmowe",
                freePlan: "Narzędzie ma darmowy plan"
            },
            suggestTitle: "Proponuj Narzędzia",
            suggestDescription: "Razem możemy zbudować wielką listę wspaniałych narzędzi, które pomogą nam wszystkim w nauce i pracy. Jeśli masz sugestię dotyczącą narzędzia, które moglibyśmy dodać, kliknij przycisk poniżej i wypełnij formularz Google.",
            suggestButton: "Zaproponuj Narzędzie"
        },
        en: {
            pageTitle: "StudyTools - Tools for Students",
            headerTitle: "StudyTools",
            headerDescription: "Your favorite study tools in one place",
            toolsListTitle: "Tool List",
            tableHeaderName: "Name",
            tableHeaderDescription: "Description",
            tableHeaderAction: "Action",
            freeInfo: {
                free: "This tool is free",
                freePlan: "This tool has a free plan"
            },
            suggestTitle: "Suggest Tools",
            suggestDescription: "Together we can build a great list of amazing tools to help us all in our studies and work. If you have a suggestion for a tool we could add, click the button below and fill out the Google form.",
            suggestButton: "Suggest a Tool"
        }
    };

    function setLanguage(language) {
        document.title = translations[language].pageTitle;
        document.getElementById('header-title').textContent = translations[language].headerTitle;
        document.getElementById('header-description').textContent = translations[language].headerDescription;
        document.getElementById('tools-title').textContent = translations[language].toolsListTitle;
        document.getElementById('suggest-title').textContent = translations[language].suggestTitle;
        document.getElementById('suggest-description').textContent = translations[language].suggestDescription;
        document.getElementById('suggest-button').textContent = translations[language].suggestButton;
        
        tools.forEach(tool => {
            tool.translatedDescription = tool.description[language];
            tool.translatedCategoryName = tool.category.name[language];
            tool.translatedFreeInfo = tool.price === 'Free' ? translations[language].freeInfo.free : translations[language].freeInfo.freePlan;
        });
    }

    const userLang = navigator.language || navigator.userLanguage;
    const language = userLang.startsWith('pl') ? 'pl' : 'en';
    setLanguage(language);

    const toolsList = document.getElementById('tools');
    const modal = document.getElementById('toolModal');
    const modalTitle = document.getElementById('modalTitle');
    const modalImage = document.getElementById('modalImage');
    const modalDescription = document.getElementById('modalDescription');
    const modalCategory = document.getElementById('modalCategory');
    const modalFreeInfo = document.getElementById('modalFreeInfo');
    const closeModal = document.getElementsByClassName('close')[0];

    function displayTools(toolsToShow) {
        toolsList.innerHTML = '';
        toolsToShow.forEach(tool => {
            const listItem = document.createElement('div');
            const visitButton = `<a href="${tool.link}" target="_blank"><button class="visit-btn"><i class="fas fa-external-link-alt"></i> Visit</button></a>`;
            const newIcon = tool.new ? '<i class="fas fa-star new-icon"></i>' : '';
            listItem.className = tool.new ? 'tool-card new-tool ' + tool.category.color : 'tool-card ' + tool.category.color;
            listItem.innerHTML = `
                <img src="${tool.image}" alt="${tool.name}">
                <div class="tool-card-content">
                    <h3>${newIcon}${tool.name}</h3>
                    <p>${tool.translatedDescription}</p>
                    ${visitButton}
                </div>`;
            listItem.addEventListener('click', () => {
                modalTitle.textContent = tool.name;
                modalImage.src = tool.image;
                modalDescription.textContent = tool.translatedDescription;
                modalCategory.textContent = tool.translatedCategoryName;
                modalCategory.className = `badge category-badge ${tool.category.color}`;
                modalFreeInfo.textContent = tool.translatedFreeInfo;
                modal.style.display = 'block';
            });
            toolsList.appendChild(listItem);
        });
    }

    displayTools(tools);

    closeModal.onclick = function() {
        modal.style.display = 'none';
    }

    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = 'none';
        }
    }

    // Filtruj narzędzia według kategorii
    const categoryButtons = document.querySelectorAll('.category-button');
    categoryButtons.forEach(button => {
        button.addEventListener('click', () => {
            const category = button.getAttribute('data-category');
            if (category === 'all') {
                displayTools(tools);
            } else {
                const filteredTools = tools.filter(tool => tool.category.color === category);
                displayTools(filteredTools);
            }
        });
    });

    // Cookie Consent
    const cookieConsent = document.getElementById('cookieConsent');
    const acceptCookies = document.getElementById('acceptCookies');

    if (!localStorage.getItem('cookiesAccepted')) {
        cookieConsent.style.display = 'block';
    }

    acceptCookies.onclick = () => {
        localStorage.setItem('cookiesAccepted', 'true');
        cookieConsent.style.display = 'none';
    }
});