<!DOCTYPE html>
<html lang="vi">
  <% const canonical = `https://cuagobaonguyen.com/admin/products/${product.id}/edit`; %>
  <%- include("../partials/head", { seo, canonical }) %>
  <body class="admin-bg">
    <main class="container admin-wrap">
      <header class="admin-topbar">
        <div>
          <p class="eyebrow">Quản lý sản phẩm</p>
          <h1>Chỉnh sửa sản phẩm</h1>
          <p class="muted">Đăng nhập bởi @<%= adminUser?.username || "admin" %></p>
        </div>
        <div class="admin-actions">
          <a class="btn btn-ghost" href="/admin">← Quay lại quản trị</a>
        </div>
      </header>

      <section class="card admin-card">
        <form method="POST" action="/admin/products/<%= product.id %>" class="form" enctype="multipart/form-data">
          <label>
            Tên sản phẩm
            <input type="text" name="name" value="<%= product.name %>" required />
          </label>
          <label>
            Mô tả
            <textarea name="description" rows="4" required><%= product.description %></textarea>
          </label>
          <label>
            Giá niêm yết (VND)
            <input type="number" name="originalPrice" min="0" value="<%= product.original_price %>" required />
          </label>
          <label>
            Giá khuyến mại (VND)
            <input type="number" name="salePrice" min="0" value="<%= product.sale_price %>" required />
          </label>
          <div class="image-slots-grid">
            <% for (let i = 1; i <= 5; i++) { %>
            <% const hasImage = Boolean(product.images[i - 1]); %>
            <div class="image-slot">
              <p class="image-slot-title">
                Ảnh <%= i %> <% if (hasImage) { %><span class="status-chip">Đang có</span><% } %>
              </p>
              <input type="file" name="imageFile<%= i %>" accept="image/*" />
              <% if (hasImage) { %>
              <label class="image-remove">
                <input type="checkbox" name="removeImage<%= i %>" />
                <span>Xóa ảnh <%= i %> hiện tại</span>
              </label>
              <% } %>
            </div>
            <% } %>
          </div>
          <button type="submit" class="btn btn-primary">Cập nhật sản phẩm</button>
        </form>
      </section>
    </main>
  </body>
</html>
