<div class="row">
  <div class="col-md-12 mt-2">
    <form id="editWarehouseForm" method="post" action="/warehouses/update" enctype="multipart/form-data" novalidate>
      <div class="card card-info">
        <div class="card-header">
          <h4 class="card-title"><%= sectionTitle %></h4>
        </div>
        <div class="card-body">
          <div class="form-row">
            <!-- Hidden Warehouse ID -->
            <input type="hidden" id="id" name="page_id" value="<%= dataInfo.warehouse_id %>" />

            <!-- Warehouse Name -->
            <div class="form-group col-md-6">
              <label class="required" for="warehouse_name">Lagername</label>
              <input type="text" id="warehouse_name" name="warehouse_name" class="form-control"
                     value="<%= dataInfo.warehouse_name %>" placeholder="Geben Sie Lagername ein" onkeypress="return /[a-zA-Z0-9äöüÄÖÜß ]/i.test(event.key)"
oninput="this.value = this.value.replace(/[^a-zA-Z0-9äöüÄÖÜß ]/g, '')"required>
            </div>

            <!-- Location -->
            <div class="form-group col-md-6">
              <label for="location">Standort</label>
              <input type="text" id="location" name="location" class="form-control"
                     value="<%= dataInfo.location %>" placeholder="Geben Sie Standort ein" onkeypress="return /[a-zA-ZäöüÄÖÜß ]/i.test(event.key)"
oninput="this.value = this.value.replace(/[^a-zA-ZäöüÄÖÜß ]/g, '')"
            </div>

          </div>
        </div>

        <div class="card-footer">
          <button type="submit" class="btn btn-info">Speichern</button>
          <button type="button" class="btn btn-default">
            <a href="/warehouses/list" style="text-decoration:none;">Abbrechen</a>
          </button>
        </div>
      </div>
    </form>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<script>
  // Optional: simple client-side validation
  $('#editWarehouseForm').on('submit', function(e) {
    const name = $('#warehouse_name').val().trim();
    if (!name) {
      alert('Bitte geben Sie den Lagername ein.');
      e.preventDefault();
    }
  });
</script>

<%- contentFor('pageStyleSection') %>
<link rel="stylesheet" href="/stylesheets/style.css" />
