MohammedAH's picture
Upload 55 files
5fd1a86 verified
<!-- 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 %}M.A.I.B.A.S{% endblock %}</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.flash-messages {
position: fixed;
top: 1rem;
right: 1rem;
z-index: 50;
}
</style>
{% block extra_head %}{% endblock %}
</head>
<body class="bg-gray-100 min-h-screen">
<nav class="bg-blue-600 text-white shadow-lg">
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
<a href="/" class="text-2xl font-bold">MRI Analysis</a>
<div class="space-x-4">
<a href="/" class="hover:text-blue-200">Home</a>
<a href="/history" class="hover:text-blue-200">History</a>
</div>
</div>
</nav>
<div class="flash-messages">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="bg-{{ 'red' if category == 'error' else 'green' }}-100 border border-{{ 'red' if category == 'error' else 'green' }}-400 text-{{ 'red' if category == 'error' else 'green' }}-700 px-4 py-3 rounded mb-2">
{{ message }}
</div>
{% endfor %}
{% endif %}
{% endwith %}
</div>
<main class="container mx-auto px-4 py-8">
{% block content %}{% endblock %}
</main>
<footer class="bg-blue-600 text-white py-4 mt-auto">
<div class="container mx-auto px-4 text-center">
<p>© 2025 MRI Analysis System. All rights reserved.</p>
</div>
</footer>
{% block scripts %}{% endblock %}
</body>
</html>