extends layout


block content
    h1 #{title} 
    br
    .input-group
      input.form-control(type='text', id='findComponent',autocomplete='none',autofocus,placeholder='Keresés')
      span.input-group-addon
        span.glyphicon.glyphicon-search
    br
    .container-fluid
      .row
          .table-responsive
            table.table.table-striped.table-bordered(style='background-color:#FFFFE0;')
              thead
                tr
                  th #
                  th Cikkszám
                  th Megnevezés
                  th Paraméterek
                  th(style='width:5%;text-align:right') EAN
                  th(style='width:10%;text-align:right') Érték
                  th(style='width:5%;') Mennyiség

              tbody(id='compTable',style='overflow-y: auto;')
                each component, i in componentsList
                  tr
                    td #{i+1}
                    td 
                      p #{component.itemNumber}
                    td 
                      p #{component.name} 
                    td
                      p #{component.parameters} 
                    td(style='text-align:right')
                      p #{component.ean1} 
                    td(style='text-align:right')
                      p #{tsep5(component.price)+' '+component.valuta}
                    td(style='text-align:right')
                      p #{component.stock+' '+component.itemUnit} 
    br    
    a.btn.btn-primary(href='/components_base/new') Új Komponens
    |     
    a.btn.btn-success(href='/articles/') Vissza
    script(src='https://code.jquery.com/jquery-1.10.2.js')   
     
    script(type='text/javascript').

        $(document).ready(function(){
          //console.log(tsep5(12000));
        $("#findComponent").on("keyup", function() {

        // Megnevezésben keres
  
          if ( event.which == 13 ) 
          {
             event.preventDefault();
          }
          console.log('Jájj genyó2!');
          var ctrl=document.getElementById("findComponent");
          var data= {findBy: 'string', content:ctrl.value};
          $.ajax({
              type: 'POST',
              data: JSON.stringify(data),

              contentType: "application/json",
              dataType:'json',
              url: '/components_base/find',                      
              success: function(data) {
                  console.log('success');
                  //console.log(JSON.stringify(data));                               
              },
              error: function(error) {
                  console.log("some error in fetching the notifications");
              }

          }).done (function (data) {
              
              var cTable=document.getElementById("compTable");
              var tr='';//'<thead><tr><th>#</th><th>Sorozatszám</th><th>Megnevezés</th><th>Berendezés neve</th><th>Munka</th><th>Munka szám</th><th>Gyártási szám</th></tr></thead>';
              //var dataList=document.getElementById("listComponent");
              
              if (data.status === 200) {
                  for (var i = 0; i < data.data.length; i++) {
                      //wid=data.data[i].workID._id;
                      
                      //aid=data.data[i].deviceID._id;
                      tr+='<tr><td>'+(i+1)+'</td>\
                      <td>' + data.data[i].itemNumber+'</td>\
                      <td>' + data.data[i].name + '</td>\
                      <td>' + data.data[i].parameters+'</td>\
                      <td>' + data.data[i].ean1+'</td>\
                      <td>' + tsep(data.data[i].price)+' '+ data.data[i].valuta+'</td>\
                      <td>' + data.data[i].stock+' '+ data.data[i].itemUnit+'</td></tr>'
                  }//<a href="/components/list/5a7626e7fd4cd5060c71f8e1/5a7626cdfd4cd5060c71f8e0/5b5621b5c48d950b3876da1c">1VTL5118021238</a>
                  cTable.innerHTML=tr;
        
              }  
              
            });   
          });          
          /*var value = $(this).val().toLowerCase();
          $("#compTable tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });*/
        });