extends layout_side

block content
    link(rel='stylesheet', href='https://use.fontawesome.com/releases/v5.6.1/css/all.css', integrity='sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP', crossorigin='anonymous')
    .container#wrapper(style='width:100%;')
      h2.contHeader #{title}
      #darktable.container
        table.container(style='width:90%;')
          col(width='5%')
          col(width='20%')
          col(width='auto')
          col(width='15%')
          col(width='10%')
          thead
            tr
              th
                h1(style='text-align:center') #
              th
                h1 Név
              th
                h1(style='text-align:left') Cím
              th
                h1(style='text-align:right') Adószám
              th 
                h1 Kedvezmény
          tbody
            each client, i in clients
              tr.clickable-clientRow(data-href="/client/edit/"+client._id)
                td #{i+1}
                td(style='text-align:left') #{client.name}
                td(style='text-align:left') #{client.address}
                td(style='text-align:right') #{client.adoszam}
                td(style='text-align:right')
                  span.badge #{client.manufacturerDiscount} %
    script.
      $(document).ready(function () {
        $("#mclients").click();
        $("#listclient").addClass("active");
        $('tr[data-href]').on("click", function() {
      document.location = $(this).data('href');
      });
      });