<div class="row">
  <div class="col-lg-12 mt-3">
    <!-- Back link -->
    <p>
      <a title="Main Module" href="/product-series/list" style="color: black;">
        <i class="fa fa-chevron-circle-left"></i> &nbsp;
        Zurück zur Datenliste Warehouse Items
      </a>
    </p>

    <!-- Detail Card -->
    <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%">Produkt</td>
                  <td><%= dataInfo.model_name || '-' %></td>
                </tr>

                <tr>
                  <td>Artikel-Nr</td>
                  <td><%= dataInfo.packaging_name || '-' %></td>
                </tr>

                <tr>
                  <td>Seriennummer</td>
                  <td><%= dataInfo.serial_number || '-' %></td>
                </tr>

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

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

                <tr>
                  <td>Ausgeführt von</td>
                  <td><%= dataInfo.executed_by || '-' %></td>
                </tr>

                <tr>
                  <td>Lager</td>
                  <td><%= dataInfo.warehouse_name || '-' %></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>
        <!-- /.card-body -->
      </div>
    </div>
  </div>
</div>
