<div class="row">
  <div class="col-md-12 mt-2">
    <form
      id="productForm"
      method="post"
      action="/manage-product/insert"
      enctype="multipart/form-data"
      novalidate
    >
      <div class="card card-info">
        <div class="card-header">
          <h4 class="card-title"><%= page_title %></h4>
        </div>
        <div class="card-body">
          <div class="form-row">
            <!-- Product Name -->
            <div class="form-group col-md-6">
              <label class="required" for="product_name">Produktname</label>
              <input
                type="text"
                id="product_name"
                name="product_name"
                class="form-control"
                placeholder="Produktname"
                required
              />
            </div>

            <!-- Category -->
            <div class="form-group col-md-6">
              <label class="required" for="category_id">Kategorie</label>
              <select id="category_id" name="category_id" class="form-control" required>
                <option value="" disabled selected>Wählen</option>
                <% if (categories && categories.length) { %>
                  <% categories.forEach(item => { %>
                    <option value="<%= item.id %>"><%= item.category_name %></option>
                  <% }) %>
                <% } else { %>
                  <option disabled>Keine Kategorien verfügbar</option>
                <% } %>
              </select>
            </div>

            <!-- Model -->
            <div class="form-group col-md-6">
              <label class="required" for="model_id">Modell</label>
              <select id="model_id" name="model_id" class="form-control" required>
                <option value="" disabled selected>Wählen</option>
                <% if (models && models.length) { %>
                  <% models.forEach(item => { %>
                    <option value="<%= item.id %>"><%= item.model_name %></option>
                  <% }) %>
                <% } else { %>
                  <option disabled>Keine Modelle verfügbar</option>
                <% } %>
              </select>
            </div>

            <!-- Packaging -->
            <div class="form-group col-md-6">
              <label class="required" for="packaging_id">Verpackung</label>
              <select id="packaging_id" name="packaging_id" class="form-control" required>
                <option value="" disabled selected>Wählen</option>
                <% if (packages && packages.length) { %>
                  <% packages.forEach(item => { %>
                    <option value="<%= item.id %>"><%= item.package_name %></option>
                  <% }) %>
                <% } else { %>
                  <option disabled>Keine Verpackungen verfügbar</option>
                <% } %>
              </select>
            </div>

            <!-- In Stock -->
            <!-- <div class="form-group col-md-6">
              <label class="required" for="in_stock">Lagerbestand</label>
              <input type="number" step="any" id="in_stock" name="in_stock" class="form-control" required />
            </div> -->

            <!-- Delivery Dates -->
            <div class="form-group col-md-6">
              <label class="required" for="edmonds_delivery">Edmonds Lieferdatum</label>
              <input type="date" name="edmonds_delivery" id="edmonds_delivery" class="form-control" required/>
            </div>
            <div class="form-group col-md-6">
              <label class="required" for="klv_stator_delivery">KLV Stator Lieferdatum</label>
              <input type="date" name="klv_stator_delivery" id="klv_stator_delivery" class="form-control" required/>
            </div>
            <div class="form-group col-md-6">
              <label class="required" for="manufacture_date">Herstellungsdatum</label>
              <input type="date" name="manufacture_date" id="manufacture_date" class="form-control" required/>
            </div>

            <!-- Serial Number -->
            <div class="form-group col-md-6">
              <label class="required" for="serial_number">Seriennummer</label>
              <input type="text" name="serial_number" id="serial_number" class="form-control" placeholder="Seriennummer" required/>
            </div>

            <!-- Executed By -->
            <div class="form-group col-md-6">
              <label class="required" for="executed_by">Ausgeführt von</label>
              <input type="text" name="executed_by" id="executed_by" class="form-control" placeholder="Ausgeführt von" required/>
            </div>

            <!-- Executed By -->
            <div class="form-group col-md-6">
              <label class="required" for="stock">Aktie</label>
              <input type="number" name="stock" id="stock" class="form-control" placeholder="Aktie" required/>
            </div>

            <!-- Status -->
            <div class="form-group col-md-6">
              <label class="required" for="active_status">Status</label>
              <select id="active_status" name="active_status" class="form-control" required>
                <option disabled selected>Status wählen</option>
                <option value="1">Aktiv</option>
                <option value="0">Inaktiv</option>
              </select>
            </div>
          </div>
        </div>
        <div class="card-footer">
          <button type="submit" class="btn btn-info">Speichern</button>
          <a href="/manage-product/list" class="btn btn-secondary">Zurück</a>
        </div>
      </div>
    </form>
  </div>
</div>
