<div class="row">
  <div class="col-md-12 mt-2">
    <form id="warehouseForm" method="post" action="/warehouses/add" enctype="multipart/form-data" novalidate>

      <div class="card card-info">
        <div class="card-header" style="padding: 8px 15px; min-height: 40px;">
          <h4 class="card-title">
            <%= sectionTitle %>
          </h4>
        </div>

        <div class="card-body">
          <div class="form-row">
            <!-- 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"
                placeholder="Enter Lagername" onkeypress="return /[a-zA-Z0-9äöüÄÖÜß ]/i.test(event.key)"
                oninput="this.value = this.value.replace(/[^a-zA-Z0-9äöüÄÖÜß ]/g, '')" required />
            </div>

            <!-- Location (optional) -->
            <div class="form-group col-md-6">
              <label for="location">Standort</label>
              <input type="text" id="location" name="location" class="form-control"
                placeholder="Enter Standort (optional)" 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" id="savebtn" class="btn btn-info">
            Speichern
          </button>
          <button type="button" class="btn btn-default">
            <a href="/warehouses/list" style="text-decoration: none; color: inherit;">Zurück</a>
          </button>
        </div>
      </div>
    </form>
  </div>
</div>

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

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