<div class="row">
  <div class="col-md-12 mt-2">
    <form
      id="productForm"
      method="post"
      action="/manage-product/update"
      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
                value="<%= dataInfo.product_name %>"
              />
            </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>Wählen</option>
                <% if (categories && categories.length) { %>
                  <% categories.forEach(item => { %>
                    <option value="<%= item.id %>" <%= dataInfo.category_id == item.id ? 'selected' : '' %>>
                      <%= 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>Wählen</option>
                <% if (models && models.length) { %>
                  <% models.forEach(item => { %>
                    <option value="<%= item.id %>" <%= dataInfo.model_id == item.id ? 'selected' : '' %>>
                      <%= 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>Wählen</option>
                <% if (packages && packages.length) { %>
                  <% packages.forEach(item => { %>
                    <option value="<%= item.id %>" <%= dataInfo.packaging_id == item.id ? 'selected' : '' %>>
                      <%= item.package_name %>
                    </option>
                  <% }) %>
                <% } else { %>
                  <option disabled>Keine Verpackungen verfügbar</option>
                <% } %>
              </select>
            </div>

            <!-- Edmonds Delivery -->
            <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
                value="<%= dataInfo.edmonds_delivery ? dataInfo.edmonds_delivery.toISOString().split('T')[0] : '' %>"
              />
            </div>

            <!-- KLV Stator Delivery -->
            <div class="form-group col-md-6">
              <label for="klv_stator_delivery">KLV Stator Lieferdatum</label>
              <input
                type="date"
                name="klv_stator_delivery"
                id="klv_stator_delivery"
                class="form-control"
                value="<%= dataInfo.klv_stator_delivery ? dataInfo.klv_stator_delivery.toISOString().split('T')[0] : '' %>"
              />
            </div>

            <!-- Manufacture Date -->
            <div class="form-group col-md-6">
              <label for="manufacture_date">Herstellungsdatum</label>
              <input
                type="date"
                name="manufacture_date"
                id="manufacture_date"
                class="form-control"
                value="<%= dataInfo.manufacture_date ? dataInfo.manufacture_date.toISOString().split('T')[0] : '' %>"
              />
            </div>

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

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

            <!-- Executed By -->
            <div class="form-group col-md-6">
              <label for="stock">Stock</label>
              <input
                type="text"
                name="stock"
                id="stock"
                class="form-control"
                placeholder="Stock"
                value="<%= dataInfo.stock %>"
              />
            </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 value="" disabled>Status wählen</option>
                <option value="1" <%= dataInfo.status == 1 ? 'selected' : '' %>>Aktiv</option>
                <option value="0" <%= dataInfo.status == 0 ? 'selected' : '' %>>Inaktiv</option>
              </select>
            </div>
          </div>
        </div>

        <input type="hidden" name="product_id" value="<%= dataInfo.id %>" />

        <div class="card-footer">
          <button type="submit" class="btn btn-info">Aktualisieren</button>
          <a href="/manage-product/list" class="btn btn-secondary">Zurück</a>
        </div>
      </div>
    </form>
  </div>
</div>
