<!DOCTYPE html>
<html lang="en">
<head>
  <%- include("partials/head") %>
</head>
<body>
  <header>
    <%- include("partials/header") %>
  </header>
  <main>
    <div class="product-detail-wrapper">
      <div class="product-image-wrapper">
        <img src="<%= product.image %>" alt="<%= product.name %>">
      </div>
      <div class="product-info-wrapper">
        <h1><%= product.name %></h1>
        <p><%= product.description %></p>
        <p>Price: $<%= product.price %></p>
        <form action="/cart" method="POST">
          <button type="submit" class="btn-primary">Add to Cart</button>
        </form>
      </div>
    </div>
  </main>
  <footer>
    <%- include("partials/footer") %>
  </footer>
</body>
</html>
