extends layout

block content
  //h1 #{title}
  

  //ul.list-group
    each article, i in articles
      li.list-group-item {ad}
        a(href="/article/"+article._id)= article.title  
    .alert.alert-success(role='alert') asdasd
  body
    a.btn.btn-success(href='/') Vissza
    hr
    .input-group
      input.form-control(type='text', id='findComponent',autocomplete='nope',placeholder='Keresés')
      span.input-group-addon
        span.glyphicon.glyphicon-search
    .container-fluid
      .row
        main.col-sm-12(role='main')
          h2 #{title}
          .table-responsive
            table.table.table-striped.table-bordered(id='compTable',style='background-color:#FFFFE0;')
              thead
                tr
                  th.col-pt-1 #
                  th.col-md-2 Sorozatszám
                  th.col-md-2 Megnevezés
                  th.col-md-auto Berendezés neve
                  th.col-md-auto Munka neve
                  th.col-md-1 Munka szám
                  th.col-md-1 Gyári szám
              tbody
                each component, i in componentsList
                  tr
                    td #{i+1}
                    td 
                      a(href="/components/list/"+component.deviceID._id+'/'+component.workID._id+'/'+component._id)= component.serial
                    td #{component.name}
                    td 
                      a(href="/articles/"+component.deviceID._id+"/"+component.workID._id)= component.deviceID.title
                    td 
                      a(href="/work/"+component.workID._id)= component.workID.title
                    td 
                      a(href="/work/"+component.workID._id)= component.workID.workNumber
                    td 
                      a(href="/articles/"+component.deviceID._id+"/"+component.workID._id)= component.deviceID.deviceNumber
    script(src='https://code.jquery.com/jquery-1.10.2.js')   
    script(src='/js/eventsComponent.js')