<?php
require_once "../config/core.php";

$exam_id = generate_exam_id();
$password = generate_password();
$ref = generate_ref();
$date = date("d F Y");
?>

<!DOCTYPE html>
<html>
<head>
<title>Exam Builder v2</title>
<link rel="stylesheet" href="../assets/css/admin.css">

<style>
.box{
    max-width:900px;
    margin:40px auto;
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

input, textarea{
    width:100%;
    padding:12px;
    margin-top:6px;
    border-radius:8px;
    border:1px solid #ccc;
}

button{
    padding:15px;
    background:#008751;
    color:#fff;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-size:16px;
}
</style>
</head>

<body>

<div class="box">

<h2>Exam-Gate Enterprise v2</h2>
<p><strong>Date:</strong> <?php echo $date; ?></p>

<h3>School Information</h3>

<input id="school_name" placeholder="School Name">
<input id="country" placeholder="Country">
<input id="state" placeholder="State">
<input id="city" placeholder="City">

<h3>Exam Information</h3>

<input id="subject" placeholder="Subject">
<input id="class" placeholder="Class">
<input id="duration" placeholder="Duration (Minutes)">
<textarea id="instructions" placeholder="Instructions"></textarea>

<h3>System Generated</h3>

<p><b>Exam ID:</b> <?php echo $exam_id; ?></p>
<p><b>Password:</b> <?php echo $password; ?></p>
<p><b>Reference:</b> <?php echo $ref; ?></p>

<button onclick="createExam()">CREATE EXAM</button>

</div>

<script>
function createExam(){

let data = {
    exam_id:"<?php echo $exam_id; ?>",
    password:"<?php echo $password; ?>",
    ref:"<?php echo $ref; ?>",
    school_name:document.getElementById("school_name").value,
    country:document.getElementById("country").value,
    state:document.getElementById("state").value,
    city:document.getElementById("city").value,
    subject:document.getElementById("subject").value,
    class:document.getElementById("class").value,
    duration:document.getElementById("duration").value,
    instructions:document.getElementById("instructions").value
};

fetch("save_exam.php",{
    method:"POST",
    headers:{ "Content-Type":"application/json" },
    body:JSON.stringify(data)
})
.then(res=>res.text())
.then(res=>{
    document.body.innerHTML = res;
});
}
</script>

</body>
</html>