<!DOCTYPE html>
<html>
<head>
    <title>Article Importer</title>
    <meta charset="UTF-8">
</head>
<body>
    <h1>Importing Articles...</h1>
    <p>Please wait while articles are being created.</p>
    <div id="status">Loading...</div>
    
    <script>
    // 使用 AJAX 调用 PHP
    fetch('import-articles.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({action: 'import'})
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById('status').innerHTML = 
            '<h2>✅ Complete!</h2>' +
            '<p>Created ' + data.total + ' articles</p>';
    })
    .catch(error => {
        document.getElementById('status').innerHTML = 
            '<h2>❌ Error</h2>' +
            '<p>' + error + '</p>';
    });
    </script>
</body>
</html>