extends layout_side

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

    form(method='POST', action='/invoices/edit/'+invoice._id)
        #form-group
          label Számlaszám:
          input.form-control(name='invoiceNumber',type=text,autocomplete='off', readonly=true,value=invoice.invoiceNumber style='color: white;background-color:#2C3446;') 
        br
        #form-group
          if invoice.itype===true
            label Kibocsátó:
          if invoice.itype===false
            label Vevő:
          input.form-control(name='owner',type=label, tabindex='-1',value=invoice.owner,readonly=true,autocomplete='off', style='color: white;background-color:#2C3446;')     
        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=invoice.nPrice, 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')
                  | #{invoice.currency}  
                  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=invoice.daysLeft,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
        br
      
        #form-group
          label Megjegyzés:
          textarea.form-control(name='body',tabindex='1',value=invoice.body,style='color: white;background-color:#2C3446;')
        br
        //a.btn.btn-primary.new-work(href='#') Létrehozás 
        .container
          .row
            .col-sm-2     
              button.btn.btn-success(type='submit',name='action',value='update') Mentés        
            .col-sm-2 
              a.btn.btn-primary(href='/invoices/details/'+invoice._id) Vissza
  script(type='text/javascript',src='/js/datepicker.js')
  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");