Tab size: 4

<?php require_once 'functions.php'; $tasks = loadTasks(); // Handle task creation if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['task_title'])) { $newTask = [ 'id' => time(), 'title' => htmlspecialchars(trim($_POST['task_title'])), 'completed' => false ]; $tasks[] = $newTask; saveTasks($tasks); header('Location: index.php'); exit; } ?> <!DOCTYPE html> <html> <head> <title>PakARQ Task Master</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="app-container"> <h1>PakARQ Task Master</h1> <p class="subtitle">Full-Stack JSON Powered PHP Application</p> <form method="POST" class="task-form"> <input type="text" name="task_title" placeholder="Enter new mission or task..." required> <button type="submit">Add Task</button> </form> <div class="task-list"> <?php if (empty($tasks)): ?> <p class="empty-msg">No active tasks. Add your first goal!</p> <?php else: ?> <?php foreach ($tasks as $t): ?> <div class="task-card"> <span class="task-title"><?php echo $t['title']; ?></span> <span class="badge <?php echo $t['completed'] ? 'done' : 'pending'; ?>"> <?php echo $t['completed'] ? 'Completed' : 'Pending'; ?> </span> </div> <?php endforeach; ?> <?php endif; ?> </div> </div> </body> </html>