@model Watcher.ViewModels.ServerDetailsViewModel
@{
    ViewData["Title"] = "Serverübersicht";
}

<div id="server-cards-container">
    @await Html.PartialAsync("_ServerDetails")
</div>


@section Scripts {
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="~/js/server_uptime.js"></script>

    <script>
        async function loadServerStats() {  
            try {
                const response = await fetch('/Server/ServerDetailsPartial');
                if (response.ok) {
                    const html = await response.text();
                    document.getElementById('server-cards-container').innerHTML = html;
                } else {
                    console.error('Fehler beim Nachladen der Serverdaten');
                }
            } catch (err) {
                console.error('Netzwerkfehler beim Nachladen der Serverdaten:', err);
            }
        }

        // Initial laden und dann alle 30 Sekunden
        loadServerStats();
        setInterval(loadServerCards, 30000);
    </script>
}