<section class="project-form-shell">
  <div class="admin-header">
    <h1><%= service ? 'Edit ' + service.name : 'New Service' %></h1>
  </div>

  <form method="POST" action="<%= service ? '/admin/finance/services/' + service.id + '?_method=PUT' : '/admin/finance/services' %>">
    <div class="form-grid">
      <div class="form-main">
        <div class="form-section">
          <label>
            Name
            <input type="text" name="name" value="<%= service ? service.name : '' %>" required placeholder="e.g. Land Cruiser hire, per vehicle per day">
          </label>
          <label>
            Category <span class="hint">(groups line items under a heading on the quote/invoice)</span>
            <input type="text" name="category" value="<%= service && service.category ? service.category : '' %>" placeholder="e.g. Ground Transport">
          </label>
          <label>
            Unit
            <input type="text" name="unit" value="<%= service ? service.unit : 'flat' %>" placeholder="e.g. pax, day, vehicle, hour, flat">
          </label>
          <label>
            Internal notes
            <textarea name="description" rows="3"><%= service && service.description ? service.description : '' %></textarea>
          </label>
        </div>

        <div class="form-section">
          <h3 class="form-section-title">Pricing</h3>
          <label>
            Cost price (per unit) <span class="hint">(what it actually costs us - never shown to the client)</span>
            <input type="number" step="0.01" min="0" name="costPrice" value="<%= service ? service.costPrice : '0' %>" required>
          </label>
          <label>
            Markup override (%) <span class="hint">(leave blank to use the standard agency fee)</span>
            <input type="number" step="0.01" min="0" name="markupPercent" value="<%= service && service.markupPercent !== null && service.markupPercent !== undefined ? service.markupPercent : '' %>">
          </label>
          <label>
            Sell price override <span class="hint">(leave blank to calculate from cost + markup; set this for a fixed package rate)</span>
            <input type="number" step="0.01" min="0" name="sellPrice" value="<%= service && service.sellPrice !== null && service.sellPrice !== undefined ? service.sellPrice : '' %>">
          </label>
        </div>
      </div>

      <div class="form-sidebar">
        <div class="form-section">
          <label>
            <input type="checkbox" name="isActive" <%= !service || service.isActive ? 'checked' : '' %> style="width:auto; display:inline-block; margin-right:0.5rem;">
            Active <span class="hint">(inactive services don't appear in the quote/invoice builder)</span>
          </label>
          <button type="submit" class="button button-primary form-save-button">Save service</button>
        </div>
      </div>
    </div>
  </form>
</section>
