<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Choose Assessment Mode | RS Learning Lab</title>

    <style>
        body{
            margin:0;
            min-height:100vh;
            background:radial-gradient(circle at top,#0f172a,#020617);
            font-family:Segoe UI,sans-serif;
            color:#e5e7eb;
        }
        .wrap{
            max-width:1100px;
            margin:80px auto;
            padding:20px;
        }
        h1{
            font-size:34px;
            margin-bottom:6px;
        }
        .sub{
            opacity:.7;
            margin-bottom:45px;
        }
        .cards{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:30px;
        }
        .card{
            background:linear-gradient(180deg,#111827,#020617);
            border:1px solid #1f2937;
            border-radius:20px;
            padding:32px;
            transition:.3s;
        }
        .card:hover{
            border-color:#0ea5e9;
            transform:translateY(-6px);
        }
        .title{
            font-size:22px;
            margin-bottom:10px;
        }
        .desc{
            opacity:.8;
            line-height:1.6;
        }
        a{
            text-decoration:none;
            color:inherit;
        }
        .back{
            display:inline-block;
            margin-top:40px;
            color:#38bdf8;
        }
    </style>
</head>
<body>

<div class="wrap">
    <h1>Choose Assessment Mode</h1>
    <div class="sub">
        Select how you want to conduct the learning style assessment.
    </div>

    <div class="cards">

        <a href="manual.php">
            <div class="card">
                <div class="title">👨‍🏫 Facilitated Mode</div>
                <div class="desc">
                    Teacher conducts the assessment.
                    Upload class list and guide students
                    in classroom or lab.
                </div>
            </div>
        </a>

        <a href="self_assessment_start.php">
            <div class="card">
                <div class="title">💻 Self-Assessment Mode</div>
                <div class="desc">
                    Students attempt the assessment independently
                    using name or roll number.
                </div>
            </div>
        </a>

    </div>

    <a href="dashboard.php" class="back">← Back to Dashboard</a>
</div>

</body>
</html>
