extends layout


block content
    link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css')
    h1 #{title}
    br
    hr
    a.btn.btn-primary(href='/components/new/'+deviceID+'/'+workID) Új Komponens
    |     
    a.btn.btn-warning(href='/components/export/'+deviceID+'/'+workID) 
      i.fa.fa-file-excel-o
      |  Exportálás
    |    
    a.btn.btn-success(href='/articles/'+deviceID+'/'+workID) Vissza
    hr    
    .container-fluid
      .row
          .table-responsive
            table.table.table-striped(style='background-color:#FFFFE0;')
              thead
                tr
                  th #
                  th Cikkszám
                  th Megnevezés
                  th Paraméterek
                  th(style='width:10%;text-align:right;') Sorszám
                  if (user.canDelete.files)
                    th(style='width:10%;') Törlés
              tbody
                each component, i in components
                  if (selectedcid==component._id)
                    tr.success
                      td #{i+1}
                      td 
                        if (component.itemNumber)
                          p #{component.itemNumber}
                        else
                          p Ismeretlen
                      td 
                        p #{component.name} 
                      td
                        p #{component.parameters} 
                      td(style='text-align:right')
                        p #{component.serial} 
                      td
                        a.btn.btn-danger.delete-component(href='#',data-aid=deviceID, data-wid=workID, data-cid=component._id)
                            .glyphicon.glyphicon-trash
                        | 
                        a.btn.btn-success(href='/components/edit/'+deviceID+'/'+workID+'/'+component._id)
                            .glyphicon.glyphicon-edit                      
                  else
                    tr
                      td #{i+1}
                      td
                        if (component.itemNumber)
                          p #{component.itemNumber}
                        else
                          p Ismeretlen                      
                      td 
                        p #{component.name} 
                      td
                        p #{component.parameters} 
                      td(style='text-align:right')
                        p #{component.serial} 
                      td
                        a.btn.btn-danger.delete-component(href='#',data-aid=deviceID, data-wid=workID, data-cid=component._id)
                            .glyphicon.glyphicon-trash   
                        | 
                        a.btn.btn-success(href='/components/edit/'+deviceID+'/'+workID+'/'+component._id)
                            .glyphicon.glyphicon-edit                               
    br    
    script(src='https://code.jquery.com/jquery-1.10.2.js')     
    script(src='/js/events.js')