
<!DOCTYPE html>
<html>
<head>
    <title>Homepage</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <style>
        body {
            overflow-x: hidden;
        }
        .header {
            position: fixed;
            top: 2rem;
            width: 100%;
            text-align: center;
            z-index: 999;
        }
        .fullscreen-image {
            width: 100%;
            height: 100vh;
            object-fit: cover;
            opacity: 0.8;
        }
        .btn-warning {
            background-color: #f0ad4e;
            border-color: #f0ad4e;
            font-weight: 600;
            margin-top: 1rem;
        }
        .btn-warning:hover {
            background-color: #eea236;
            border-color: #eea236;
        }
        .btn-warning:focus {
            box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
        }
    </style>
</head>
<body>
    <div class="container-fluid position-relative p-0">
        
        <div class="header">
            <h1 class="display-4 mb-4 mt-2">Welcome to the Clearance Form Portal</h1>
            <% if (user) { %>
                <p class="lead">You are logged in as <%= user.username %>.</p>
                <a class="btn btn-warning" href="/logout">Logout</a>
            <% } else { %>
                <div class="d-flex flex-column align-items-center">
                    <br>
                    <br>
                    <a class="btn btn-warning mb-3" href="/adminlogin">Upload Student Data</a>
                    <a class="btn btn-warning mb-3" href="/login">Check Student Status</a>
                    <a class="btn btn-warning" href="/studentlogin">Download Form</a>
                </div>
            <% } %>
        </div>
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
    </body>
</html>
