<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="<%= deal ? '/admin/deals/' + deal._id : '/admin/deals' %>" method="post" enctype="multipart/form-data">
      <div class="mb-3">
        <label class="form-label">Deal Title</label>
        <input type="text" name="title" class="form-control" value="<%= deal ? deal.title : '' %>" required>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Subtitle</label>
          <input type="text" name="subtitle" class="form-control" value="<%= deal ? (deal.subtitle || '') : '' %>" placeholder="e.g. 30% off this week">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Location</label>
          <input type="text" name="location" class="form-control" value="<%= deal ? (deal.location || '') : '' %>" placeholder="e.g. Dubai Marina">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Description</label>
        <textarea name="description" class="form-control" rows="3"><%= deal ? (deal.description || '') : '' %></textarea>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Company</label>
          <select name="companyId" class="form-select" required>
            <option value="">Select company</option>
            <% companies.forEach(function(c) { %>
            <option value="<%= c._id %>" <%= deal && deal.companyId && deal.companyId.toString() === c._id.toString() ? 'selected' : '' %>><%= c.name %></option>
            <% }); %>
          </select>
        </div>
        <div class="col-md-6 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 %>" <%= deal && deal.categoryId == cat.id ? 'selected' : '' %>><%= cat.name %></option>
            <% }); %>
          </select>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Start Date</label>
          <input type="date" name="startDate" class="form-control" value="<%= deal ? formatDateInput(deal.startDate) : '' %>" required>
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Expiry Date</label>
          <input type="date" name="expiryDate" class="form-control" value="<%= deal ? formatDateInput(deal.expiryDate) : '' %>" required>
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Brochure (PDF or image) <%= deal ? '— optional' : '' %></label>
        <% if (deal && deal.brochureUrl) { %>
        <div class="mb-2"><a href="<%= deal.brochureUrl %>" target="_blank">View current brochure</a></div>
        <% } %>
        <input type="file" name="brochure" class="form-control" accept="image/*,.pdf">
      </div>
      <div class="mb-3">
        <label class="form-label">Cover Image (optional)</label>
        <% if (deal && deal.coverImageUrl) { %>
        <div class="mb-2"><img src="<%= deal.coverImageUrl %>" alt="" style="max-height:120px;border-radius:4px;"></div>
        <% } %>
        <input type="file" name="coverImage" class="form-control" accept="image/*">
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-check">
            <input type="checkbox" name="isActive" class="form-check-input" <%= !deal || deal.isActive ? 'checked' : '' %>>
            <span class="form-check-label">Active</span>
          </label>
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-check">
            <input type="checkbox" name="isFeatured" class="form-check-input" <%= deal && deal.isFeatured ? 'checked' : '' %>>
            <span class="form-check-label">Featured (Top Picks tab)</span>
          </label>
        </div>
      </div>
      <p class="text-secondary small">Only deals within the start/expiry window and marked active are shown in the app and public API.</p>
      <div class="form-footer">
        <button type="submit" class="btn btn-primary">Save</button>
        <a href="/admin/deals" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
