<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/classifieds" method="post" enctype="multipart/form-data">
      <div class="mb-3">
        <label class="form-label">Title</label>
        <input type="text" name="title" class="form-control" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Description</label>
        <textarea name="description" class="form-control" rows="5" required></textarea>
      </div>
      <div class="row">
        <div class="col-md-4 mb-3">
          <label class="form-label">Category</label>
          <select name="categoryId" class="form-select" required>
            <option value="">Select category</option>
            <% categories.forEach(function(cat) { %>
            <option value="<%= cat.id %>"><%= cat.name %></option>
            <% }); %>
          </select>
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Price</label>
          <input type="number" name="price" class="form-control" step="0.01" min="0">
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Currency</label>
          <input type="text" name="currency" class="form-control" value="AED">
        </div>
      </div>
      <div class="row">
        <div class="col-md-4 mb-3">
          <label class="form-label">Location</label>
          <input type="text" name="location" class="form-control">
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Condition</label>
          <select name="condition" class="form-select">
            <option value="new">New</option>
            <option value="used" selected>Used</option>
            <option value="refurbished">Refurbished</option>
          </select>
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Contact Phone</label>
          <input type="text" name="contactPhone" class="form-control">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Contact Name</label>
          <input type="text" name="contactName" class="form-control">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Contact Email</label>
          <input type="email" name="contactEmail" class="form-control">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Images (up to 10)</label>
        <input type="file" name="images" class="form-control" accept="image/*" multiple>
      </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="mb-3">
        <label class="form-check">
          <input type="checkbox" name="isFeatured" class="form-check-input">
          <span class="form-check-label">Featured</span>
        </label>
      </div>
      <div class="form-footer">
        <button type="submit" class="btn btn-primary">Save</button>
        <a href="/admin/classifieds" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
