<div class="row">
  <div class="col-lg-12 mt-3">
    <p>
      <a title="Main Module" href="/products/list" style="color: black;">
        <i class="fa fa-chevron-circle-left"></i> &nbsp;
        Zurück zur Datenliste 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>
      <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.model_name %></td>
                </tr>

                <tr>
                  <td>Kategorie</td>
                  <td><%= dataInfo.category_name || '-' %></td>
                </tr>

                <!-- <tr>
                  <td>Artikelnummer</td>
                  <td><%= dataInfo.item_number || '-' %></td>
                </tr>

                <tr>
                  <td>Lieferant</td>
                  <td><%= dataInfo.supplier || '-' %></td>
                </tr> -->

                <tr>
                  <td>Erstellt am</td>
                  <td>
                    <%= dataInfo.created_at ? (() => {
                      const d = new Date(dataInfo.created_at);
                      const pad = n => n.toString().padStart(2, '0');
                      return `${pad(d.getDate())}.${pad(d.getMonth() + 1)}.${d.getFullYear()}`;
                    })() : '-' %>
                  </td>
                </tr>

                <tr>
                  <td>Aktualisiert am</td>
                  <td>
                    <%= dataInfo.updated_at ? (() => {
                      const d = new Date(dataInfo.updated_at);
                      const pad = n => n.toString().padStart(2, '0');
                      return `${pad(d.getDate())}.${pad(d.getMonth() + 1)}.${d.getFullYear()}`;
                    })() : '-' %>
                  </td>
                </tr>

              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
