extends layout_side

block content
  .container#invoiceNew
    h1(style='color: #d19b3d;') #{title}

    form(id='frmNewInvoice',method='POST', action='/invoices/new/'+itype)
        #form-group
          label Számlaszám:
          input.form-control(id='invoiceNumber',name='invoiceNumber',type=text, tabindex='1',autocomplete='off',autofocus,  style='color: white;background-color:#2C3446;') 
        br
        #form-group
          if itype==='0'
            label Kibocsátó:
          if itype==='1'
            label Vevő:
            //-input.form-control(name='owner',type=label, tabindex='2',autocomplete='off', style='color: white;background-color:#2C3446;')     
          input.form-control(list='listClients',id='findClients',autocomplete='nope',name='owner',type=label, tabindex='1',data-bind="value: whouse", style='color: white;background-color:#2C3446;') 
          datalist(id='listClients')  
        br
        #form-group
          label Számla érték:
          input#currencyl(name="currencyl",type=text, style='display:none;',value="HUF")
          .input-group(style='width:250px;')
            input.form-control.currency(id='nPrice',name='nPrice',autocomplete='off',min='0.00',type=text,onFocus="this.select()", value='0', tabindex='3',style='color: white;background-color:#2C3446; text-align:right;')              
            .input-group-btn
              .dropdown
                button#currencyb.btn.btn-primary.dropdown-toggle(name='currency',type='button',  tabindex='4',data-toggle='dropdown', aria-haspopup='true', aria-expanded='true',value='HUF')
                  | Pénznem  
                  span.caret
                ul.dropdown-menu(aria-labelledby='currencyb')
                  li
                    a#lia(href='#', data-value='HUF') HUF
                  li
                    a#lia(href='#', data-value='EUR') EUR
                  li
                    a#lia(href='#', data-value='USD') USD
           
        br    
        br
        #form-group
          label Fizetési határidő:
            input.form-control(id='ed',name='days',type=text, tabindex='5',autocomplete='off',onFocus="this.select()",  value=30,style='color: white;background-color:#2C3446;')      
        
        br
        #form-group
          label Kibocsátás dátuma:
        .container
          .row
            .col-sm-6
              .form-group
                #datetimepicker1.input-group.date
                  input.form-control(id='emDate',name='dateEmission', tabindex='6',type='text',style='color: white;background-color:#2C3446;')
                  span.input-group-addon
                    span.glyphicon.glyphicon-calendar
        label Lejárati idő:
        .container
          .row
            .col-sm-6
              .form-group
                #datetimepicker2.input-group.date
                  input.form-control(id='expDate',name='expiryDate', tabindex='7',type='text',style='color: white;background-color:#2C3446;')
                  span.input-group-addon
                    span.glyphicon.glyphicon-calendar
        #form-group
          label Megjegyzés:
          textarea.form-control(name='body',tabindex='8',style='color: white;background-color:#2C3446;')
        br
        //a.btn.btn-primary.new-work(href='#') Létrehozás    
        //input.btn.btn-primary(type='submit',value='Mentés')
        button.btn.btn-success(id='btnsave',type='submit',name='action',value='save', tabindex='9') Mentés  
          .glyphicon.glyphicon-save
        |    
        button.btn.btn-primary(id='btnsaveNew',type='submit',name='action',value='saveAndNew', tabindex='10') Mentés és új
          |    
          .glyphicon.glyphicon-save

    script(type='text/javascript',src='/js/invoiceNew.js')
    script(src='/js/events.js')
    script.
      var local_data =#{itype}
      console.log('Local_data:'+local_data);
     if (local_data===0)
       $("#invoiceNew0").addClass("active");
     if (local_data===1)
       $("#invoiceNew1").addClass("active");