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='10%')
          col(width='15%')
          col(width='15%')
          col(width='15%')
          col(width='8%')
          thead
            tr
              th
                h1(style='text-align:center') #
              th
                h1 Jármű
              th
                h1(style='text-align:left') Rendszám
              th
                h1(style='text-align:left') Legutóbbi helyszín
              th 
                h1(style='text-align:left') Kártya használat
              th 
                h1(style='text-align:left') Státusz 
              th 
                h1(style='text-align:left') FW Rev              
          tbody
            each rfidDevice, i in rfidDevices
              tr.clickable-clientRow(data-href="/devicesrfid/edit/"+rfidDevice._id)
                td #{i+1}
                td(style='text-align:left') #{rfidDevice.name}
                td(style='text-align:left') #{rfidDevice.assignment}
                td(style='text-align:left') #{rfidDevice.lastCity}
                td(style='text-align:left') #{rfidDevice.ccid}
                td(style='text-align:left') #{rfidDevice.state}
                td(style='text-align:left;color:yellow') #{rfidDevice.swRevision}
    script.
      $(document).ready(function () {
        $("#vehicle").click();
        $("#vehicles").addClass("active");
        $('tr[data-href]').on("click", function() {
      document.location = $(this).data('href');
      });
      });