<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="<%= job ? '/admin/jobs/' + job._id : '/admin/jobs' %>" method="post" enctype="multipart/form-data">
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Title</label>
          <input type="text" name="title" class="form-control" value="<%= job ? job.title : '' %>" required>
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Company</label>
          <input type="text" name="company" class="form-control" value="<%= job ? job.company : '' %>" required>
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Description</label>
        <textarea name="description" class="form-control" rows="5" required><%= job ? job.description : '' %></textarea>
      </div>
      <div class="mb-3">
        <label class="form-label">Requirements</label>
        <textarea name="requirements" class="form-control" rows="3" placeholder="Skills, experience, qualifications"><%= job ? (job.requirements || '') : '' %></textarea>
      </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" value="<%= job ? (job.location || '') : '' %>">
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Salary</label>
          <input type="text" name="salary" class="form-control" placeholder="e.g. 5000-8000 AED" value="<%= job ? (job.salary || '') : '' %>">
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Job Type</label>
          <select name="jobType" class="form-select">
            <% ['full-time','part-time','contract','internship','remote'].forEach(function(type) { %>
            <option value="<%= type %>" <%= job && job.jobType === type ? 'selected' : (!job && type === 'full-time' ? 'selected' : '') %>><%= type %></option>
            <% }); %>
          </select>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Contact Email</label>
          <input type="email" name="contactEmail" class="form-control" value="<%= job ? (job.contactEmail || '') : '' %>">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Contact Phone</label>
          <input type="text" name="contactPhone" class="form-control" value="<%= job ? (job.contactPhone || '') : '' %>">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Image (optional) <%= job ? '— leave empty to keep current' : '' %></label>
        <% if (job && job.imageUrl) { %>
        <div class="mb-2"><img src="<%= job.imageUrl %>" alt="" style="max-height:80px;border-radius:4px;"></div>
        <% } %>
        <input type="file" name="image" class="form-control" accept="image/*">
      </div>
      <div class="mb-3">
        <label class="form-check">
          <input type="checkbox" name="isActive" class="form-check-input" <%= !job || job.isActive ? '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/jobs" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
