<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="<%= company ? '/admin/companies/' + company._id : '/admin/companies' %>" method="post" enctype="multipart/form-data">
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Company Name</label>
          <input type="text" name="name" class="form-control" value="<%= company ? company.name : '' %>" required>
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">POC Name</label>
          <input type="text" name="pocName" class="form-control" value="<%= company ? (company.pocName || '') : '' %>" placeholder="Point of contact">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Address</label>
        <textarea name="address" class="form-control" rows="2"><%= company ? (company.address || '') : '' %></textarea>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Contact Phone</label>
          <input type="text" name="contactPhone" class="form-control" value="<%= company ? (company.contactPhone || '') : '' %>">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Contact Email</label>
          <input type="email" name="contactEmail" class="form-control" value="<%= company ? (company.contactEmail || '') : '' %>">
        </div>
      </div>
      <div class="row">
        <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 %>" <%= company && company.categoryId == cat.id ? 'selected' : '' %>><%= cat.name %></option>
            <% }); %>
          </select>
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">City</label>
          <input type="text" name="city" class="form-control" value="<%= company ? (company.city || '') : '' %>" placeholder="e.g. Dubai">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Slug (group landing URL)</label>
          <input type="text" name="slug" class="form-control" value="<%= company ? (company.slug || '') : '' %>" placeholder="lulu">
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Landing Description</label>
          <input type="text" name="landingDescription" class="form-control" value="<%= company ? (company.landingDescription || '') : '' %>" placeholder="Short intro for brand landing page">
        </div>
      </div>
      <div class="row">
        <div class="col-md-4 mb-3">
          <label class="form-check">
            <input type="checkbox" name="isBrand" class="form-check-input" <%= !company || company.isBrand ? 'checked' : '' %>>
            <span class="form-check-label">Brand / shop group (has branches)</span>
          </label>
          <div class="form-hint">When enabled, use Companies → Branches → Add Branch to create locations like Lulu BR1, BR2.</div>
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-check">
            <input type="checkbox" name="showInBrands" class="form-check-input" <%= !company || company.showInBrands ? 'checked' : '' %>>
            <span class="form-check-label">Show in brand logos carousel</span>
          </label>
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-check">
            <input type="checkbox" name="isGroceryStore" class="form-check-input" <%= company && company.isGroceryStore ? 'checked' : '' %>>
            <span class="form-check-label">Grocery store</span>
          </label>
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Logo <%= company ? '(leave empty to keep current)' : '' %></label>
        <% if (company && company.logoUrl) { %>
        <div class="mb-2"><img src="<%= company.logoUrl %>" alt="" style="max-height:80px;border-radius:4px;"></div>
        <% } %>
        <input type="file" name="logo" class="form-control" accept="image/*">
      </div>
      <% if (company) { %>
      <div class="mb-3">
        <label class="form-check">
          <input type="checkbox" name="isActive" class="form-check-input" <%= company.isActive ? 'checked' : '' %>>
          <span class="form-check-label">Active</span>
        </label>
      </div>
      <% } else { %>
      <input type="hidden" name="isActive" value="on">
      <% } %>
      <div class="form-footer">
        <button type="submit" class="btn btn-primary">Save</button>
        <% if (company && company.isBrand) { %>
        <a href="/admin/companies/<%= company._id %>/branches" class="btn btn-outline-primary">Manage branches</a>
        <% } %>
        <a href="/admin/companies" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
