<html lang="en">
  <head>
    <%- include("./partials/head.ejs") %>
  </head>

  <body class="bg-gray-100">
    <%- include("./partials/navbar.ejs") %>

    <div class="container mx-auto p-5">
      <div class="bg-white shadow-lg rounded-lg p-6">
        <h2 class="text-2xl font-bold mb-4"><%= data.title %></h2>
        <div class="content">
          <p class="mb-2"><%= data.content %></p>
          <p class="mb-4"><%= data.content2 %></p>
        </div>
        <button id="delete" data-doc="<%= data._id %>"
          class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded"
        >
          Delete
        </button>
      </div>
    </div>

    <%- include("./partials/footer.ejs") %>
    <script src="/delete.js"></script>
  </body>
</html>
