HananoshikaYomaru/index.php

## index.php
<?php
session_start();

// Initialize the todo list
if (!isset($_SESSION['todos'])) {
    $_SESSION['todos'] = [];
}

// Add a new todo item
if ($_SERVER["REQUEST_METHOD"] == "POST" && !empty($_POST['new_todo'])) {
    array_unshift($_SESSION['todos'], ['task' => $_POST['new_todo'], 'done' => false]);
}

// Toggle the done status
if ($_SERVER["REQUEST_METHOD"] == "GET" && isset($_GET['toggle'])) {
    $index = $_GET['toggle'];
    $_SESSION['todos'][$index]['done'] = !$_SESSION['todos'][$index]['done'];
    usort($_SESSION['todos'], function ($a, $b) {
        return $b['done'] <=> $a['done'];
    });
}

// Remove a todo item
if ($_SERVER["REQUEST_METHOD"] == "GET" && isset($_GET['remove'])) {
    $index = $_GET['remove'];
    array_splice($_SESSION['todos'], $index, 1);
}
?>


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple To-Do List</title>
    <link href="style.css" rel="stylesheet">
</head>

<body>
    <h1>Simple To-Do List</h1>
    <form method="post" action="index.php">
        <input type="text" name="new_todo" required>
        <button type="submit">Add</button>
    </form>
    <div>
        <?php foreach ($_SESSION['todos'] as $index => $todo) : ?>
            <div class="todo-item">
                <span class="<?= $todo['done'] ? 'strikethrough' : '' ?>">
                    <?= htmlspecialchars($todo['task']) ?>
                </span>
                <a href="?toggle=<?= $index ?>">[<?= $todo['done'] ? 'Uncheck' : 'Check' ?>]</a>
                <a href="?remove=<?= $index ?>">[Remove]</a>
            </div>
        <?php endforeach; ?>
    </div>

</body>

</html>

## style.css
.strikethrough {
  text-decoration: line-through;
}
.todo-item {
  margin-bottom: 10px;
}
	<?php
	session_start();

	// Initialize the todo list
	if (!isset($_SESSION['todos'])) {
	$_SESSION['todos'] = [];
	}

	// Add a new todo item
	if ($_SERVER["REQUEST_METHOD"] == "POST" && !empty($_POST['new_todo'])) {
	array_unshift($_SESSION['todos'], ['task' => $_POST['new_todo'], 'done' => false]);
	}

	// Toggle the done status
	if ($_SERVER["REQUEST_METHOD"] == "GET" && isset($_GET['toggle'])) {
	$index = $_GET['toggle'];
	$_SESSION['todos'][$index]['done'] = !$_SESSION['todos'][$index]['done'];
	usort($_SESSION['todos'], function ($a, $b) {
	return $b['done'] <=> $a['done'];
	});
	}

	// Remove a todo item
	if ($_SERVER["REQUEST_METHOD"] == "GET" && isset($_GET['remove'])) {
	$index = $_GET['remove'];
	array_splice($_SESSION['todos'], $index, 1);
	}
	?>


	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Simple To-Do List</title>
	<link href="style.css" rel="stylesheet">
	</head>

	<body>
	<h1>Simple To-Do List</h1>
	<form method="post" action="index.php">
	<input type="text" name="new_todo" required>
	<button type="submit">Add</button>
	</form>
	<div>
	<?php foreach ($_SESSION['todos'] as $index => $todo) : ?>
	<div class="todo-item">
	<span class="<?= $todo['done'] ? 'strikethrough' : '' ?>">
	<?= htmlspecialchars($todo['task']) ?>
	</span>
	<a href="?toggle=<?= $index ?>">[<?= $todo['done'] ? 'Uncheck' : 'Check' ?>]</a>
	<a href="?remove=<?= $index ?>">[Remove]</a>
	</div>
	<?php endforeach; ?>
	</div>

	</body>

	</html>
	.strikethrough {
	text-decoration: line-through;
	}
	.todo-item {
	margin-bottom: 10px;
	}