extends layout

block content

  h1 #{title}
  form(id='receiptsNew',method='POST', action='/receipts/new')
      
      #form-group
       
        div.row
          div.col-md-3
              label Raktár kiválasztás:
              select.form-control(id='warehousename',name='warehousename',value=0, tabindex='29', style='background-color:#3CB371;color: #FFFFFF')
                option(value='',disabled,selected) Válasszon raktárat!
                each option in warehouses
                        option(value=(option._id)) #{option.name}
          div.col-md-3
            label Bejövő bizonylat száma:
            input.form-control(id='certSerial',name='certSerial',type=text,readonly, tabindex='1',value=docId,style='background-color:#FFFFF9;')
          div.col-md-3
            label Ügyfél:
            input.form-control(list='listClients',id='findClients',autocomplete='nope',name='name',type=label, tabindex='1',data-bind="value: whouse") 
            datalist(id='listClients')  
      br   
      hr
      br
      #form-group
        div.row 
          div.col-md-3
            label Cikkszám:
            input.form-control(list='listRecItemCikk',id='findRecItemCikk',onfocus='this.select();',name='name1',type=label, tabindex='1',data-bind="value: itemNumber") 
            datalist(id='listRecItemCikk')    
          div.col-md-9
            label Megnevezés:
            input.form-control(list='listRecItemName',id='findRecItemName',onfocus='this.select();',name='name',type=label, tabindex='1',data-bind="value: title") 
            datalist(id='listRecItemName')    
      br 
      #form-group     
        diw.row
          .col-md-2
            label Nettó Listaár:
            .input-group
              .input-group-addon HUF
              input.form-control.currency(id='recNListPrice',min='0.00',type=text, value='0', tabindex='1',style='background-color:#FFFFF9; text-align:right;')    
          .col-md-2
            label Bruttó Listaár:
            .input-group
              .input-group-addon HUF
              input.form-control.currency(id='recBListPrice',min='0.00',type=text, value='0', tabindex='1',readonly='true',style='background-color:#FFFFF9; text-align:right;')   
          .col-md-2
            label Mennyiség:
            .input-group
              .input-group-addon db
              input.form-control.currency(id='recQty',min='1',onkeypress='validate(event)',onfocus='this.select();', type=number, value='1', tabindex='1',style='background-color:#FFFFF9; text-align:right;')       
          .col-md-2
          .col-md-2
            label Nettó Összesen:
            .input-group
              .input-group-addon HUF
              input.form-control.currency(id='ANListPrice',min='0.00',type=text, value='0', tabindex='1',readonly='true',style='background-color:#FFFFF9; text-align:right;')    
          .col-md-2
            label Bruttó Összesen:
            .input-group
              .input-group-addon HUF
              input.form-control.currency(id='ABListPrice',min='0.00',type=text, value='0', tabindex='1',readonly='true',style='background-color:#FFFFF5; text-align:right;')    
      br   
      hr
      br            
      input.btn.btn-primary.btn_save_rec(id='btn_save_rec',type='button',disabled='true',value='Mentés',tabindex='6') 
      |     
      a.btn.btn-success(href='/') Vissza
      hr
      h3 Tételek:
      .container-fluid
        .row
          .table-responsive
            table.table.table-striped(id='itemTable')
              col(width='5%')
              col(width='15')
              col(width='auto')
              col(width='15%')
              col(width='5%')
              thead
                tr
                  th #
                  th Cikkszám
                  th Megnevezés
                  th(style='text-align:right') Nettó ár
                  th(style='text-align:right') Mennyiség
                  th(style='text-align:right') Érték
              tbody

  script(src='https://code.jquery.com/jquery-1.10.2.js') 
  script(src='/js/events.js')
  script(src='/js/formatCurrency.js')
  script(src='//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js')