<!DOCTYPE html>
<html lang="en">
{% load static tailwind_tags %} <!-- Load Tailwind CSS template tags -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}CSV Upload{% endblock %}</title>
   {% tailwind_css %}
</head>
<body class="bg-gray-100">
    <header class="fixed top-0 left-0 w-full bg-blue-900 p-4 z-10">
        <div class="container mx-auto flex items-center justify-between">
            <!-- GÉANT Logo -->
            <img src="https://geant.org/wp-content/uploads/2022/01/geant_logo_f2020_new.svg" alt="GÉANT Logo" class="h-12">
            <div class="flex-grow text-center">
                <span class="text-white text-2xl font-bold tracking-wide">Sage Validation</span>
            </div>
        </div>
    </header>

    <main class="mt-24 p-10">
        {% block content %}
        {% endblock %}
    </main>

    <script>
        // Global JavaScript code
    </script>
</body>
</html>