<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">

<head>
   <meta charset="utf-8">
   <title>e-commerce</title>
   <link href="../static/css/ecom.css" rel="stylesheet" th:href="@{/css/ecom.css}" />
   <script th:src="@{/js/filterTable.js}"></script>
</head>

<body>
   <nav th:replace="/fragments/header :: header">Header</nav>
   <main class="sidebar-layout content-width">
      <nav th:replace="/fragments/intern :: sidebar">Header</nav>
      <div class="content-width">
         <h1> Artikel</h1>
         <p>
            <table id="main-table">
               <tr>
                  <th colspan="8">
                     <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
                  </th>
               </tr>
               <tr>
                  <th>Bild</th>
                  <th>Name</th>
                  <th>Kaufpreis</th>
                  <th>(Netto)</th>
                  <th>Kategorien</th>
                  <th>Herstellernummer</th>
                  <th>Status</th>
               </tr>

               <tr>
                  <td><img th:src="@{/img/product-1.jpg}" class="s" /></td>
                  <td>Kamera</td>
                  <td>87,77 €</td>
                  <td> (73,76 €) </td>
                  <td>Úberwachung, Elektronik</td>
                  <td>A-5051</td>
                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
               </tr>
               <tr>
                  <td><img th:src="@{/img/product-2.jpg}" class="s" /></td>
                  <td>Earbuds</td>
                  <td>50,54 €</td>
                  <td>(42,47 €)</td>
                  <td>Kopfhörer, Elektronik</td>
                  <td>A-840</td>
                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
               </tr>
               <tr>
                  <td><img th:src="@{/img/product-3.jpg}" class="s" /></td>
                  <td>USB-Magic Light</td>
                  <td>10,17 €</td>
                  <td>(8,54 €)</td>
                  <td>Sonstiges, Elektronik</td>
                  <td>A-8401</td>
                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
               </tr>
               <tr>
                  <td><img th:src="@{/img/product-5.jpg}" class="s" /></td>
                  <td>Ersatzfernbedinung</td>
                  <td>7,08 €</td>
                  <td>(5,95 €)</td>
                  <td>Úberwachung, Elektronik</td>
                  <td>A-4565</td>
                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
               </tr>
               <tr>
                  <td><img th:src="@{/img/product-6.jpg}" class="s" /></td>
                  <td>Netzwerkkamera</td>
                  <td>50,85 €</td>
                  <td>(42,73 €)</td>
                  <td>Úberwachung, Elektronik</td>
                  <td>A-7580</td>
                  <td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
               </tr>
               <tr>
                  <td><img th:src="@{/img/product-7.jpg}" class="s" /></td>
                  <td>USB 3.0 Festplattenkabel</td>
                  <td>1,65 €</td>
                  <td>(1,38 €)</td>
                  <td>Kabel, Elektronik</td>
                  <td>A-6107</td>
                  <td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
               </tr>
               <tr>
                  <td><img th:src="@{/img/product-8.jpg}" class="s" /></td>
                  <td>Ubiquiti Networks UAP-AC-PRO, weiß</td>
                  <td>120,00 €</td>
                  <td>(100,84 €)</td>
                  <td>Netzwerk, Elektronik</td>
                  <td>A-4933</td>
                  <td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
               </tr>
            </table>
         <p>
      </div>
   </main>
   <footer th:replace="/fragments/footer :: footer"></footer>
</body>

</html>
