<?php
// views/header.php
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sistem Penilaian Berbasis TP</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <style>
        /* CSS Tambahan untuk konsistensi */
        .min-h-screen {
            min-height: 100vh;
        }
    </style>
</head>
<body class="p-4 md:p-8 bg-gray-50">
    <div class="w-full max-w-7xl mx-auto bg-white p-6 md:p-10 shadow-2xl rounded-xl border border-gray-100">
        <h1 class="text-3xl font-extrabold text-center text-red-700 mb-6 border-b pb-4">Sistem Penilaian Berbasis TP</h1>

        <?php if (isset($message) && $message): ?>
            <div class="bg-<?php echo ($message_type === 'success') ? 'green' : 'red'; ?>-100 border border-<?php echo ($message_type === 'success') ? 'green' : 'red'; ?>-400 text-<?php echo ($message_type === 'success') ? 'green' : 'red'; ?>-700 px-4 py-3 rounded relative mb-4" role="alert">
                <span class="block sm:inline"><?php echo htmlspecialchars($message); ?></span>
            </div>
        <?php endif; ?>