var imgContainer = document.getElementById('response-container')
function filling(line){
    const Container =
        `<button class="col-xxl-4 col-lg-6 col-12 p-0 btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#imageModal">
                <img src="` + line + `" class="rounded-8 width-100" alt="image">
        </button>`
    imgContainer.innerHTML += Container
}
function Fill(){
    fetch('imgs.txt')
        .then(response => response.text())
        .then(data => {
            readFile(data)
        })
        .catch(error => {
            console.error('Ошибка:', error);
        });
}


async function readFile(file) {
    console.log(file);
    const arr = file.split(/\r?\n/gm)
    arr.map(line => filling(line))
    console.log('done')
    imgContainer.innerHTML += `
        <button onclick="file.click()" type="button" class="col-xxl-4 col-lg-6 col-12 p-0 btn btn-dark mx-auto my-4 rounded-8 fw-bold fs-1 PictureButton">
            +
        </button>
        <input id="file" type="file" hidden`
}