(function () {

    let db;
    const request = indexedDB.open("PtryLndDB_audioRecords", 1);
    const storeName = "audioStore";

    request.onupgradeneeded = function (event) {
        db = event.target.result;
        if (!db.objectStoreNames.contains(storeName)) {

            var objectStore = db.createObjectStore(storeName, { keyPath: 'id', autoIncrement: true });
            // Создаём индекс для поля 'poemId'
            objectStore.createIndex('poemId', 'poemId', { unique: false });
        }
    };

    request.onerror = function (event) {
        console.error("IndexedDB error:", event.target.errorCode);
    };

    request.onsuccess = function (event) {
        db = event.target.result;
        readData('sortByDate');
    };

    function readData(sortType) {
        const transaction = db.transaction([storeName], "readonly");
        const store = transaction.objectStore(storeName);
        const request = store.getAll();

        request.onerror = function (event) {
            console.log("Ошибка при чтении данных", event);
        };

        request.onsuccess = function (event) {
            const recordsFull = event.target.result; // Это список всех записей

            // Обработать каждую запись, исключая поле blob
            const records = recordsFull.map(record => {
                const { blob, ...rest } = record; // Исключаем поле BLOB из объекта
                return rest;
            });

            fetchData(records, sortType);
        };
    }

    function fetchData(audioRecords, sortType) {
        fetch('user-audiorecords-fetch', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ audiorecords: audioRecords, sortType: sortType }),
        })
            //.then(response => response.json())
            .then(response => response.text())
            .then(data => displayData(data))
            .catch((error) => {
                console.error('Ошибка при запросе к серверу:', error);
                alert("Ошибка: " + error);
            });
    }

    function displayData(data) {

        const userAudiorecords = document.getElementById("idUserAudiorecords");

        userAudiorecords.innerHTML = ''; // hidde message
        userAudiorecords.innerHTML = data;

        // -- Daten mit Animation anzeigen

        /*
        #container {
            transition: height 0.5s ease - out, opacity 0.5s ease;
            opacity: 0; // Изначально контейнер скрыт 
        } */

        // Плавное появление контента
        requestAnimationFrame(() => {
            userAudiorecords.style.opacity = 1;
            userAudiorecords.style.height = 'auto'; // или конкретная высота, если известна
        });

        // Загрузить аудиозаписи в <audio>
        readBlobDataAndSetToAudio();
    }


    function readBlobDataAndSetToAudio() {
        const transaction = db.transaction([storeName], "readonly");
        const store = transaction.objectStore(storeName);
        const request = store.getAll();

        request.onerror = function (event) {
            console.log("Ошибка при чтении данных", event);
        };

        request.onsuccess = function (event) {
            const records = event.target.result; // Это список всех записей

            records.forEach(record => {
                // находим аудио элемент
                const audioElement = document.querySelector(`audio[data-recordkey="${record.id}"]`);
                if (audioElement) {
                    // blob to url
                    const blobUrl = URL.createObjectURL(record.blob);
                    audioElement.src = blobUrl;
                }
            });
        };
    }


    // -- Remove All

    let btnRemoveAllRecords = document.getElementById('btnRemoveAllRecords');
    btnRemoveAllRecords.addEventListener('click', btnRemoveAllRecords_click);

    function btnRemoveAllRecords_click() {
        removeAllRecords();
        readData('sortByDate');
    }

    function removeAllRecords() {

        // Создание транзакции с правами на запись
        var transaction = db.transaction([storeName], "readwrite");
 
        // Получение доступа к объектному хранилищу
        var objectStore = transaction.objectStore(storeName);
 
        // Удаление всех записей из объектного хранилища
        var clearRequest = objectStore.clear();
 
        clearRequest.onsuccess = function (event) {
            // Успешное удаление всех записей
            console.log("All records deleted from store");
        };
 
        clearRequest.onerror = function (event) {
            // Обработка ошибок при удалении записей
            console.error("Clear request error: " + event.target.errorCode);
            alert("Ошибка во время удаления записей: " + event.target.errorCode);
        };
 
        //// Закрытие базы данных после завершения транзакции
        //transaction.oncomplete = function (event) {
        //db.close();
        //};
    }

    // -- Sorting

    document.getElementById('action_sortByDate').addEventListener('click', e => { sorting_click('sortByDate'); });
    document.getElementById('action_sortByAuthor').addEventListener('click', e => {sorting_click('sortByAuthor'); });
    document.getElementById('action_sortByTitle').addEventListener('click', e => { sorting_click('sortByTitle'); });

    function sorting_click(sortType) {
        readData(sortType);
    }

    // -- Обработка нажатия на "Удалить запись"

    // конейнер где будут содержаться загружаемые элементы <article>
    let userAudiorecords = document.getElementById("idUserAudiorecords");

    userAudiorecords.addEventListener('click', userAudiorecords_click);

    function userAudiorecords_click(e) {

        const targetA = e.target.closest('a[href="#removeRecord"]');

        // Проверяем, что клик был совершен именно по ссылке 'Удалить запись'
        if (targetA) {
            e.preventDefault(); // Предотвратить стандартное действие для ссылки

            const recordKey = targetA.getAttribute('data-recordkey');
            //const poemId = e.target.getAttribute('data');

            // Найти ближайший родительский элемент <article>
            const divAudio = targetA.closest('div.entry-audio');
            if (divAudio) {
                // Здесь ваш код для обработки удаления, например:
                console.log('Удаление статьи:', divAudio);

                removeAudiorecordByRecordKey(recordKey);

                // удалить элемент из DOM
                divAudio.remove();
            }
        }
    }

    function removeAudiorecordByRecordKey(recordKey) {
        // нужно преобразовать строковой параметр в число, что бы удаление срабатывало.
        recordKey = parseInt(recordKey, 10);

        // Открытие транзакции
        var transaction = db.transaction([storeName], 'readwrite');
        var objectStore = transaction.objectStore(storeName);
 
        // Удаление записи
        var deleteRequest = objectStore.delete(recordKey);
 
        deleteRequest.onsuccess = function (event) {
            // Обработка успешного удаления записи
            console.log('Запись успешно удалена.');
            // alert('Запись успешно удалена.');
        };
 
        deleteRequest.onerror = function (event) {
            // Обработка ошибок при удалении записи
            console.error('Ошибка при удалении записи:', event.target.errorCode);
        };
 
    }


})()