<div class="page-header d-print-none">
  <div class="row align-items-center"><div class="col"><h2 class="page-title"><%= title %></h2></div></div>
</div>
<div class="card">
  <div class="card-body">
    <% if (error) { %><div class="alert alert-danger"><%= error %></div><% } %>
    <form action="/admin/brochures" method="post" enctype="multipart/form-data">
      <div class="mb-3">
        <label class="form-label">Title</label>
        <input type="text" name="title" class="form-control" value="<%= brochure ? brochure.title : '' %>" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Store Name</label>
        <input type="text" name="storeName" class="form-control" value="<%= brochure ? (brochure.storeName || '') : '' %>">
      </div>
      <div class="mb-3">
        <label class="form-label">Description</label>
        <textarea name="description" class="form-control" rows="3"><%= brochure ? (brochure.description || '') : '' %></textarea>
      </div>
      <div class="mb-3">
        <label class="form-label">Category</label>
        <select name="categoryId" class="form-select">
          <option value="">None</option>
          <% categories.forEach(function(cat) { %>
          <option value="<%= cat.id %>"><%= cat.name %></option>
          <% }); %>
        </select>
      </div>
      <div class="mb-3">
        <label class="form-label">Brochure File (PDF or image)</label>
        <input type="file" name="file" class="form-control" accept="image/*,.pdf" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Cover Image (optional)</label>
        <input type="file" name="coverImage" class="form-control" accept="image/*">
      </div>
      <div class="mb-3">
        <label class="form-check">
          <input type="checkbox" name="isActive" class="form-check-input" checked>
          <span class="form-check-label">Active</span>
        </label>
      </div>
      <div class="form-footer">
        <button type="submit" class="btn btn-primary">Save</button>
        <a href="/admin/brochures" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
