
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Store URLs</title>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            fetch('./get-store-urls.php')
                .then(response => response.json())
                .then(data => {
                    const urlList = document.getElementById('store-url-list');

                    if (data.error) {
                        urlList.innerHTML = '<li>Error: ' + data.error + '</li>';
                        return;
                    }

                    data.forEach(store => {
                        const listItem = document.createElement('li');
                        const link = document.createElement('a');

                        link.href = store.url;
                        link.textContent = store.name;

                        listItem.appendChild(link);
                        urlList.appendChild(listItem);
                    });
                })
                .catch(error => {
                    console.error('Error fetching store URLs:', error);
                });
        });
    </script>
</head>
<body>
<h1>All Store URLs</h1>
<ul id="store-url-list">
</ul>
</body>
</html>
