<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="<%= branch ? '/admin/companies/' + brand._id + '/branches/' + branch._id : '/admin/companies/' + brand._id + '/branches' %>" method="post">
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Branch Name</label>
          <input type="text" name="name" class="form-control" value="<%= branch ? branch.name : '' %>" required placeholder="Lulu Hypermarket — Dubai Marina">
        </div>
        <div class="col-md-3 mb-3">
          <label class="form-label">Branch Code</label>
          <input type="text" name="branchCode" class="form-control" value="<%= branch ? (branch.branchCode || '') : '' %>" placeholder="BR1">
        </div>
        <div class="col-md-3 mb-3">
          <label class="form-label">Slug (landing URL)</label>
          <input type="text" name="slug" class="form-control" value="<%= branch ? (branch.slug || '') : '' %>" placeholder="lulu-dubai-marina">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Address</label>
        <textarea name="address" class="form-control" rows="2"><%= branch ? (branch.address || '') : '' %></textarea>
      </div>
      <div class="row">
        <div class="col-md-4 mb-3">
          <label class="form-label">City</label>
          <input type="text" name="city" class="form-control" value="<%= branch ? (branch.city || '') : '' %>">
        </div>
        <div class="col-md-4 mb-3">
          <label class="form-label">Contact Phone</label>
          <input type="text" name="contactPhone" class="form-control" value="<%= branch ? (branch.contactPhone || '') : '' %>">
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label">Latitude</label>
          <input type="text" name="latitude" class="form-control" value="<%= branch && branch.latitude ? branch.latitude : '' %>">
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label">Longitude</label>
          <input type="text" name="longitude" class="form-control" value="<%= branch && branch.longitude ? branch.longitude : '' %>">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label">Landing Page Description</label>
        <textarea name="landingDescription" class="form-control" rows="3"><%= branch ? (branch.landingDescription || '') : '' %></textarea>
      </div>
      <div class="mb-3">
        <label class="form-check">
          <input type="checkbox" name="isActive" class="form-check-input" <%= !branch || branch.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/companies/<%= brand._id %>/branches" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
