<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Numerous Demo App</title>
    <link href="static/css/styles.css" rel="stylesheet">
</head>
<body>


    <div class="header-container">
        <div class="logo"><img src="static/logo.svg" alt="Numerous Logo"></div>
    </div>


<div class="main-content">
    <div>
        {{tabs}}
    </div>
    <div class="bordered_container" >
        <div style="display: flex;">
            {{ tab_show_basic }}
            <div class="column_with_spacing">
                {{ counter }}
                {{ increment_counter }}
                {{ selection_widget}}
            </div>
        </div>
        <div style="display: block;">
            {{ tab_show_map }}
            <div class="column_with_spacing" style="display: block; width: 100%; height: 100%;">
                {{ map_widget }}
            </div>
        </div>
        <div style="display: block;">
            {{ tab_show_chart }}
            <div class="column_with_spacing" style="display: block; width: 100%; height: 100%;">
                {{ chart}}
            </div>
        </div>
    </div>
</div>

<footer>
    <p>&copy; 2024 Numerous ApS. All rights reserved.</p>
</footer>
</body>
</html> 