<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.tailwindcss.com"></script>
    <title>NOTES</title>
  </head>
  <body>
    <div class="main w-full min-h-screen bg-zinc-900 text-white p-10">
      <a class="text-blue-500 inline-block mb-10" href="/"
        >go back to Homepage</a
      >

      <div class="form">
        <form action="/edit" method="post" class="p-2">
          <input
            class="block px-5 py-2 w-1/3 rounded-md mb-3 outline-none text-zinc-500 bg-zinc-800"
            type="text"
            placeholder="Previous Name"
            name="previous"
            value="<%= filename %>"
          />

          <input
            class="block px-5 py-2 w-1/3 rounded-md outline-none bg-zinc-800"
            type="text"
            placeholder="New name"
            name="new"
          />
          <input
            class="mt-2 bg-yellow-600 px-5 py-2 rounded-md"
            type="submit"
            value="Update Name"
          />
        </form>
      </div>
    </div>
  </body>
</html>
