<div class="row">
  <div class="col-lg-12 mt-3">
    <p>
      <a title="Main Module" href="/manage-product/list" style="color: black;">
        <i class="fa fa-chevron-circle-left"></i> &nbsp; Zurück zur Liste der Daten Produkte verwalten
      </a>
    </p>

    <div class="card card-info mt-3">
      <div class="card-header align-items-center d-flex">
        <h4 class="card-title mb-0 flex-grow-1"><%= sectionTitle %></h4>
        <div class="flex-shrink-0"></div>
      </div>

      <div class="card-body">
        <div class="row g-3">
          <div class="table-responsive">
            <table id="table-detail" class="table table-striped">
              <tbody>
                <tr>
                  <td width="20%">Produktname</td>
                  <td><%= dataInfo.product_name || '---' %></td>
                </tr>
                <tr>
                  <td>Kategorie</td>
                  <td><%= dataInfo.category_name || '---' %></td>
                </tr>
                <tr>
                  <td>Modell</td>
                  <td><%= dataInfo.model_name || '---' %></td>
                </tr>
                <tr>
                  <td>Verpackung</td>
                  <td><%= dataInfo.package_name || '---' %></td>
                </tr>
                <tr>
                  <td>Edmonds Lieferung</td>
                  <td><%= dataInfo.edmonds_delivery ? new Date(dataInfo.edmonds_delivery).toLocaleDateString('de-DE') : '---' %></td>
                </tr>
                <tr>
                  <td>KLV Stator Lieferung</td>
                  <td><%= dataInfo.klv_stator_delivery ? new Date(dataInfo.klv_stator_delivery).toLocaleDateString('de-DE') : '---' %></td>
                </tr>
                <tr>
                  <td>Herstellungsdatum</td>
                  <td><%= dataInfo.manufacture_date ? new Date(dataInfo.manufacture_date).toLocaleDateString('de-DE') : '---' %></td>
                </tr>
                <tr>
                  <td>Seriennummer</td>
                  <td><%= dataInfo.serial_number || '---' %></td>
                </tr>
                <tr>
                  <td>Ausgeführt von</td>
                  <td><%= dataInfo.executed_by || '---' %></td>
                </tr><tr>
                  <td>Lagerbestand</td>
                  <td><%= dataInfo.stock || '---' %></td>
                </tr>
                <tr>
                  <td>Status</td>
                  <td>
                    <% if (dataInfo.status === 1) { %>
                      <span class="badge badge-success">Aktiv</span>
                    <% } else { %>
                      <span class="badge badge-danger">Inaktiv</span>
                    <% } %>
                  </td>
                </tr>
                <tr>
                  <td>Erstellt am</td>
                  <td><%= new Date(dataInfo.created_at).toLocaleDateString('de-DE') %></td>
                </tr>
                <tr>
                  <td>Aktualisiert am</td>
                  <td><%= new Date(dataInfo.updated_at).toLocaleDateString('de-DE') %></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
