<!-- templates/base.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Poker Analytics{% endblock %}</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'subscriptions/css/output.css' %}" />
    <link rel="stylesheet" href="{% static 'subscriptions/css/main.css' %}" />

</head>
<body class="bg-gray-100 min-h-screen">
    <header class="bg-blue-600 text-white shadow-md">
        <div class="container mx-auto px-4 py-4">
            <div class="flex justify-between items-center">
                <a href="/" class="text-2xl font-bold">Poker Analytics</a>
                <nav>
                    <ul class="flex space-x-6">
                        <li><a href="{% url 'monthly_summary' %}" class="hover:text-blue-200">Subscriptions</a></li>
                        <!-- Add other navigation items here -->
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <main class="container mx-auto px-4 py-8">
        {% block content %}{% endblock %}
    </main>

    <footer class="bg-gray-800 text-white py-6 mt-auto">
        <div class="container mx-auto px-4">
            <p class="text-center">&copy; {% now "Y" %} Poker Analytics. All rights reserved.</p>
        </div>
    </footer>

    {% block scripts %}{% endblock %}
</body>
</html>
